@if(session('theme') == 'dark')
  @php $theme = 'layouts.app_dark' @endphp
@else
  @php $theme = 'layouts.app' @endphp
@endif

@extends($theme)

@section('title', ' | '.session('modulo_activo'))

@include('layouts.navbar_modulos_habilitados')

@section('content')

   <div class="container">
     <div class="row justify-content-center">
       <div class="col-md-10">
         <div class="card {{session('dark_theme_card')}}">

           <div class="card-header">Cupones</div>

           <div class="card-body {{session('dark_theme_bg_black')}}">
             <div class="container p-0">

               <form class="form" method="POST" onsubmit="loading()"  action="{{ route('BuscarPolizas') }}">
                 @csrf
                 <div class="row justify-content-center">
                   <div class="col-sm text-center">
                     <p class="lead">Ingresa el número de DNI</p>
                   </div>
                 </div>
                 <br>

                 <div class="row justify-content-center">
                   <div class="input-group col-sm justify-content-center">
                     <input class="form-control col-md-4 {{session('dark_theme_bg_black')}}" id="poliza_numero"  type="number" name="dni" placeholder="DNI" required>
                     <div class="input-group-append">
                       <button class="btn btn-outline-primary boton_busqueda" id="poliza_numero" type="submit" >Buscar</button>
                     </div>
                   </div>
                 </div>
                 <center style="display:none;" id="cargador"><br>Espere, estamos cargando los datos.</center>
               </form>

               <br>

               <div class="row justify-content-around">
                 @if((isset($error)) && ($error == 1))
                   <div class="col-sm col-6">
                     <center>
                       <div class="alert alert-primary alert-dismissible fade show" role="alert">
                         No encontramos una póliza vigente asociada al DNI ingresado.
                         <button type="submit" class="close" data-bs-dismiss="alert" aria-label="Close">
                           <span aria-hidden="true">&times;</span>
                         </button>
                       </div>
                     </center>
                   </div>
                 @endif

                 @if((isset($datos)) && (isset($error)) && ($error == 0))
                   <div class="row col-12 justify-content-center align-items-center" id="asegurado_datos" >
                     <div class="mt-2 col-8 mb-3">
                       <div class="card mb-1">
                         <div class="card-body">
                           <p class="card-text" style="font-size: 14px; color: black;">
                             <b>Nombre completo:</b> <span id="asegurado_nombre">{{ $datos->lastname }} {{ $datos->name }}</span><br>
                           </p>
                         </div>
                       </div>
                     </div>
                   </div>

                   @foreach($datos->policies as $NumeroPoliza => $poliza)
                     <div class="row col-12 justify-content-center align-items-center" id="asegurado_datos" >
                       <div class="mt-2 col-8 mb-3">
                         <div class="card mb-1">
                           <div class="card-body">
                             <p class="card-text" style="font-size: 14px; color: black;">
                               <b>Póliza:</b> <span id="asegurado_nombre">{{ $NumeroPoliza }}</span><br>
                               <b>Moto:</b> <span id="moto_marca">{{ $poliza->bike }}</span><br>
                               <b>Productor:</b> <span id="moto_modelo">{{ $poliza->broker_name }}</span><br>
                               <b>Cobertura:</b> <span id="moto_patente">{{ $poliza->coverage }}</span><br>
                               <b>Vigencia:</b> <span id="moto_patente">Desde {{ $poliza->from }} hasta {{ $poliza->until }}</span><br>
                             </p>
                             <center>
                               <form action="{{ route('GenerarPlanDePago') }}" method="POST">
                                 @csrf
                                 <input type="hidden" name="poliza_numero" value="{{ $NumeroPoliza }}">
                                 <input type="hidden" name="dni" value="{{ $dni }}">
                                 <button type="submit"  class='btn btn-light'><i class="fas fa-money-check-alt"></i>Plan de Pago</button>
                               </form>
                             </center>
                           </div>
                         </div>
                       </div>
                     </div>
                   @endforeach
                 @endif
               </div>

             </div>
           </div>

         </div>
       </div>
     </div>
   </div>

@endsection

<script>
function loading() {
  $(".boton_busqueda").hide();
  $("#cargador").show();
}
</script>

<script src="{{ asset('js/endosos.js') }}"></script>