<?php $__env->startSection('content'); ?>

<?php echo $__env->make('perfil/menu-lateral', ['configMenuLateral' => $configMenuLateral], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<div class="minha-conta__right">
	<div class="box">
		<h2 class="title">Minhas Entregas</h2>
		<?php if(count($entregas)){ ?>
			<?php $tamanho = count($entregas); ?>
			<?php foreach ($entregas as $key => $entrega): ?>
				<table class="tabela entrega-item" data-entrega="<?php echo $entrega->id; ?>">
					<?php if ($key == 0): ?>
						<tr>
							<th class="hide-mobile">Data Solicitação</th>
							<th class="hide-desktop">Data</th>
							<th class="hide-mobile">Pedido</th> 
							<th class="hide-desktop text-center">Qtd/Ped.</th>
							<th class="text-center hide-mobile">Qtd</th>
							<th class="text-right hide-mobile">Frete</th>
							<th class="text-right">Valor</th>
							<th class="hide-desktop text-center">Sit.</th>
							<th class="text-center hide-mobile">Situação</th>
							<th></th>
						</tr>
					<?php endif ?>
					
					<tr style="<?php echo $key+1 == $tamanho ? '' : 'border-bottom:2px solid #e1e1e1;'; ?>">
						<td class="hide-mobile" width="20%"><?php echo strtoupper(strftime('%d %b %y', strtotime($entrega->data_solicitacao))); ?></td>

						<td class="hide-desktop" width="15%">
							<?php echo date('d/m', strtotime($entrega->data_solicitacao)); ?>
							<p class="table-sub"><?php echo date('Y', strtotime($entrega->data_solicitacao)); ?></p>
						</td>
						<td class="hide-mobile" width="10%"><?php echo $entrega->id; ?></td> 
						<td class="text-center hide-mobile" width="5%"><?php echo intval($entrega->quantidade_produtos); ?> Gr.</td>

						<td class="hide-desktop text-center" width="15%"><?php echo intval($entrega->quantidade_produtos); ?> Gr. <p class="table-sub"><?php echo $entrega->id; ?></p></td>
						<td class="valor text-right hide-mobile" width="15%"> <?php echo $entrega->valor_frete ? 'R$ '.number_format($entrega->valor_frete,2,',','.') : 'Gratuito'; ?></td>

						
						<td class="valor text-right hide-mobile" width="15%">R$ <?php echo number_format($entrega->valor_total,2,',','.'); ?></td>

						<td class="valor text-right hide-desktop" width="30%">R$ <?php echo number_format($entrega->valor_total,2,',','.'); ?></td>
						<td class="text-center hide-mobile" width="20%"><button class="btn-<?php echo $entrega->statusAtualCliente()->status->cor; ?>"><?php echo $entrega->statusAtualCliente()->status->nome; ?></button></td>

						<td class="text-center hide-desktop" width="30%;"><i class="fa fa-circle <?php echo $entrega->statusAtualCliente()->status->cor; ?>"></i>
							<p class="table-sub"><?php echo substr($entrega->statusAtualCliente()->status->nome,0,5); ?>.</p>
						</td>
						<td width="5%"><i class="fa fa-plus-circle ver-detalhes"></i></td>
						
					</tr>
				</table>
				<div class="detalhes-entrega">
					
				</div>
			<?php endforeach ?>
			<?php echo $entregas->render(); ?>
		<?php }else{ ?>
			<div class="spacer">
				<h4><i> Você não possui nenhuma entrega solicitada.</i></h4>
			</div>
			
		<?php } ?>
		
	</div>
</div>


<script>
	$(document).on('click', '.ver-detalhes', function(){
		entregaItem = $(this).closest('.entrega-item');
		$.ajax({
			url:'/perfil/detalhes-entrega',
			type:'POST',
			data:{
				id:entregaItem.data('entrega')
			},
			beforeSend:function(){

			},
			success:function(data){
				if(data.status){
					console.log(data.html);
					entregaItem.next().html(data.html);
					entregaItem.next().slideDown();
					entregaItem.find('i').removeClass('fa-plus-circle');
					entregaItem.find('i').addClass('fa-minus-circle');
					entregaItem.find('.ver-detalhes').addClass('esconder-detalhes');
					entregaItem.find('.ver-detalhes').removeClass('ver-detalhes');
				}else{
					alertUtil.alertError(data.message);
				}
			},
			error:function(data){
				alertUtil.alertError('Erro ao ver os detalhes da entrega. Tente novamente mais tarde.');
			}

		});
		
	});

	$(document).on('click', '.esconder-detalhes', function(){
		entregaItem = $(this).closest('.entrega-item');

		entregaItem.next().slideUp();
		entregaItem.find('i').removeClass('fa-minus-circle');
		entregaItem.find('i').addClass('fa-plus-circle');
		entregaItem.find('.esconder-detalhes').addClass('expandir-detalhes');
		entregaItem.find('.esconder-detalhes').removeClass('esconder-detalhes');
	});

	$(document).on('click', '.expandir-detalhes', function(){
		entregaItem = $(this).closest('.entrega-item');
		entregaItem.next().slideDown();
		entregaItem.find('i').removeClass('fa-plus-circle');
		entregaItem.find('i').addClass('fa-minus-circle');
		entregaItem.find('.expandir-detalhes').addClass('esconder-detalhes');
		entregaItem.find('.expandir-detalhes').removeClass('expandir-detalhes');
	});
</script>
</div>
</div>
</section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.website', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>