@component('mail::message')
<style>
  .table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  .table td, th {
    border: 1px solid #dddddd;
    padding: 8px;
    text-align: center;
  }
  
  .table tr:nth-child(even) {
    background-color: #dddddd;
  }
  </style>
 Dear {{$user->salutation == 'Ms.'?'Ms.':'Mr.'}} {{$user->first_name}},
 <br>
 <br>
 You are requested to update your missing check-in/check-out attendance till {{$user->till_date}} by {{$user->due_date}}.<br>
 Any missing check-in/check-out attendance after {{$user->due_date}}, will be treated as leave per the policy.
 <br>
 <br>
 <table class="table">
    <tr>
      <th>#</th>
      <th>Employee Id</th>
      <th>Date</th>
      <th>Day</th>
      <th>Check-in</th>
      <th>Check-out</th>
    </tr>
    @foreach ($user->attendances as $key=>$value)
    <tr>
        <td>{{$key + 1}}</td>
        <td>{{$user->st_code}}</td>
        <td>{{(date('d-M-Y', strtotime($value->date)))}}</td>
        <td>{{$value->day}}</td>
        <td>{{$value->time_in}}</td>
        <td>{{$value->time_out}}</td>
     </tr>
    @endforeach
</table>
<br>
<br>
Regards,<br>
Human Resource Department
<br>
<br>
{{-- <a style="text-align: center" href="https://www.attendance.misakah.com/attendance/my-attendance?status=pending">https://www.attendance.misakah.com/attendance/leave-management?status=pending </a> --}}
{{-- <a style="text-align: center" href="http://127.0.0.1:8000/attendance/my-attendance?status=pending">http://127.0.0.1:8000/attendance/leave-management?status=pending </a> --}}


@endcomponent