@extends('layouts.vertical', ['title' => 'Renovación de Pólizas'])

@section('css')
    @vite([
        'node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css', 
        'node_modules/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css', 
        'node_modules/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css', 
        'node_modules/datatables.net-select-bs5/css/select.bootstrap5.min.css'
        ])

    <style>
        .badge {
            font-size: 0.85em;
            padding: 0.35em 0.65em;
        }
        .dropdown-menu {
            min-width: 10rem;
        }
        .dropdown-item {
            padding: 0.25rem 1rem;
        }
        .table th {
            font-weight: 600;
            background-color: #f8f9fa;
        }
        .myshadow {
            box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
        }
        .mtop16 {
            margin-top: 16px;
        }
    </style>
@endsection

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">

        @include('layouts.shared.page-title', [
            'breadcrumbs' => [
                ['title' => 'CRM', 'url' => '/dashboard'],
                ['title' => 'Pólizas', 'url' => '/policy/list'],
                ['title' => 'Renovaciones'],
            ]
        ])

        <div class="row">
            <div class="col-12 mb-3">
                <div class="d-flex gap-2">
                    @if(getPermission(Auth::user()->permissions, 'policy_renovation') && isset($policy))
                        <a href="{{ url('/policy/renovation/create/'.$policy->policy_group) }}" class="btn btn-primary">
                            <i class="bi bi-plus-circle me-1"></i> Renovar Póliza
                        </a>
                    @endif

                    @if(getPermission(Auth::user()->permissions, 'clients_edit') && isset($policy))
                        <a href="{{ url('/clients/profile/'.$policy->client_id) }}" class="btn btn-primary">
                            <i class="bi bi-briefcase me-1"></i> Perfil de Cliente
                        </a>
                    @endif
                </div>
            </div>

            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle table-bordered">
                                <thead class="table-light">
                                    <tr>
                                        <th>Póliza</th>
                                        <th>Fecha inicio - Fecha fin</th>
                                        <th>Total</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($policiesRenovations as $policyRenovation)
                                        <tr>
                                            <td>
                                                {{ optional($policyRenovation->getPolicy)->policy_id }} <br>
                                                @if(optional($policyRenovation->getPolicy)->active == 1)
                                                    <span class="badge bg-primary">Activa</span>
                                                @else
                                                    <span class="badge bg-danger">Inactiva</span>
                                                @endif
                                            </td>
                                            <td>
                                                {{ date('d/m/Y', strtotime(optional($policyRenovation->getPolicy)->start_date)) }} - 
                                                {{ date('d/m/Y', strtotime(optional($policyRenovation->getPolicy)->final_date)) }}
                                            </td>
                                            <td> 
                                                {{ optional($policyRenovation->getPolicy)->currency }} 
                                                {{ number_format(optional($policyRenovation->getPolicy)->total, 2, '.', ',') }}
                                            </td>
                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-sm btn-light dropdown-toggle" type="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="bi bi-three-dots-vertical"></i>
                                                    </button>
                                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                                                        @if(getPermission(Auth::user()->permissions, 'policy_insurers')) 
                                                            <li>
                                                                <a href="{{ url('/policy/insurers/'.optional($policyRenovation->getPolicy)->id) }}" class="dropdown-item">
                                                                    <i class="bi bi-list-check me-2"></i> Lista de asegurados
                                                                </a>
                                                            </li>
                                                        @endif
                                                        @if(getPermission(Auth::user()->permissions, 'policy_covers') && optional($policyRenovation->getPolicy)->status == 2) 
                                                            <li>
                                                                <a href="{{ url('/policy/covers/'.optional($policyRenovation->getPolicy)->id) }}" class="dropdown-item">
                                                                    <i class="bi bi-shield me-2"></i> Listado de coberturas
                                                                </a>
                                                            </li>
                                                        @endif
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    @vite([
        'resources/js/pages/datatables.init.js'
        ])
@endsection