@extends("theme.$theme.layout$ext")
@section('styles')
    <link href="{{ asset('css/circuito.css') }}" rel="stylesheet">
@endsection
@section('content')
<div class="container">
    @if(!empty($textError))
        <div class="alert alert-danger" role="alert">
            {{ $textError }}
        </div>
    @else
        <div class="row">
            <!-- Circuito - Imagen -->
            <div class="col-12 col-md-3">
                <div class="card">
                    <div class="card-header headerTitle">
                        <h5 class="text-uppercase">Circuito seleccionado</h5>
                    </div>
                    <div class="card-body">
                        <h5 class="card-title titulo_rojo mb-2">{{ $circuito->packageName }}</h5>
                        <p class="card-text">
                            <img class="img-thumbnail" src="{{$circuito->information->urlImage('144-Tallin.jpg')}}" alt="{{ $circuito->description }}">
                        </p>
                    </div>
                </div>
            </div>
            <!-- / Circuito - Imagen -->
            <!-- Info circuito -->
            <div class="col-12 col-md-9">
                <div class="card">
                    <div class="card-header headerTitle">
                        <div class="row">
                            <div class="col">
                                <h5 class="text-uppercase">Tu selección</h5>
                            </div>
                            @if($disponibilidad)
                            <div class="col text-right text-uppercase">
                                <button type="button" class="btn btn-outline-light " id="imprimir">
                                    <i class="fa fa-print"></i>&nbsp;
                                    Versión para imprimir
                                </button>
                            </div>
                            @endif
                        </div>
                        <input type="hidden" id="pax" value="{{$distribucion['pax']}}" readonly>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-md-8">
                                <table class="table table-sm">
                                    <tbody>
                                    <tr>
                                        <td>Categoría:</td>
                                        <td><span>{{ $categoria }}</span></td>
                                    </tr>
                                    <tr>
                                        <td>Aeropuerto Salida:</td>
                                        <td><span>{{ $beginDate->isoFormat('MMMM D, YYYY') }} / {{ $noches }}</span></td>
                                    </tr>
                                    <tr>
                                        <td>Distribución:</td>
                                        @php
                                            $textRooms  = $distribucion['rooms'] . ($distribucion['rooms'] == 1 ? " habitación" : " habitaciones" );
                                            $textAdults = $distribucion['adults'] . ($distribucion['adults'] == 1 ? " adulto" : " adultos" );
                                            $textMinors = $distribucion['minors'] > 0 ? ( $distribucion['minors'] == 1 ? $distribucion['minors'] . " menor" : $distribucion['minors'] . " menores" ) : '';
                                        @endphp
                                        <td><span>{{ $textRooms . ' ' . $textAdults . ' ' . $textMinors}}</span></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-12 col-md-4">
                                @if(($disponibilidad) && ($tarifa_base_viaje > 0))
                                    <div class="small-box bg-info">
                                        <div class="inner">
                                            <h3 id="final-price">${{ $tarifa_base_viaje }} USD</h3>
                                            <p>Precio final</p>
                                        </div>
                                        <div class="icon">
                                            <i class="fas fa-shopping-cart"></i>
                                        </div>
                                        <a href="#" class="small-box-footer" id="pax-price">
                                            ${{ $tarifa_base }} USD x persona
                                        </a>
                                        <input type="hidden" id="base-price" value="{{$tarifa_base}}">
                                    </div>
                                @else
                                    <div class="small-box bg-danger">
                                        <div class="inner">
                                            <h3>No disponible</h3>
                                            <p>Disculpe las molestias</p>
                                        </div>
                                        <div class="icon">
                                            <i class="far fa-sad-cry"></i>
                                        </div>
                                        <a href="{{(empty($token)) ? route('detalle_circuito',$circuito->id) : route('detalle_circuito_ext',['api_token'=>$token])}}" class="small-box-footer">
                                            Buscar de nuevo <i class="fas fa-arrow-circle-right"></i>
                                        </a>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Info circuito -->
        </div>
    @endif
    @if(($disponibilidad) && ($tarifa_base_viaje > 0))
    <form action="{{(empty($token)) ? route('reservar_circuito') : route('reservar_circuito_ext',['api_token'=>$token])}}" method="POST" autocomplete="off" id="formReserva">
        @csrf
        <div class="hide">
            <input type="hidden" name="ideses" value="{{ $tokenR }}" readonly>
            <input type="hidden" name="req_num" value="{{isset($previousRequest) ? $previousRequest['ideses']:''}}">
        </div>
        <!-- Servicios -->
        <div class="row">
            <input type="hidden" name="opcionales">
            <div class="col">
                @if(!empty($services))
                    <table class="table">
                        <thead>
                            <tr class="headerTitle">
                                <th colspan="7">SERVICIOS INCLUIDOS</th>
                            </tr>
                            <tr class="thead-light">
                                <th scope="col">Servicio</th>
                                <th scope="col">Fecha Inicio</th>
                                <th scope="col">Fecha Fin</th>
                                <th scope="col">Descripción</th>
                                <th scope="col">Zona</th>
                                <th scope="col">Condiciones</th>
                                <th scope="col">Estado</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($services) > 1)
                                @foreach ($services as $index => $service_group)
                                    @php
                                        $draw = true;
                                        if(isset($previousRequest)){
                                            if($previousRequest['serviceGroupId'] != $service_group['incluidos'][0]['serviceGroupId']){
                                                $draw = false;
                                            }
                                        }
                                    @endphp
                                    @if ($draw)
                                        <tr class="headerTitle">
                                            <td colspan="6">
                                                <input type="radio" name="tarifa_ci" class="option-select" data-id="idx-{{$index}}" data-vl="{{$service_group['incluidos'][0]['serviceGroupId']}}" value="{{$service_group['incluidos'][0]['tarifa_base']}}">
                                                <span class="pl-2">{{__('Elegir opción')}} {{($index+1)}}</span>
                                            </td>
                                            <td>
                                                <span class="pl-2">{{__('$')}}{{($service_group['incluidos'][0]['tarifa_base'])}} {{'USD x persona'}}</span>
                                                <input type="hidden" name="serviceGroupId" value="{{isset($previousRequest) ? $previousRequest['serviceGroupId']:''}}">
                                            </td>
                                        </tr>
                                        @foreach ($service_group['incluidos'] as $included_service)
                                            <tr class="group-detail idx-{{$index}}">
                                                <td scope="col">{{ $included_service['servicio'] }}</td>
                                                <td scope="col">{{ $included_service['fecha_inicio']->format('d/m/Y') }}</td>
                                                <td scope="col">{{ $included_service['fecha_fin']->format('d/m/Y') }}</td>
                                                <td scope="col">{{ $included_service['desc'] }}</td>
                                                <td scope="col">{{ $included_service['zona'] }}</td>
                                                <td scope="col">{{ $included_service['condiciones'] }}</td>
                                                <td scope="col">{{ $included_service['estatus'] }}</td>
                                            </tr>
                                        @endforeach
                                        @if (count($service_group['opcionales']) > 0)
                                            <tr class="thead-light group-detail idx-{{$index}}">
                                                <th colspan="7">SERVICIOS OPCIONALES</th>
                                            </tr>
                                            <tr class="thead-light group-detail idx-{{$index}}">
                                                <th scope="col">Tipo</th>
                                                <th colspan="2" scope="col">Nombre</th>
                                                <th scope="col">Descripción</th>
                                                <th scope="col">Estado</th>
                                                <th scope="col">Precio</th>
                                                <th scope="col">Selección</th>
                                            </tr>
                                        @endif
                                        @foreach ($service_group['opcionales'] as $optional_service)
                                            <tr class="group-detail idx-{{$index}}">
                                                <td scope="col">{{ $optional_service['tipo'] }}</td>
                                                <td colspan="2" scope="col">{{ $optional_service['nombre'] }}</td>
                                                <td scope="col">{{ $optional_service['condiciones'] }}</td>
                                                <td scope="col">{{ $optional_service['estado'] }}</td>
                                                <td scope="col">${{ $optional_service['importe'] }} USD</td>
                                                <td scope="col">
                                                    @php
                                                        $checked = "N";
                                                        if(isset($previousRequest)){
                                                            foreach ($previousRequest as $key => $node) {
                                                                if(is_array($node)){
                                                                    if(isset($node['optionalServiceId'])){
                                                                        if($node['optionalServiceId'] == $optional_service['optinalServiceId']){
                                                                            $checked = "Y";
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    @endphp
                                                    <div class="form-group form-check">
                                                        <input type="checkbox" class="form-check-input" data-price="{{ $optional_service['importe'] }}" data-grp="{{$index}}" data-defcheck="{{$checked}}" id="{{$optional_service['optinalServiceId']}}">
                                                        <label class="form-check-label" for="">Agregar</label>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                @endforeach
                            @else
                                @foreach ($services as $index => $service_group)
                                    @foreach ($service_group['incluidos'] as $included_service)
                                        <tr>
                                            <td scope="col">{{ $included_service['servicio'] }}</td>
                                            <td scope="col">{{ $included_service['fecha_inicio']->format('d/m/Y') }}</td>
                                            <td scope="col">{{ $included_service['fecha_fin']->format('d/m/Y') }}</td>
                                            <td scope="col">{{ $included_service['desc'] }}</td>
                                            <td scope="col">{{ $included_service['zona'] }}</td>
                                            <td scope="col">{{ $included_service['condiciones'] }}</td>
                                            <td scope="col">{{ $included_service['estatus'] }}</td>
                                            <input type="hidden" name="serviceGroupId" value="{{ $included_service['serviceGroupId'] }}" readonly>
                                        </tr>
                                    @endforeach
                                    @if (count($service_group['opcionales']) > 0)
                                        <tr class="thead-light">
                                            <th colspan="7">SERVICIOS OPCIONALES</th>
                                        </tr>
                                        <tr class="thead-light">
                                            <th scope="col">Tipo</th>
                                            <th colspan="2" scope="col">Nombre</th>
                                            <th scope="col">Descripción</th>
                                            <th scope="col">Estado</th>
                                            <th scope="col">Precio</th>
                                            <th scope="col">Selección</th>
                                        </tr>
                                    @endif
                                    @foreach ($service_group['opcionales'] as $optional_service)
                                        <tr class="group-detail">
                                            <td scope="col">{{ $optional_service['tipo'] }}</td>
                                            <td colspan="2" scope="col">{{ $optional_service['nombre'] }}</td>
                                            <td scope="col">{{ $optional_service['condiciones'] }}</td>
                                            <td scope="col">{{ $optional_service['estado'] }}</td>
                                            <td scope="col">{{ $optional_service['importe'] }}</td>
                                            <td scope="col">
                                                <div class="form-group form-check">
                                                    <input type="checkbox" class="form-check-input" data-price="{{ $optional_service['importe'] }}" id="{{ $optional_service['optinalServiceId'] }}">
                                                    <label class="form-check-label" for="">Agregar</label>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                @endif
            </div>
        </div>
        <!-- Pasajeros -->
        <div class="row">
            <div class="col">
                @if(!empty($rooms))
                <table class="table">
                    <thead>
                        <tr class="headerTitle">
                            <th colspan="7">DATOS PASAJEROS</th>
                        </tr>
                        <tr class="thead-light">
                        <th scope="col">ID</th>
                        <th scope="col">Nombre(s)</th>
                        <th scope="col">Apellido(s)</th>
                        <th scope="col">Identificación/Pasaporte</th>
                        <th scope="col">Tipo</th>
                        <th scope="col">Importe</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $paxid = 0;
                        @endphp
                        @foreach ($rooms as $idx => $room)
                            @for ($i = 0; $i < count($room['age']); $i++)
                                @php
                                    $paxid++;
                                    $pasajero = $room['age'][$i];
                                    $tipo     = ($pasajero > 17) ? 'Adulto' : 'Menor';

                                    $nameValue = "";
                                    $lastValue = "";
                                    $passValue = "";
                                    if(isset($previousRequest)){
                                        $nameValue = $room['names'][$i];
                                        $lastValue = $room['lasts'][$i];
                                        $passValue = $room['docts'][$i];
                                    }
                                @endphp
                                <tr>
                                    <td scope="col">{{ $paxid }}</td>
                                    <td scope="col"><input class="form-control" type="text" id="{{$tipo}}_name{{$i}}}" name="passager[{{$idx}}][{{$i}}][name]" value="{{$nameValue}}" required/></td>
                                    <td scope="col"><input class="form-control" type="text" id="{{$tipo}}_last{{$i}}}" name="passager[{{$idx}}][{{$i}}][lastname]" value="{{$lastValue}}" required/></td>
                                    <td scope="col"><input class="form-control" type="text" id="{{$tipo}}_pass{{$i}}}" name="passager[{{$idx}}][{{$i}}][pass]" value="{{$passValue}}" required/></td>
                                    <td scope="col">{{ $tipo }}</td>
                                    <td scope="col" class="det-price">{{ $tarifa_base }}</td>
                                    <input type="hidden" name="passager[{{$idx}}][{{$i}}][age]" value="{{$pasajero}}" readonly>
                                </tr>
                            @endfor
                        @endforeach
                    </tbody>
                </table>
                @endif
            </div>
        </div>
        @if(!empty($services) && $hasFlight)
        <!-- Vuelos -->
            <div class="row">
            <div class="col">
                <table class="table">
                    <thead>
                        <tr class="headerTitle">
                            <th colspan="7">DATOS PARA EL TRASLADO</th>
                        </tr>
                        <tr class="thead-light">
                        <th style="width: 16%;" scope="col"></th>
                        <th scope="col">Origen</th>
                        <th scope="col">Destino</th>
                        <th scope="col">Compañía</th>
                        <th scope="col">Vuelo</th>
                        <th scope="col">Llegada</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td scope="col">Vuelo de llegada</td>
                            <td scope="col"><input class="form-control" type="text" id="llegada_origen" name="llegada_origen" /></td>
                            <td scope="col"><input class="form-control" type="text" id="llegada_destino" name="llegada_destino" /></td>
                            <td scope="col"><input class="form-control" type="text" id="llegada_compania" name="llegada_compania" /></td>
                            <td scope="col"><input class="form-control" type="text" id="llegada_vuelo" name="llegada_vuelo" /></td>
                            <td scope="col"><input class="form-control" type="datetime-local" id="llegada_hora" name="llegada_hora" /></td>
                        </tr>
                        <tr class="thead-light">
                            <th scope="col"></th>
                            <th scope="col">Origen</th>
                            <th scope="col">Destino</th>
                            <th scope="col">Compañía</th>
                            <th scope="col">Vuelo</th>
                            <th scope="col">Salida</th>
                        </tr>
                        <tr>
                            <td scope="col">Vuelo de salida</td>
                            <td scope="col"><input class="form-control" type="text" id="salida_origen" name="salida_origen" /></td>
                            <td scope="col"><input class="form-control" type="text" id="salida_destino" name="salida_destino" /></td>
                            <td scope="col"><input class="form-control" type="text" id="salida_compania" name="salida_compania" /></td>
                            <td scope="col"><input class="form-control" type="text" id="salida_vuelo" name="salida_vuelo" /></td>
                            <td scope="col"><input class="form-control" type="datetime-local" id="salida_hora" name="salida_hora" /></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        @endif
        @if(!empty($services))
        <!-- Agencia -->
        <div class="row">
            <div class="col">
                <table class="table">
                    <thead>
                        <tr class="headerTitle">
                            <th colspan="4">DATOS AGENCIA</th>
                        </tr>
                        <tr class="thead-light">
                            <th scope="col">Referencia de la Agencia*	</th>
                            <th scope="col">Correo*</th>
                            <th scope="col">Observaciones para la agencia</th>
                            <th scope="col">Observaciones para el touroperador</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td scope="col">
                                <input class="form-control" type="text" id="agencia_ref" name="agencia_ref" value="{{isset($previousRequest) ? $previousRequest['refAgencia']:''}}" required />
                            </td>
                            <td scope="col">
                                <input class="form-control" type="email" id="correo" name="correo" value="{{isset($previousRequest) ? $previousRequest['mailCliente']:''}}" required/>
                            </td>
                            <td scope="col">
                                <textarea class="form-control" id="agencia_obs" name="agencia_obs" rows="5"></textarea>
                            </td>
                            <td scope="col">
                                <textarea class="form-control" id="agencia_obs_tourop" name="agencia_obs_tourop" rows="5">POLÍTICAS DE CANCELACIÓN
A) Cancelación entre 60 y 45 días antes de la fecha de inicio del viaje originan 15% del importe del circuito y vuelo (exento tasas) en concepto de gastos por cancelación.
B) Cancelaciones producidas entre 44 a 30 días antes de la fecha de inicio del viaje originan 50% del importe del circuito y vuelo (exento tasas) en concepto de gastos por cancelación.
C) Cancelaciones producidas entre 29 a 15 días antes de la fecha de inicio del viaje originan 75% del importe del circuito y vuelo (exento tasas) en concepto de gastos por cancelación.
D) Cancelaciones producidas con menos de 15 días antes de la fecha de inicio del viaje o no presentación originan 100% del importe del circuito y vuelo (exento tasas) en concepto de gastos por cancelación.
                                </textarea>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        @endif
        <div class="row text-right p-3">
            @php
                $leyendaBoton = 'Finalizar reserva';
                $checkIn = new DateTime($services[0]['incluidos'][0]['fecha_inicio']);
                $dateNow = new DateTime('now');
                $daysafter = date_diff($checkIn, $dateNow);
                if($daysafter->days < 60 && !Auth::user()->hasRole('admin')){
                    $leyendaBoton = 'Enviar solicitud';
                }
            @endphp
            @if (!isset($previousRequest) && $daysafter->days < 60 && !Auth::user()->hasRole('admin'))
            <div class="input-group mb-3 col-6">
                <div class="input-group-prepend">
                  <div class="input-group-text">
                    <input name="copia_status" type="checkbox" aria-label="Checkbox" for="correo_copia"><span class="pl-2">Con copia a:</span>
                  </div>
                </div>
                <input type="text" class="form-control" name="correo_copia" type="email">
            </div>
            @endif
            <input class="button-schedule ml-auto" type="submit" value="{{$leyendaBoton}} >"/>
        </div>
    </form>
    @endif
</div>
<!-- Loader -->
<div class="modal fade" id="modalLoader" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalLoaderLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header align-self-center">
                <h5 class="modal-title" id="modalLoaderLabel">{{__('Reservando circuitos')}}</h5>
            </div>
            <div class="modal-body text-center">
                <div class="spinner-border text-info" role="status">
                    <span class="sr-only">{{__('Reservando')}}...</span>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script src="{{ asset('js/circuito-select.js') }}"></script>
@endsection