@extends("theme.$theme.layout")
@section('styles')
    <link href="{{ asset('assets/lte/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/hotelbeds_booking.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/js/jquery-daterangepicker/daterangepicker.min.css') }}" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet">
@endsection
@section('content')
<!-- Titulo -->
<div class="container-fluid title">
    <h3 class="text-center" style="margin-bottom: 0px;">{{$hotel->name}}</h3>
</div>
@php
    $detail=true;
@endphp
@include('hotelbeds.item-listado', ["imageTypes" => $imageTypes])
<h3>Cuartos</h3>
<div class="card mb-3">
    <div class="row">
        <div class="col-12 col-lg-3">
            TIPO DE HABITACIÓN
        </div>
        <div class="col-12 col-lg-2">
            CAPACIDAD
        </div>
        <div class="col-12 col-lg-2">
            PRECIO POR NOCHE
        </div>
        <div class="col-12 col-lg-3">
            OPCIONES
        </div>
        <div class="col-12 col-lg-2">
            SELECCIONAR
        </div>
    </div>

        @forelse ($hotelRooms as $room)
        @if (isset($room['room']) && !empty($room['code']))
        <div class="row mx-0" style="border-top: solid 1px #818181;">
        @include('hotelbeds.item-hotel-room')
        </div>
        @endif
        @empty
        <div class="row">
        <div class="alert alert-info" role="alert">
            <p>{{__('Sin habitaciones disponibles')}}</p>
        </div>
        </div>
        @endforelse
</div>
@endsection
@section('scripts')
    <script>
        var urlImg   = "{{ isset(config('app.urlImages')['hotelbeds']) ? config('app.urlImages')['hotelbeds'] : ''}}";
        var urlFotos = "{{route('hotel.images', '')}}"
        var urlDescp = "{{route('hotel.description', '')}}"
    </script>
    <script src="{{ asset('assets/lte/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('assets/lte/plugins/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/lte/plugins/select2/js/i18n/'.App::getLocale().'.js') }}"></script>
    <script src="{{ asset('assets/lte/plugins/daterangepicker/moment.min.js') }}"></script>
    <script src="{{ asset('assets/js/jquery-daterangepicker/jquery.daterangepicker.min.js') }}"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyClVF64CNSoBE8K9GBIBeWVjtd0pWY6Fdw"></script>
    <script src="{{ asset('js/hotelbeds-index.js') }}"></script>
@endsection