@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
@endsection

@section('content')

    @include('utils.preloader')

    @include('layouts.header')

    <div class="shop-area pt-20">
        <div class="container-fluid custom-container card shadow-sm">
            <div class="row p-3">
                <div class="col-md-12 text-center">
                    <h1 class="btn-impacto p-2 rounded">Datos de Solicitud de Compra</h1>
                    <p>
                    <h6>Estado de Solicitud de Compra: Pendiente</h6>
                    <h6>Nro° de Solicitud de Compra: {{ $voucher->id_vouchers }}</h6>
                    <h6>Código de Solicitud de Compra: {{ $voucher->v_code }}</h6>
                    </p>

                </div>
                <div class="col-md-4 p-4">
                    <h3 class="btn-impacto p-2 rounded">Datos de cliente</h3>
                    <div class="pl-4">
                        @if ($voucher->v_type == 1)
                            <p>
                                <b>Nombre Completo:</b> {{ $voucher->v_name_complete }}
                            </p>
                            <p>
                                <b>Documento de Identidad:</b> {{ $voucher->v_document }}
                            </p>
                        @else
                            <p>
                                <b>Razón Social:</b> {{ $voucher->v_business_name }}
                            </p>
                            <p>
                                <b>RUC:</b> {{ $voucher->v_ruc }}
                            </p>
                        @endif
                        <p>
                            <b>Dirección:</b> {{ $voucher->v_address }}
                        </p>
                        <p>
                            <b>Celular:</b> {{ $voucher->v_phone }}
                        </p>
                        <p>
                            <b>Email:</b> {{ $voucher->v_mail }}
                        </p>
                    </div>
                </div>
                <div class="col-md-4 p-4">
                    <h3 class="btn-impacto p-2 rounded">Datos de Entrega</h3>
                    <div class="pl-4">
                        @switch($voucher->v_type_shipping)
                            @case(1)

                                <p><b>Tipo de Entrega:</b> RETIRO EN TIENDA IMPACTO </p>
                                <p><b>Sede de Recojo:</b> {{ $voucher->local->l_name }} </p>
                                <p><b>Dirección: </b>  {{ $voucher->local->address }} </p>
                                <p><b class="border-bottom">Datos de persona a quien se le entrega:</b></p>
                                <p><b>Nombre Completo:</b> {{ $voucher->per_name_complete }}</p>
                                <p><b>DNI:</b> {{ $voucher->per_document }}</p>
                                <p><b>Celular:</b> {{ $voucher->per_phone }}</p>
                                @break
                            @case(2)

                                <p><b>Tipo de Entrega:</b> DESPACHO LIMA - ONLINE </p>
                                <p><b>Dirección:</b> {{ $voucher->v_shipping_address }} </p>
                                <p><b class="border-bottom">Datos de persona a quien se le entrega:</b></p>
                                <p><b>Nombre Completo:</b> {{ $voucher->per_name_complete }}</p>
                                <p><b>DNI:</b> {{ $voucher->per_document }}</p>
                                <p><b>Celular:</b> {{ $voucher->per_phone }}</p>
                                @break
                            @default

                                <p><b>Tipo de Entrega:</b> ENVÍO A PROVINCIA POR COURIER / AGENCIA</p>
                                <p><b>Agencia de envio:</b> {{ $voucher->agency->description }}</p>
                                <p><b>Dirección:</b> {{ $voucher->v_shipping_address }}</p>
                                <p><b class="border-bootom">Datos de persona a quien se le entrega:</b></p>
                                <p><b>Nombre Completo:</b> {{ $voucher->per_name_complete }}</p>
                                <p><b>DNI:</b> {{ $voucher->per_document }}</p>
                                <p><b>Celular:</b> {{ $voucher->per_phone }}</p>
                        @endswitch
                    </div>
                </div>
                <div class="col-md-4 p-4">
                    <h3 class="btn-impacto p-2 rounded">Datos de Pago</h3>
                        <div class="pl-4">
                            <p><b>Tipo de Pago: </b>TARJETA VISA DE DÉBITO O CRÉDITO</p>
                            {{-- <p><b>Propietario de Tarjeta: </b> {{ $voucher->payment->owner_card  }} </p> --}}
                            {{-- <p><b>Email: </b> {{ $voucher->payment->email_card  }} </p> --}}
                            <p><b>Tipo de Moneda: </b> PEN (Nuevos Soles) </p>
                            <p><b>Monto:</b> S/{{ number_format($voucher->v_total * $voucher->v_change_price, 2, '.', '')  }}</p>
                            <p><b>Estado de Pago:</b>{{ $voucher->payment->status_description_pay_card }}</p>
                            <p><b>Fecha de Registro:</b>  {{ $voucher->payment->created_at->format('d/m/Y H:i:s a')  }} </p>
                        </div>
                </div>
                <div class="col-md-12">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Nr°</th>
                                <th>Imagen</th>
                                <th>Descripción del Producto</th>
                                <th>Cantidad</th>
                                <th>Precio</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($voucher->detail as $key => $detail)
                                <tr>
                                    <td class="border text-center">{{ $key + 1 }}</td>
                                    <td class="border text-center">
                                        <img class="" src="{{ $detail->product->prod_photo_one }}" alt="{{ $detail->product->prod_description}}" width="100">
                                    </td>
                                    <td class="border">{{ $detail->product->prod_description }}</td>
                                    <td class="border">{{ $detail->vd_cantidad }}</td>
                                    <td class="border">${{ $detail->vd_price }}</td>
                                    <td class="border">${{ $detail->vd_total }}</td>
                                </tr>
                            @endforeach
                            <tr>
                                <td colspan="4" class="border-0"></td>
                                <td class="border">Subtotal</td>
                                <td class="border">${{ $voucher->v_subtotal }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="border-0"></td>
                                <td class="border">IGV</td>
                                <td class="border">${{ $voucher->v_igv }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="border-0"></td>
                                <td class="border">envío</td>
                                <td class="border">${{ $voucher->v_price_shipping }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="border-0"></td>
                                <td class="border">Total Dólares</td>
                                <td class="border">${{ $voucher->v_total }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="border-0"></td>
                                <td class="border">Total Soles</td>
                                <td class="border">S/{{ number_format($voucher->v_total * $voucher->v_change_price, 2, '.', '') }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-12 text-center">
                    <button type="button" onclick="javascript:window.print()" class="btn btn-light border">Imprimir</button>
                    <a href="{{ route('download_voucher', ['v_id' => $voucher->id_vouchers, 'code' => $voucher->v_code]) }}" target="_blank" class="btn btn-danger">Descargar PDF</a>
                    <p class="mt-1">Se recomienda descargar, imprimir y guardar PDF de transacción generado.</p>
                </div>
                <div class="col-md-12 text-center">
                    <p><b>Importaciones Impacto S.A.C.</b></p>
                    <p> <a href="{{ route('ps_terms_condition') }}" target="_blank">Políticas de devolución</a> -
                        <a href="{{ route('ps_terms_condition') }}" target="_blank">Términos y Condiciones</a> </p>
                </div>
            </div>
        </div>
    </div>

    @include('layouts.brand')

    @include('layouts.newsletter')

    @include('layouts.footer')

    @include('utils.backtop')

@endsection