@php use App\Http\Controllers\Controller; @endphp

@extends('layouts.theme_selector')

@section('content')
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-md-9">

        @include('layouts.alerts.success')

        @include('layouts.alerts.error')

        <div class="card {{ session('theme_card') }}">

          <div class="card-header">Solicitudes pendientes de Emision</div>

          <div class='card {{ session('theme_bg_black') }} float-left'>

            <div class="card-body">

              <div class="lead text-center">
                @if ($errors->any())
                  <p>{{ $errors->first() }}</p>
                @endif
              </div>

              @if (isset($solicitudes))
              {{-- {{dd($solicitudes)}} --}}
              <table id="tabla_pendientes" class="table table-sm table-hover table-bordered {{ session('theme_table') }}" id="pendientes_table">
                <caption>Lista de Solicitudes sin emitir y sin desestimar</caption>
                <thead class="bg-secondary text-center text-white">
                  <tr>                    
                    <th scope="col-1">ID</th>
                    <th scope="col-1">Fecha (Hora)</th>
                    <th scope="col-4">Asegurado</th>
                    <th scope="col-4">DNI</th>
                    <th scope="col-2">Vehiculo</th>
                    <th scope="col-2">Patente</th>
                    <th scope="col-2">Cobertura</th>
                    <th scope="col-2">Pago</th>
                    <th scope="col-2">PAS</th>
                    <th style="display:none;">Error</th>
                    <th scope="col-6">Acciones</th>                                        
                  </tr>
                </thead>
                <tbody>                
                  @foreach($solicitudes as $solicitud)
                  <tr>                    
                    <td class="text-center">{{ $solicitud['id'] }}</td>
                    <td class="text-center">{{ $solicitud['fecha'] }}</td>
                    <td class="text-center">{{ $solicitud['asegurado'] }}</td>
                    <td class="text-center">{{ $solicitud['dni']       }}</td>
                    <td class="text-center">{{ $solicitud['vehiculo']  }}</td>
                    <td class="text-center">{{ $solicitud['patente']   }}</td>
                    <td class="text-center">{{ $solicitud['cobertura'] }}</td>
                    <td class="text-center">{{ $solicitud['forma_pago'] }}</td>
                    <td class="text-center">{{ $solicitud['productor_codigo'] }}</td>
                    <td style="display:none;">{{$solicitud['error']}}</td>
                    <td>
                      <button type="button" class="btn btn-outline-success" onclick="showModal({{ $solicitud['id'] }})">Auditar</button>
                    </td>                    
                  </tr>
                  @endforeach
                @endif
                </tbody>
              </table>

            </div>

          </div>

        </div>
      
        <!-- Modal -->
        <div class="modal fade" id="suscribirModal" data-bs-backdrop="static" data-bs-keyboard="false" role="dialog" tabindex="-1" aria-labelledby="suscribirModalTitle" aria-hidden="true">
          <div class="modal-dialog modal-xl">
            <div class="modal-content {{ session('theme_bg_dark') }}">
              <div class="modal-header">
                <h5 class="modal-title" id="suscribirModalTitle"></h5>
              </div>
              <div class="modal-body">
                <div class="row text-center mx-auto">
                  <p class="h5">
                    <span>ERROR:&nbsp;</span>
                    <span id="error_texto"></span>
                  </p>
                </div>
                <br>
                <div class="row row-cols-3" id="modal_content_wrapper">                  
                </div>
                <form action="{{ Route('guardarJson') }}" method="POST" id="modal_form_content_wrapper">
                  @csrf
                </form>
                <div>
                  <input id="json_emision" type="hidden" value="">
                </div>
              </div>
              <div class="modal-footer" id="modal_footer">
                <button id="cancelar_modal_btn" type="button" class="btn btn-secondary" onclick="clearModal()" data-bs-dismiss="modal">Cancelar</button>                                
                <a id='continuar_btn' type='button' href='{{ Route('ConfirmarSolicitudModal', ['solicitud_id' => $solicitud['id'] ]) }}' class='fw-bold btn btn-outline-success' style="display:none;">Continuar</a>
              </div>
            </div>
          </div>
        </div>
        {{-- End --}}

        <input id="completarModalSolicitud_url" type="hidden" value="{{ Route('completarModalSolicitud') }}">
        <input id="guardarJson_url" type="hidden" value="{{ Route('guardarJson') }}">
        <input id="reenviarJson_url" type="hidden" value="{{ Route('reenviarJson') }}">
        <input id="guardarNuevoError_url" type="hidden" value="{{ Route('guardarNuevoError') }}">

      </div>
    </div>
  </div>
@endsection

@push('scripts')
  <script type="text/javascript" src="{{ asset('js/solicitudes.js') }}"></script>
@endpush

@include('layouts/datatable')