@extends('layouts.app')

@section('content')
<main id="idContenedor">

<section id="secPortalSanpa" class="paddingtop contGenerico">
<div class="container containerBootstrap">
<div class="row justify-content-center">
       <div class="col-md-10">
         <div class="card {{session('dark_theme_card')}} card-contentBootstrap">

           <div class="card-header">Búscar Póliza
           </div>
           <div class="container-fluid ">
           <form class="form" onsubmit="loading()"  action="{{route('Polizas')}}" method="POST">
                 @csrf
                 <div class="row justify-content-center">
                   <div class="col-sm text-center"><br>
                     <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" id="poliza_numero" name="dni" type="number" placeholder="DNI">
                     <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>
            
            @if((isset($error)) && ($error == 1))
                <center>
                <div class="alert alert-primary" role="alert">
                    No hemos encontrado información para el DNI ingresado.
                </div>
                </center>
            @endif

            @if(isset($datos))

            <div class="row col-12 justify-content-center align-items-center" id="asegurado_datos" >
                    <div class="mt-2 col-md-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-md-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><br>
                            <a href="{{$poliza->doc_frente}}" target="_blank" class='btn btn-light'> <i class="far fa-file-powerpoint"></i> Frente de póliza</a>
                            <a href="{{$poliza->doc_cupon}}" target="_blank" class='btn btn-light'> <i class="fas fa-money-check-alt"></i> Cupón de pago</a>
                            <a href="{{$poliza->doc_tarjeta_con_formato}}" target="_blank" class='btn btn-light'> <i class="far fa-credit-card"></i> Tarjeta de circulación</a>
                         </center>
                        </div>
                        </div>
                    </div>
                </div>
                @endforeach

            @endif


</div>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="{{ asset('js/endosos.js') }}"></script>
@endsection