@extends('general.index', $setup)
@section('thead')
<style>
    .card-footer {
        padding: 0 !important;
    }
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<tr>
    <th>Staff</th>
    <th>Date</th>
    <th>Shift</th>
    <th>Duration</th>
    <!-- <th>View</th> -->
</tr>
@endsection
@section('tbody')
@foreach($attendances as $item)
<tr>
    <td>{{ optional($item->user)->name }}</td>
    <td>{{ $item->date }}</td>
    <td>{{ optional($item->shift)->name ?? '' }}</td>
    <td>{{ $item->total_hours_formatted }}</td>
</tr>
@endforeach
@endsection