@extends("theme.$theme.layout")
@section('styles')
<link href="{{ asset('assets/js/jquery-datatable/jquery.dataTables.min.css') }}" rel="stylesheet" >
<link href="{{ asset('assets/js/jquery-datatable/responsive.dataTables.min.css') }}" rel="stylesheet" >
<link href="{{ asset('css/reservacion.css') }}" rel="stylesheet">
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('title')
   {{__('Lista de reservaciones')}}
@endsection
@section('content')
@php
    $isAdmin = Auth::user()->hasRole('Admin');
@endphp
    {{-- Ini:Tabla reservas --}}
    <div class="row">
        <div class="col-sm-12">
            {{-- Ini:Card --}}
            <div class="card">
                <div class="card-header card-color-green">
                  <h3 class="card-title">{{__('Reservaciones de')}} {{$title}}</h3>
                </div>
                {{-- Ini:Tabla --}}
                <div class="card-body" id="table_reservations">
                    <input type="hidden" id="show-reqs" value="{{$isAdmin}}">
                    <div class="card-body p-0">
                        <table class="table display table-bordered responsive" id="table-data" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>{{__('Folio')}}</th>
                                    <th>{{__('Fecha reserva')}}</th>
                                    <th>{{__('Proveedor')}}</th>
                                    <th>{{__('Referencia proveedor')}}</th>
                                    <th>{{__('Agencia')}}</th>
                                    <th>{{__('Llegada')}}</th>
                                    <th>{{__('Salida')}}</th>
                                    <th>Total</th>
                                    <th>{{__('Moneda')}}</th>
                                    <th>{{__('Estatus')}}</th>
                                    <th>{{__('Estatus pago')}}</th>
                                    <th>{{__('Acciones')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {{-- DataTables --}}
                            </tbody>
                        </table>
                    </div>
                </div>
                {{-- Fin:Tabla --}}
            </div>
            {{-- Fin:Card --}}
        </div>
    </div>
    {{-- Fin:Tabla reservas --}}
    @if ($type=='circuito')
        {{-- Ini:Tabla sujesta aprobacion --}}
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header card-color-alert">
                        <h3 class="card-title">{{__('Sujetas a aprobación')}}</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover display responsive nowrap" id="table-solicitudes">
                                <thead>
                                    <th>{{__('Fecha de registro')}}</th>
                                    <th>{{__('Agencia')}}</th>
                                    <th>{{__('Agente')}}</th>
                                    <th>{{__('Cliente')}}</th>
                                    <th>{{__('Clave de paquete')}}</th>
                                    <th>{{__('Nombre de paquete')}}</th>
                                    <th>{{__('Fecha solicitada')}}</th>
                                    <th>{{__('Categoría')}}</th>
                                    <th>{{__('Total')}}</th>
                                    <th>{{__('Acciones')}}</th>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- Fin:Tabla sujesta aprobacion --}}
    @endif
    @if ($type=='circuito')
        {{-- Ini:Tabla reservas a asignar --}}
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header card-color-alert">
                        <h3 class="card-title">{{__('Por asignar')}}</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover display responsive nowrap" id="table-porAsignar">
                                <thead>
                                    <th>{{__('Fecha de registro')}}</th>
                                    <th>{{__('Fecha solicitada')}}</th>
                                    <th>{{__('Nombre de paquete')}}</th>
                                    <th>{{__('Agencia')}}</th>
                                    <th>{{__('Agente asignado')}}</th>
                                    <th>{{__('Cliente')}}</th>
                                    <th>{{__('Estatus')}}</th>
                                    <th>{{__('Acciones')}}</th>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- Fin:Tabla reservas a asignar --}}
    @endif
@endsection
@section('scripts')
<script src="{{ asset('assets/js/jquery-datatable/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery-datatable/dataTables.responsive.min.js') }}"></script>
<script type="text/javascript">
    var sin_resultados = "{{__('Sin resultados')}}";
    var cargando = "{{__('cargando')}}...";
    var pagoURL  = "{{route('pay','')}}";
    var detalleURL  = "{{route('detail','')}}";
    var tipoReserva = "{{$type}}";
    var language    = "{{ asset('json/dt.'.app()->getLocale().'.json') }}";
</script>
<script src="{{ asset('js/reserva.js') }}"></script>
<script src="{{ asset('js/reserva-solicitudes.js') }}"></script>
@endsection