@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')
   {{__('Pago de reservación')}}
@endsection
@section('content')
@php
    $isAdmin = Auth::user()->hasRole('Admin');
    $pagoID  = 0;
@endphp
    {{-- Ini:Pago --}}
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header card-color-gray">
                    <h3 class="card-title"><strong>{{__('Folio')}}#{{$reserva->id}}</strong></h3>
                </div>
                <div class="card-body">
                    {{-- Ini:Detalle --}}
                    <div class="row">
                        <div class="col-12">
                            <table class="table table-responsive-sm table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{__('Agencia')}}</th>
                                        <th>{{__('Usuario')}}</th>
                                        <th>{{__('Referencia')}}</th>
                                        <th>{{__('Servicio')}}</th>
                                        <th>{{__('Llegada')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>{{$reserva->userSaved->agencies[0]['name']}}</td>
                                        <td>{{$reserva->userSaved->name}}</td>
                                        <td>{{$reserva->provider_reference}}</td>
                                        <td>{{$reserva->type}}</td>
                                        <td>{{$reserva->checkin_date}}</td>
                                    </tr>
                                    <tr>
                                        <th>{{__('Cliente')}}</th>
                                        <th>Subtotal</th>
                                        <th>Total</th>
                                        <th>{{__('Fecha límite de pago')}}</th>
                                        <th>{{__('Estatus')}}</th>
                                    </tr>
                                    <tr>
                                        @php
                                            $fechaPago = date_create($reserva->checkin_date);
                                            date_sub($fechaPago, date_interval_create_from_date_string('61 days'));
                                            //echo date_format($fecha, 'Y-m-d');
                                        @endphp
                                        <td>{{$reserva->name}}</td>
                                        <td>{{$reserva->subtotal}}</td>
                                        <td>{{$reserva->total}}</td>
                                        <td>{{date_format($fechaPago, 'Y-m-d')}}</td>
                                        <td>
                                            @if ($reserva->payment_status !== 2)
                                                <a class="btn btn-success" href="#"><i class="fas fa-exchange-alt"></i> {{__('Cambiar a pagado')}}</a>
                                            @else
                                                <span class="badge badge-success">Pagado</span>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    {{-- Fin:Detalle --}}

                    {{-- Ini:Tabla Documentos --}}
                    <div class="row">
                        {{-- Ini:Info pago --}}
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header card-color-gray">
                                    <h6 class="card-title"><strong>{{__('Documentos')}}</strong></h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <table class="table table-responsive-sm table-bordered" id="reserva_docs">
                                                <thead>
                                                    <tr>
                                                        <th>{{__('ID')}}</th>
                                                        <th>{{__('Tipo')}}</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- Ini:Tabla Documentos --}}

                    @if ($reserva->payment_status !== 2)
                        {{-- Ini:Sin pago --}}
                        <div class="row">
                            {{-- Ini:Formulario pago --}}
                            <div class="col-12 col-md-6">
                                <form>
                                    <div class="form-group col-12">
                                        <label for="forma_pago">{{__('Forma de pago')}}</label>
                                        <select id="forma_pago" class="form-control">
                                        <option value="1">un pago</option>
                                        <option value="2">a pagos</option>
                                        </select>
                                        <div class="mt-1">
                                            <a class="btn btn-success" href="#"><i class="fas fa-dollar-sign"></i> {{__('Realizar pago')}}</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            {{-- Fin:Formulario pago --}}
                            {{-- Ini:Formulario deposito --}}
                            <div class="col-12 col-md-6">
                                <form id="saveImagen" action="{{ route('save_image') }}" enctype="multipart/form-data" role="form" method="POST">
                                    <div class="form-group col-12">
                                        <label for="depositolb">{{__('Deposito')}}</label>
                                        <input type="hidden" name="reservacionID" value="{{$reserva->id}}" readonly>
                                        <input type="hidden" name="actionID" value="1" readonly>
                                        <div class="custom-file">
                                            <input name="image_recibo" type="file" class="custom-file-input" id="deposito" lang="{{app()->getLocale()}}">
                                            <label class="custom-file-label" for="deposito"> {{__('Seleccionar Archivo')}}</label>
                                        </div>
                                        <div class="mt-1">
                                            <button class="btn btn-primary" id="saveImg"><i class="fas fa-save"></i> <span id="textUp">{{__('Guardar')}}</span></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            {{-- Fin:Formulario deposito --}}
                        </div>
                        {{-- Fin:Sin pago --}}
                    @else
                        {{-- Ini:Con pago --}}
                        <div class="row">
                            {{-- Ini:Info pago --}}
                            <div class="col-12 col-md-6">
                                <div class="card">
                                    <div class="card-header card-color-gray">
                                        <h6 class="card-title"><strong>{{__('Pagado')}}</strong></h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12">
                                                @foreach ($reserva->payments as $payment)
                                                @php
                                                    $pagoID = $payment->id;
                                                @endphp
                                                <p>
                                                    <strong>{{__('Autorización')}}</strong>: {{$payment->authorization}}<br>
                                                    <strong>{{__('Fecha pago')}}</strong>: {{$payment->created_at}}
                                                </p>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- Fin:Info pago --}}
                            {{-- Ini:Documentos subir --}}
                            <div class="col-12 col-md-6">
                                <form id="saveImagen" action="{{ route('save_image') }}" enctype="multipart/form-data" role="form" method="POST">
                                    <input type="hidden" name="pago" value="{{$pagoID}}" readonly>
                                    <input type="hidden" name="actionID" value="2" readonly>
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <label for="confirmlb">{{__('Carta de confirmación')}}</label>
                                            <div class="custom-file">
                                                <input name="image_ine" type="file" class="custom-file-input" id="confirm" lang="{{app()->getLocale()}}">
                                                <label class="custom-file-label" for="confirm"> {{__('Seleccionar Archivo')}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <label for="inelb">{{__('INE')}}</label>
                                            <div class="custom-file">
                                                <input name="image_confirma" type="file" class="custom-file-input" id="ine" lang="{{app()->getLocale()}}">
                                                <label class="custom-file-label" for="ine"> {{__('Seleccionar Archivo')}}</label>
                                            </div>
                                            <div class="mt-1">
                                                <button class="btn btn-primary" id="saveImg"><i class="fas fa-save"></i> <span id="textUp">{{__('Guardar')}}</span></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            {{-- Fin:Documentos subir --}}
                        </div>
                        {{-- Fin:Con pago --}}
                    @endif
                </div>
            </div>
        </div>
    </div>
    {{-- Fin:Pago --}}
    <div class="modal fade" id="upload_img" tabindex="-1" aria-labelledby="upload_imgModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title">{{__('Notificación')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <p id="message"></p>
              </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
<script src="{{ asset('assets/js/jquery-file-input/bs-custom-file-input.min.js') }}"></script>
<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>
    var language = "{{ asset('json/dt.'.app()->getLocale().'.json') }}";
    var urlDownload = "{{route('download_image','')}}";
    var textoSubiendo = "{{__('Cargando imágen')}}";
    var idReserva = "{{$reserva->id}}";

    bsCustomFileInput.init()
    var frm = $("#saveImagen");
    var btnSend = $("#saveImg");
    var textoSave = btnSend.text();
    var modal = $("#upload_img");
</script>
<script src="{{ asset('js/reserva-pago.js') }}"></script>
@endsection