@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">Historial de Endosos</div>
    @include('endosos.modal')
    <div class="menu_main_container">
    <div class="content">

        <div class="row col-12 mt-5 d-flex flex-column" id="contentDescription">
            @if($endosos != null)
                <table class="table col-12" id="tabla_endosos">
                    <thead>
                        <th>Nº</th>
                        <th>Póliza</th>
                        <th>Tipo Endoso</th>
                        <th>Estado</th>
                        <th>&nbsp;</th>
                    </thead>
                    <tbody>
                        @foreach($endosos as $endoso)
                            <tr>
                                <td>{{ $endoso->id }}</td>
                                <td>{{ $endoso->poliza }}</td>
                                <td>{{ $endoso->descripcion }}</td>
                                <td>
                                    <span class="@if($endoso->estado == 'Pendiente') badge badge-secondary @else badge badge-success @endif">{{ $endoso->estado }}</span>
                                </td>
                                <td>
                                    <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#endoso_modal" onclick="getDetalleEndoso({{ $endoso->id }})">Detalle</button>
                                    {{--<a href="{{ route('endoso_detalle', ['endoso_id' => $endoso->id]) }}" class="btn btn-sm btn-primary">detalle</a> --}}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <h1>Aun no solicitaste ningún endoso.</h1>
            @endif

    </div>
    </div>
    </div>
    </div>
</section>
</main>