@props(['claims'])

<div class="tab-pane fade" id="nav-claims" role="tabpanel" aria-labelledby="nav-claims-tab">
    <div class="panel myshadow">
        <div class="mypanel">
            <div class="table-responsive">
                <table id="claims-table" class="table dt-responsive nowrap w-100">
                    <thead class="table-brand">
                        <tr>
                            <th>N° Reclamo</th>
                            <th>Fecha</th>
                            <th>Póliza</th>
                            <th>Asegurado</th>
                            <th>Estado</th>
                            <th>Monto</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($claims as $claim)
                        <tr>
                            <td>
                                @if(getPermission(Auth::user()->permissions, 'claims_edit'))
                                    <a href="{{url('/claims/edit/'.$claim->id)}}" target="_blank">
                                        RC-{{$claim->id}}
                                    </a>
                                @else
                                    <p>RC-{{$claim->id}}</p>
                                @endif
                            </td>
                            <td>{{$claim->created_at->format('d-m-Y')}}</td>
                            <td>
                                @if(getPermission(Auth::user()->permissions, 'policy_edit'))
                                    <a href="{{url('/policy/edit/'.optional($claim->getPolicy)->id)}}" target="_blank">
                                        {{optional($claim->getPolicy)->policy_id}}
                                    </a>
                                @else
                                    <p>{{optional($claim->getPolicy)->policy_id}}</p>
                                @endif
                            </td>
                            <td>{{optional($claim->getInsured)->name}}</td>
                            <td>
                                @if($claim->status == 1)
                                    <span class="badge bg-warning">En Proceso</span>
                                @elseif($claim->status == 2)
                                    <span class="badge bg-success">Aprobado</span>
                                @elseif($claim->status == 3)
                                    <span class="badge bg-danger">Rechazado</span>
                                @endif
                            </td>
                            <td>
                                <span class="float-start">{{$claim->currency}}</span>
                                <span class="float-end">{{number_format($claim->amount, 2, '.', ',')}}</span>
                            </td>
                            <td>
                                <div class="dropdown">
                                    <a class="dropdown-toggle" type="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="bi bi-three-dots-vertical"></i>
                                    </a>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                                        @if(getPermission(Auth::user()->permissions, 'claims_edit'))
                                            <li>
                                                <a href="{{url('/claims/edit/'.$claim->id)}}" class="dropdown-item">
                                                    <i class="bi bi-pencil-square"></i> Editar reclamo
                                                </a>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>