@extends('layouts.dashboard')

@section('dashboard')

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>{{ $titulo }} Nº {{ $orden }}</strong></li>
    </ul>
    <div class="row">
    	<div class="col-md-auto">
    		<h1 class="titulo-h1 mb-4">{{ $titulo }} Nº {{ $orden }}</h1>
    	</div>
    	@if($tipo == 'exitosa')
      		<div class="col-auto">
		      	<a href="{{ route('ver-venta-pdf', ['id' => $compra_id]) }}" class="btn btn-danger btn-sm" target="_blank" rel="noopener noreferrer"><i class="fa fa-file-pdf-o"></i> Ver PDF</a>
	        </div>
	        @if(array_intersect($permiso, [1, 2, 6]))
	      		<div class="col-auto">
			      	<a href="{{ route('ver-venta-etiqueta', ['transaccion_id' => $compra_id, 'dte_canal_id' => 1]) }}" class="btn btn-danger btn-sm" target="_blank" rel="noopener noreferrer"><i class="fa fa-file-pdf-o"></i> Ver etiqueta</a>
		        </div>
	        @endif
        @endif
    </div>
    @if(session('folio') && session('entrega'))
        <div class="alert alert-success mb-3">
            <strong>Perfecto!</strong> El Pedido {{ session('folio') }} fue correctamente actualizado a su nuevo estado <strong>{{ session('entrega') }}</strong>
        </div>
    @endif

    @if(array_intersect($permiso, [7]) && $entrega == 'En camino')
		<form action="{{ route('cambiar-estado-compra') }}" method="post" id="form">
			<div class="card mb-4">
				<div class="card-body form-registro">
					{{ csrf_field() }}
					<div class="box-caja row m-0 mb-3">
						<div class="col-md-4">
							<p class="h3 font-weight-bold">Ingrese sus datos y su firma para validar la compra como entregada</p>
						</div>
						<div class="col-md-5">
							<div class="row align-items-center">
								<div class="form-group col-md-3">
				                    <label for="rut" class="text-uppercase font-weight-bold mb-0">RUT:</label>
				                </div>
								<div class="form-group col-md">
									<input type="text" class="form-control" id="rut" name="rut" required="">
								</div>
							</div>
							<div class="row align-items-center">
								<div class="form-group col-md-3">
				                    <label for="nombre" class="text-uppercase font-weight-bold mb-0">Nombre:</label>
				                </div>
								<div class="form-group col-md">
									<input type="text" class="form-control" name="nombre" id="nombre" required="">
								</div>
							</div>
							<div class="row">
								<div class="form-group col-md-3">
				                    <label class="text-uppercase font-weight-bold mb-0">Firma:</label>
				                </div>
								<div class="form-group col-md">
							    	<div class="border" id="imagen-firma"></div>
							    	<textarea class="form-control p-0" name="firma" id="firma" required="" style="opacity: 0; height: 0;"></textarea>
							        <!--<button type="button" id="limpiar" class="btn btn-warning btn-sm mx-3">Limpiar</button>-->
								</div>
							</div>
							<div class="form-group text-right">
								<button type="submit" class="btn btn-success btn-sm">Entregar</button>
								<a href="{{ route('list-ventas') }}" class="btn btn-primary btn-sm ml-2">Cancelar</a>
							</div>
						</div>
					</div>
					@include('dashboard.inc.script-firma')
				</div>
			</div>
		@endif

		@if($entrega == 'Entregada')
			@php $datos_firma = \FCRD::getDatosFirma($compra_id); @endphp
			@foreach($datos_firma as $df)
				<div class="card mb-4">
					<div class="card-body">
						<div class="box-caja row m-0 mb-3">
							<div class="col-md-4">
								<h3 class="h3">Datos del cliente que recibió la compra</h3>
							</div>
							<div class="col-md-5">
								<div class="row">
									<div class="form-group col-md-3">
					                    <label class="text-uppercase font-weight-bold mb-0">Nombre:</label>
					                </div>
									<div class="form-group col-md">
										<span>{{ $df->usuario_nombre }}</span>
									</div>
								</div>
								<div class="row">
									<div class="form-group col-md-3">
					                    <label class="text-uppercase font-weight-bold mb-0">RUT:</label>
					                </div>
									<div class="form-group col-md">
										<span>{{ \FCR::num_cl($df->rut).'-'.$df->rut_digito_verificador }}</span>
									</div>
								</div>
								@if(!empty($df->recepcion_compra_firma))
									<div class="row">
										<div class="form-group col-md-3">
						                    <label class="text-uppercase font-weight-bold mb-0">Firma:</label>
						                </div>
										<div class="form-group col-md">
											<img loading="lazy" src="{{ route('firma', ['filename' => $df->recepcion_compra_firma]) }}" class="img-fluid border">
										</div>
									</div>
								@endif
								<div class="row">
									<div class="form-group col-md-3">
					                    <label class="text-uppercase font-weight-bold mb-0">Fecha de entrega:</label>
					                </div>
									<div class="form-group col-md">
										<span>{{ \FCR::fecha($df->recepcion_compra_fecha) }}</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			@endforeach
		@endif
    <div class="card">
        <div class="card-body">
	    	<!-- Encabezado Cliente -->
	    	<div class="row">
		    	<div class="col-12 mb-4">
		    		<h3>{{ $nombre }}</h3>
		    	</div>

				<!-- Datos del Cliente -->
				<div class="col-md-5">
					<h5>Datos del Cliente</h5>
					<ul class="list-unstyled">
						<li><strong>Nombre:</strong> {{ $nombre }}</li>
						<li><strong>Email:</strong> {{ $email }}</li>
						<li><strong>Fono:</strong> {{ $telefono }}</li>
						@if(!empty($rut))
							<li><strong>RUT:</strong> {{ $rut }}</li>
						@endif
						@if(!empty($giro))
							<li><strong>Giro:</strong> {{ $giro }}</li>
						@endif
					</ul>
				</div>
				@if(count($campos) > 0 || !empty($region) || !empty($comuna) || !empty($direccion))
					<!-- Datos Adicionales -->
					<div class="col-md">
						<h5>Datos Adicionales</h5>
						<ul class="list-unstyled">
							@foreach($campos as $c)
								@if(!empty($c->valor_final))
									<li><strong>{{ $c->opcion }}:</strong> {{ $c->valor_final }}</li>
								@endif
							@endforeach
							@if(!empty($region))
								<li><strong>Región:</strong> {{ $region }}</li>
							@endif
							@if(!empty($comuna))
								<li><strong>Comuna:</strong> {{ $comuna }}</li>
							@endif
							@if(!empty($direccion))
								<li><strong>Dirección:</strong> {{ $direccion }}</li>
							@endif
						</ul>
					</div>
				@endif
				<!-- Datos de la Compra -->
				<div class="col-md text-md-right">
					<h5>Documento de Venta</h5>
					<ul class="list-unstyled">
						<li><strong>Fecha Compra:</strong> {{ \FCR::fecha($fecha) }}</li>
						<li><strong>Hora Compra:</strong> {{ \FCR::hora($fecha) }}</li>
						<li><strong>Documento:</strong> {{ ucwords($documento) }}</li>
						<li><strong>Pago con:</strong> {{ ucwords($pago) }}</li>
						@if(!empty($codigo_tbk) && $pago == 'webpay')
							<li><strong>Cód. Autorización:</strong> {{ $codigo_tbk }}</li>
						@endif
						@if(!empty($codigo_mercadopago) && $pago == 'mercadopago')
							<li><strong>Cód. MercadoPago:</strong> {{ $codigo_mercadopago }}</li>
						@endif
						<li><strong>Estado Venta:</strong> {{ ucwords($compra_estado) }}</li>
						@if(isset($entrega) && !empty($entrega))
	    					<li><strong>Estado Entrega:</strong> {{ $entrega }}</li>
	    				@endif
					</ul>
				</div>

				<!-- Productos del Carrito -->
				<div class="col-md-12">
					<table class="table table-striped">
						<thead>
							<tr>
								<th class="text-center">Imagen</th>
								<th class="text-center">SKU</th>
								<th>Item</th>
								<th class="text-center">Cantidad</th>
								<th class="text-right">Costo Unidad</th>
								<th class="text-right" style="width: 100px;">Total</th>
							</tr>
						</thead>
						<tbody>
						@if(count($productos) > 0)
							@foreach($productos as $p)
								@php
									$foto_producto = \FCR::getFotoProducto($p->producto_id, 1);
								@endphp
								<tr>
						            @if(!empty($foto_producto))
						                <td class="text-center"><img loading="lazy" src="{{ $foto_producto }}" title="" alt="" class="img-fluid" onclick="imagenModalProducto({{ $p->producto_id }})"></td>
						            @else
						                <td class="text-center"><img loading="lazy" src="{{ asset('img/imagen-sin-foto.jpg') }}" title="" alt="" class="img-fluid" width="100"></td>
						            @endif
									<td class="text-center">{{ $p->producto_codigo_sku }}</td>
									<td>
										<span class="text-small">{{ $p->url_h1 }}</span>
									</td>
									<td class="text-center">{{ $p->carrito_detalle_cantidad }}</td>
									<td class="text-right">