@extends("theme.$theme.layout")
@section('styles')
<link href="{{ asset('css/reservacion.css') }}" rel="stylesheet">
<link href="{{ asset('css/reservacion_detalle.css') }}" rel="stylesheet">
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('title')
   {{__('Detalles de la reserva')}}
@endsection
@section('content')
@php
    $isAdmin = Auth::user()->isAdmin();
@endphp
<div class="row">
    <div class="col-12">
        <div id="detalle">
            <input type="hidden" id="idrsv" value="{{$reserva->id}}">
            <input type="hidden" id="typersv" value="{{$reserva->type}}">
            <div class="row border-bottom border-top reserva bg-white">
                <div class="col-6 text-right align-self-center">
                    {{__('Referencia')}}
                </div>
                <div class="callout callout-info col-6 mb-0" v-text="folio">
                    {{$reserva->provider_reference}}
                </div>
            </div>
            <div class="row mt-3 p-2 bg-green-blue text-white">
                <div class="col-12">
                    <p class="text-right mb-0">
                        {{__('Todos los servicios de la reserva están en estado')}}
                        <span class="btn btn-warning ml-3" v-text="estatus" style="pointer-events: none;">
                            {{$reserva->status == 2 ? 'Pagado' : 'Pendiente'}}
                        </span>
                    </p>
                </div>
            </div>
            <div class="row border mb-3">
                <div class="col-12 col-md-6 bg-gray-1 p-3">
                    <strong class="text-green-blue">
                        @switch($reserva->type)
                             @case('CIRCUITO')
                                     {{__('CIRCUITO(S)')}}
                                 @break
                             @case('HOTEL')
                                 <th>{{__('HOTEL(ES)')}}</th>
                                 @break
                             @default
                        @endswitch
                    </strong>
                </div>
                <div class="col-12 col-md-6 mb-0 p-3 bg-gray-light text-green-blue">
                    {{__('Importe total de la reserva')}} $ <strong v-text="total">{{$reserva->total}}</strong>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="accordion" id="accordionInfo">
                        <div class="card reserva-completa">
                          <div class="card-header bg-green-blue" id="headingOne">
                            <h2 class="mb-0">
                              <button class="btn btn-block text-left text-white" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                <strong>{{__('Desglose de precios')}}</strong>
                              </button>
                            </h2>
                          </div>
                          <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionInfo">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 col-md-6">
                                        <table class="table">
                                            <tbody class="thead-light">
                                               <tr>
                                                @switch($reserva->type)
                                                    @case('CIRCUITO')
                                                        <th>{{__('Precio paquete')}}</th>
                                                        @break
                                                    @case('HOTEL')
                                                        <th>{{__('Precio hotel(es)')}}</th>
                                                        @break
                                                    @default
                                                        <th>{{__('Precio servicio(s)')}}</th>
                                                @endswitch
                                                  <td>$ <span v-text="precio_paquete"></span></td>
                                               </tr>
                                               @if ($reserva->type == 'CIRCUITO')
                                               <tr>
                                                  <th>{{__('Precio servicios aéreos')}}</th>
                                                  <td v-text="precio_aereos"></td>
                                               </tr>
                                               <tr>
                                                  <th>{{__('Tasas aereas')}}</th>
                                                  <td v-text="tasas_aereas"></td>
                                               </tr>
                                               <tr>
                                                  <th>{{__('Precio Suplementos')}}</th>
                                                  <td v-text="precio_suplementos"></td>
                                               </tr>
                                               @endif
                                               @if ($reserva->type == 'HOTEL')
                                               <tr>
                                                <th>{{__('Total Descuentos')}}</th>
                                                <td v-text="total_descuento"></td>
                                             </tr>
                                               @endif
                                            </tbody>
                                            <tfoot>
                                               <tr>
                                                  <th>{{__('A pagar por el cliente')}}</th>
                                                  <td class="bg-warning">$ <span v-text="total"></span></td>
                                               </tr>
                                            </tfoot>
                                         </table>
                                    </div>
                                    <div class="col-12 col-md-6">
                                        <table class="table">
                                            <tbody class="thead-light">
                                               <tr>
                                                  <th>{{__('Importe no comisionable')}}</th>
                                                  <td>$ <span v-text="importe_no_comisionable"></span></td>
                                               </tr>
                                               <tr>
                                                  <th>{{__('Importe comisionable')}}</th>
                                                  <td v-text="importe_comisionable"></td>
                                               </tr>
                                               <tr>
                                                  <th>{{__('Comisión de la agencia de un')}} <span v-text="comision_agencia_porcentaje"></span>%</th>
                                                  <td v-text="comision_agencia_total"></td>
                                               </tr>
                                               <tr>
                                                  <th>{{__('Impuestos sobre la comisión de un')}} <span v-text="comision_agencia_impuesto_porcentaje"></span>%</th>
                                                  <td v-text="comision_agencia_impuesto"></td>
                                               </tr>
                                            </tbody>
                                            <tfoot>
                                               <tr>
                                                  <th>{{__('A pagar por la agencia')}}</th>
                                                  <td class="bg-warning">$ <span v-text="total_agencia"></span></td>
                                               </tr>
                                            </tfoot>
                                         </table>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </div>
                        <div class="card">
                          <div class="card-header bg-green-blue" id="headingThree">
                            <h2 class="mb-0">
                              <button class="btn btn-block text-left text-white collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                <strong>{{__('Detalle de servicio')}}</strong>
                              </button>
                            </h2>
                          </div>
                          <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionInfo">
                            <div class="card-body">
                                {{-- <p>{{var_dump($reserva->status)}}</p> --}}
                                @switch($reserva->type)
                                    @case('CIRCUITO')
                                        @include('reserva.providers.circuito')
                                        @break
                                    @case('HOTEL')
                                        @include('reserva.providers.hotel')
                                        @break
                                    @case(2)
                                        @include('reserva.providers.transfer')
                                        @break
                                    @default
                                @endswitch
                            </div>
                          </div>
                        </div>
                        <div class="card reserva-completa">
                            <div class="card-header bg-green-blue" id="headingTwo">
                              <h2 class="mb-0">
                                <button class="btn btn-block text-left text-white collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                  <strong>{{__('Documentación de la reserva')}}</strong>
                                </button>
                              </h2>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionInfo">
                                <div class="row px-2">
                                    <div class="col-12 col-md-4 py-2">
                                        <a id="downloadPDF" class="btn btn-info pull-right text-white w-100">
                                            <i class="fa fa-download" pr-21></i> {{__('Descargar confirmación')}} (PDF)
                                        </a>
                                    </div>
                                    <div class="col-12 col-md-4 py-2">
                                        <a id="voucher" class="btn btn-info pull-right text-white w-100" target="_black">
                                            <i class="fa fa-download" pr-21></i> {{__('Ver Confirmación')}} (PDF)
                                        </a>
                                    </div>
                                    <div class="col-12 col-md-4 py-2">
                                        <form id="confirmation_send" action="{{route('confirmation_send')}}">
                                            @csrf
                                            <div class="form-row align-items-center">
                                                <div class="col-12 col-md-6">
                                                    <label class="sr-only" for="correo">Correo</label>
                                                    <div class="input-group mb-2">
                                                        <div class="input-group-prepend">
                                                            <div class="input-group-text">@</div>
                                                        </div>
                                                        <input type="text" class="form-control" id="correo" name="correo" placeholder="Correo" required>
                                                        <input type="hidden" id="folio" value="{{$reserva->id}}" readonly>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-md-6">
                                                    <button type="submit" class="btn btn-primary mb-2 w-100"><i class="fa fa-envelope-open-text pr-1"></i>{{__('Enviar confirmación')}}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                          </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('scripts')
<script src="{{ asset('js/detalle-reserva.js') }}"></script>
@endsection