@extends('layouts.public')

@section('title', 'Cierre')

@section('content')

<!--Modal documentacion pdf -->
<div class="modal fade" id="documento" tabindex="-1" role="dialog" aria-labelledby="documentacion">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="modal_nombreDocumento"></h4>
      </div>
      <div class="modal-body">
      <p class="alert alert-warning"><small>Si tienes inconvenientes para visualizar el PDF, haz <a id="LinkDocumento" href="" target="_blank" >clic acá</a></small></p><br>
        <iframe id="framepdf" src="" style="width: 100%; height: 100vh;" frameborder="0" scrolling="no">
          <p>Error al cargar documento.</p>
        </iframe>
      </div>

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


    <div class="wrapper mt-5">
        <div class="container">
            <h3 class="fw-bold h2 text-center text-primary mb-3">
                ¡Listo! Ya emitimos la póliza de AP N° {{$emision->payload->NumeroPoliza}}</span>
            </h3>


            <div class="box-links-list d-flex align-items-center mb-5 py-5">
                <div class="w-100">
                    <div class="fw-bold text-info float-title text-center">
                        <span class="h4">
                            Descargá toda la documentación disponible
                        </span>
                    </div>
                    <div class="row px-3 justify-content-center row-eq-height">
                    @foreach($documentos as $DocumentoNombre => $DocumentoURL)
                        <div class="col-lg-2 col-6 mb-3">
                            <a class="box-link bg-primary" href="#" documentourl="{{ $DocumentoURL }}" documentonombre="{{ strtoupper(str_replace('_', ' ', $DocumentoNombre)) }}" data-toggle="modal" data-target="#documento" onclick="mostrar_documentacion(this)">
                                {{ strtoupper(str_replace('_', ' ', $DocumentoNombre)) }}
                            </a>
                        </div>
                    @endforeach

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


        </div>
        </div>

@endsection