@extends("theme.$theme.layout")
@section('styles')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('content')
@if (isset($textError))
<div class="row">
    <div class="col-12 col-md-6 m-auto">
        <div class="card">
            <div class="alert alert-danger" role="alert">
                {!!$textError !!}
            </div>
        </div>
    </div>
</div>
@else
<form action="{{route('hotel.booking')}}" method="POST">
@csrf
@foreach ($reserva->descripcion as $descripcion)
<div class="card mb-3 p-2">
    <div class="row g-0">
      <div class="col-12 col-lg-2">
        <img src="{{$descripcion->hotel->getImagenMain()}}" alt="{{$descripcion->hotel->name}}">
      </div>
      <div class="col-12 col-lg-8">
        <div class="card-body">
          <h6 class="card-title"><i class="fas fa-bed"></i>&nbsp;{{$descripcion->hotel->name}} {!! $descripcion->hotel->getStarts() !!}</h6>
          <p class="card-text">
              <small class="text-muted">
                  <i class="fas fa-map-marker-alt"></i>
                  {{ $descripcion->hotel->content[0]->address }}
                  {{ isset($descripcion->hotel->content[0]->city)? ', ' . $descripcion->hotel->content[0]->city : '' }}
                  {{ isset($descripcion->hotel->country->description)? ', ' . $descripcion->hotel->country->description : '' }}
                </small><br>
                <small class="text-muted">
                    <i class="fas fa-calendar-alt"></i>
                    Entrada {{$descripcion->checkin}}
                    <i class="fas fa-long-arrow-alt-right"></i>
                    Salida {{$descripcion->checkout}}
                </small>
            </p>
        </div>
      </div>
      <div class="col-12 col-lg-2">
        <div id="servicio_{{$descripcion->descripcion_id}}">
            <input type="hidden" name="folio" value="{{$reserva->id}}" readonly>
            <input type="hidden" name="service" value="{{$descripcion->descripcion_id}}" readonly>
            <button type="button" class="btn btn-light mb-2 w-100 delete" data-service="{{$descripcion->descripcion_id}}"><i class="fa fa-times pr-1"></i>{{__('Eliminar')}}</button>
        </div>
      </div>
    </div>
    <div class="row g-0">
        @isset($descripcion->hotel->rateComment)
        <div class="col-12">
            <p>
                Observaciones
            </p>
            <p>{{$descripcion->hotel->rateComment->getDescription()}}</p>
        </div>
        @endisset
        <div class="col-12">
            <p>
                Peticiones para el establecimiento
                <small class="text-muted">Observaciones sólo indicativas, no se pueden garantizar</small>
            </p>
            <div class="row">
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <label class="form-check-label" for="peticion1">Cama de matriminio</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion2" value="Habitación fumador" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion2">Habitación fumador</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion3" value="Cliente llegará tarde" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion3">Cliente llegará tarde</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion4" value="Planta baja" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion4">Planta baja</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion5" value="Dos camas" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion5">Dos camas</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion6" value="Luna de miel" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion6">Luna de miel</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion7" value="Planta alta" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion7">Planta alta</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion8" value="Cuna" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion8">Cuna</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion9" value="Cliente sin bono" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion9">Cliente sin bono</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion10" value="Habitación no fumador" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion10">Habitación no fumador</label>
                    </div>
                </div>
                <div class="col-12 col-lg-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="peticion11" value="Habitaciones contiguas" name="reserva[{{$descripcion->descripcion_id}}][peticion][]">
                        <label class="form-check-label" for="peticion11">Habitaciones contiguas</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="mb-3">
                <label for="comentarios" class="form-label">Comentarios</label>
                <textarea class="form-control" id="comentarios" rows="3" name="reserva[{{$descripcion->descripcion_id}}][comentarios]" maxlength="1000"></textarea>
            </div>
        </div>
        {{-- @foreach ($reserva->descripcion as $descripcion) --}}
        <hr>
        <div class="col-12">
            <div class="d-flex justify-content-between border-top">
                <div class="me-auto p-2 bd-highlight">
                    {{$descripcion->room_cantidad}} <span>x</span> {{isset($descripcion->room) ? $descripcion->room->getDescription() : ""}},
                    {{$descripcion->board->getDescription()}}, {{$descripcion->room_adults}} Adulto(s), {{ ($descripcion->room_minors > 0) ? $descripcion->room_minors . " Niño(s)" : "" }} </div>
                <div class="p-2 bd-highlight">{{$descripcion->room_rate_neto}} {{$reserva->currency}}</div>
            </div>

            <p class="text-right"><small class="text-muted">Total</small> {{$descripcion->room_total_net}} {{$reserva->currency}}</p>
        </div>
        <div class="col-12">
            <div class="row">
                <div class="col-12 col-lg-4">
                    <p>
                        <strong>Entrada en gastos</strong><br>
                        <span class="text-success">Hasta las {{$descripcion->cancellation_policies_from}}</span><br>
                        <span>Después de las {{$descripcion->cancellation_policies_from}}</span><br>
                    </p>
                </div>
                <div class="col-12 col-lg-2">
                    <p>
                        <br>
                        <strong><span class="text-success"><i class="fas fa-check-circle"></i> Gratis</span></strong><br>
                        <strong><span class="text-danger">{{$descripcion->cancellation_policies_amount}} {{$reserva->currency}}</span></strong><br>
                    </p>
                </div>
                <div class="col-6">
                    Fecha y hora calculados con base a la hora local en destino. En caso de no-show, se pueden aplicar gastos de cancelación.
                </div>
            </div>
        </div>
        {{-- @endforeach --}}
    </div>
</div>
@endforeach

<div class="card mb-3 p-2">
    <div class="col-12">
        <div class="card-body">
            <h6 class="card-title">Datos de los pasajeros</h6><br>
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="radio" id="principalPasajero" value="1" name="tipoPasajero" checked>
              <label class="form-check-label" for="principalPasajero">Incluir solo los datos del pasajero principal</label>
            </div>
            <div class="form-check form-check-inline">
              <input class="form-check-input" type="radio" id="todosPasajeros" value="2" name="tipoPasajero">
              <label class="form-check-label" for="todosPasajeros">Incluir los datos de todos los pasajeros</label>
            </div>
            <div class="principalPasajero">
                <strong class="principalPasajero">Pasajero principal</strong>
                <div class="row">
                    <div class="col-12 col-md-6">
                        <label for="nombre_principal" class="form-label">Nombre - Adulto</label>
                        <input type="text" class="form-control" id="nombre_principal" name="nombre_principal">
                    </div>
                    <div class="col-12 col-md-6">
                        <label for="apellido_principal" class="form-label">Apellido - Adulto</label>
                        <input type="text" class="form-control" id="apellido_principal" name="apellido_principal">
                    </div>
                </div>
            </div>
            <div class="pasajeros" style="display: none">
                @foreach ($reserva->descripcion as $index => $descripcion)
                <p class="my-3"><strong>{{$descripcion->hotel->name}}</strong> {{isset($descripcion->room) ? $descripcion->room->getDescription()."," : ""}} {{$descripcion->room_adults}} Adulto(s)</p>
                <div>
                    @for ($i = 0; $i < $descripcion->room_adults; $i++)
                    <div class="row">
                        <div class="col-12 col-md-6">
                            <label for="pasajero_nombre_{{$i+1}}" class="form-label">Nombre - Adulto</label>
                            <input type="hidden" name="reserva[{{$descripcion->descripcion_id}}][pasajeros][{{$i+1}}][type]" value="AD" readonly>
                            <input type="text" class="form-control" id="pasajero_nombre_{{$i+1}}" name="reserva[{{$descripcion->descripcion_id}}][pasajeros][{{$i+1}}][nombre]">
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="pasajero_apellido_{{$i+1}}" class="form-label">Apellido - Adulto</label>
                            <input type="text" class="form-control" id="pasajero_apellido_{{$i+1}}" name="reserva[{{$descripcion->descripcion_id}}][pasajeros][{{$i+1}}][apellido]">
                        </div>
                    </div>
                    @endfor
                    @if($descripcion->room_minors > 0)
                    @for ($i = 0; $i < $descripcion->room_minors; $i++)
                    <div class="row">
                        <div class="col-12 col-md-6">
                            <label for="pasajero_nombre_{{$i+1}}" class="form-label">Nombre - menor</label>
                            <input type="hidden" name="reserva[{{$descripcion->descripcion_id}}][pasajeros][{{$i+1}}][type]" value="CH" readonly>
                            <input type="text" class="form-control" id="pasajero_nombre_{{$i+1}}" name="reserva[{{$descripcion->descripcion_id}}][pasajeros][{{$i+1}}][nombre]">
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="pasajero_apellido_{{$i+1}}" class="form-label">Apellido - menor</label>
                            <input type="text" class="form-control" id="pasajero_apellido_{{$i+1}}" name="reserva[{{$descripcion->descripcion_id}}][pasajeros][{{$i+1}}][apellido]">
                        </div>
                    </div>
                    @endfor
                    @endif
                </div>
                @endforeach
            </div>
            <p class="my-3"><strong>Datos de la reserva</strong></p>
            <div class="row">
                <div class="col-12 col-md-6">
                    <label for="correo" class="form-label">Correo del cliente</label>
                    <input type="email" class="form-control" id="correo" name="correo">
                    <label for="expediente_to" class="form-label">Expediente TO</label>
                    <input type="text" class="form-control" id="expediente_to" name="expediente_to">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card mb-3 p-2">
    <div class="col-12">
        <div class="card-body">
            <h6 class="card-title">Confirmación de la reserva</h6><br>
            <div class="d-flex justify-content-between mb-3 border-bottom">
                <div class="me-auto p-2 bd-highlight"><strong>Servicios</strong></div>
                <div class="p-2 bd-highlight"><strong>Precio Neto</strong></div>
            </div>
            @foreach ($reserva->descripcion as $descripcion)
            <div class="d-flex justify-content-between mb-3 border-bottom">
                <div class="me-auto p-2 bd-highlight">{{$descripcion->hotel->name}}</div>
                <div class="p-2 bd-highlight">{{$descripcion->room_total_net}} {{$reserva->currency}}</div>
            </div>
            @endforeach
            <div class="d-flex justify-content-between mb-3 border-bottom">
                <div class="me-auto p-2 bd-highlight"><strong>Total</strong></div>
                <div class="p-2 bd-highlight">{{$reserva->total}} {{$reserva->currency}}</div>
            </div>
            <p class="text-right"><input type="submit" value="Confirmar la reserva"></p>
        </div>
    </div>
</div>
</form>
@endif
@endsection
@section('scripts')
    <script>
        var urlEliminarServ = "{{route('hotel.delete')}}"
    </script>
    <script src="{{ asset('js/hotelbeds-booking.js') }}"></script>
@endsection