@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->employmentDetail->functionalReporting->first_name}},
 <br>
 <br>
 You are requested to approve the following leave applied by {{$user->salutation == 'Ms.'?'Ms.':'Mr.'}} {{$user->first_name}} {{$user->middle_name?? ''}} {{$user->last_name?? ''}}.
 <br>
 <br>
 <table class="table">
    <tr>
      <th>Employee Id</th>
      <th>Leave Type</th>
      <th>From</th>
      <th>To</th>
      <th>No of Days</th>
      <th>Reason</th>
    </tr>
    @foreach ($user->leaveApplications as $application)
    <tr>
        <td>{{$user->st_code}}</td>
        <td>{{$application->leaveType->name}}</td>
        <td>{{$application->date_from}}</td>
        <td>{{$application->date_to}}</td>
        <td>{{$application->no_of_days}}</td>
        <td>{{$application->reason}}</td>
     </tr>
    @endforeach
</table>
<br>
<br>
Regards,<br>
Human Resource Department
<br>
<br>
<a style="text-align: center" href="https://focushrms.misakah.com/attendance/leave-management?status=pending">https://focushrms.misakah.com/attendance/leave-management?status=pending </a>
{{-- <a style="text-align: center" href="http://127.0.0.1:8000/attendance/leave-management?status=pending">http://127.0.0.1:8000/attendance/leave-management?status=pending </a> --}}


@endcomponent