@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 {{$leaveRequestionData->to_name}},
<br>
<br>
{{$leaveRequestionData->user->salutation == 'Ms.'?'Ms.':'Mr.'}} {{$leaveRequestionData->user->first_name}} {{$leaveRequestionData->user->middle_name?? ''}} {{$leaveRequestionData->user->last_name?? ''}} has applied for Travel Requistion on following dates:

<strong>Travel Requistion Remarks: </strong>{{$leaveRequestionData->remarks}}
<br>
<br>
<table class="table">
    <tr>
      <th>Employee Id</th>
      <th>Name</th>
      <th>Travel Date</th>
      <th>Return Date</th>
      <th>No of Days</th>
      <th>Field Location</th>
      <th>Visit Purpose</th>
    </tr>
    <tr>
       <td>{{$leaveRequestionData->user->st_code}}</td>
       <td>{{$leaveRequestionData->user->first_name}}</td>
       <td>{{$leaveRequestionData->travel_date}}</td>
       <td>{{$leaveRequestionData->return_date}}</td>
       <td>{{$leaveRequestionData->no_of_days}}</td>
       <td>{{$leaveRequestionData->dropoff_location}}</td>
       <td>{{$leaveRequestionData->purpose_of_visit}}</td>
    </tr>
</table>
<br>
Please Click on Below Link for Approval.
<br>
<br>
@if (isset($leaveRequestionData->section))
<a style="text-align: center" href="https://focushrms.misakah.com/vms/approved-travel-requisition?id={{$leaveRequestionData->id}}">https://focushrms.misakah.com/vms/approved-travel-requisition?id={{$leaveRequestionData->id}} </a>
@else
<a style="text-align: center" href="https://focushrms.misakah.com/vms/travel-requisition?id={{$leaveRequestionData->id}}">https://focushrms.misakah.com/vms/travel-requisition?id={{$leaveRequestionData->id}} </a>
@endif
@endcomponent