@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100']) 
@section('content') @include('layouts.navbars.auth.topnav', ['title' => 'Claim']) 
<div class="container w-95">
    <div class="card">
      <div class="card-header d-flex justify-content-between w-100">
        <h4>Claim</h4>
        <a href="{{route('claim_add')}}" class="btn btn-primary">Add Claim</a>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-bordered" id="myTable1">
            <thead>
              <tr>
                <th class="text-center">#</th>
                <th class="text-center">Claim Name</th>
                <th class="text-center">Age</th>
                <th class="text-center">Category</th>
                <th class="text-center">Action</th>
              </tr>
            </thead>
            <tbody>
                @foreach ($claim as $item)
                <tr>
                    <td class="text-center">{{$loop->iteration}} </td>
                    <td class="text-center">{{ $item->name ?? ''}}</td>
                    <td class="text-center">{{$item->age ?? ''}} </td>
                    <td class="text-center">{{$item->category->name ?? ''}} </td>
                    <td class="text-center">
                      <a href="{{route('claim_edit',['id'=>$item->id])}}" class="ms-2">
                        <i class="fas fa-edit" style="color: rgb(109, 233, 109)"></i>
                      </a>
                      <a href="{{route('claim_view',['id'=>$item->id])}}" class="ms-2">
                        <i class="fas fa-tasks"></i>
                      </a>
                      <a href="{{route('claim_settlement',['id'=>$item->id])}}" class="ms-2"><i class="fa-solid fa-wallet" style="color: #a75639"></i></a>
                    </td>
                  </tr>
                @endforeach              
            </tbody>
          </table>
        </div>
      </div>
    </div>
</div> 
@endsection