@extends('layouts.theme_selector')

@section('content')

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

            <div class="card-header">
              <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
                <i class="bi bi-caret-left"></i>
              </a>
              Cupones
            </div>

            <div class="card-body {{session('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 o POLIZA</p>
                    </div>
                  </div>
                  <br>
                  
                  <div class="row justify-content-center">
                   <div class="input-group col-sm justify-content-center">
                      <input class="form-control {{ session('theme_bg_black') }} col-md-4" id="documento_numero" name="dni" type="number" placeholder="DNI">
                      <div class="input-group-append">
                        <button class="btn btn-outline-primary boton_busqueda" type="submit">Buscar</button>
                      </div>
                    </div>
                  </div>
                  <br>

                  <div class="row justify-content-center">
                    <div class="input-group col-sm justify-content-center">
                      <input class="form-control {{ session('theme_bg_black') }} col-md-4" id="poliza_numero" name="poliza" type="number" placeholder="POLIZA">
                      <div class="input-group-append">
                        <button class="btn btn-outline-primary boton_busqueda" 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 dato 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 {{session('theme_card')}} mb-1">
                        <div class="card-body {{session('theme_bg_dark')}} ">
                          <p class="card-text" >
                            <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 {{session('theme_card')}}">
                          <p class="card-text {{session('theme_bg_dark')}}" >
                            <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>