@extends('layouts.mail_template')

@section('title')
    Xin chào, {{ $handledByFullName }}!
@endsection

@section('content')
    <tr>
        <td style=" font-size: 14px; color: #333333; line-height: 22px; padding: 0 0 22px 0;">
            <p style="margin: 0;">Bạn có 1 yêu cầu nghỉ phép mới từ
                <b>{{ $userFullName }}</b> đang chờ duyệt
            </p>

            <ul>
                <li>
                    Thời gian nghỉ: <b>{{ $itemLeaveAt }}</b>
                </li>
                <li>
                    Lý do: <b>{{ $reason }}</b>
                </li>
                <li>
                    Thời gian tạo: <b>{{ $itemCreatedAt }}</b>
                </li>
            </ul>
            @if(!empty($recurringInfo->total_items))
                <!-- <p style="margin-top: 10px; font-size: 13px; font-style: italic; color: #666666;">
                    * Lưu ý: Đã tạo hàng loạt {{ $recurringInfo->total_items }} yêu cầu nghỉ phép.
                </p> -->
            @endif
        </td>
    </tr>
@endsection

@section('action')
    <tr>
        <td colspan="3">
            <a href="{{ $dashboardLink }}" target="_blank"
                style="display: block; text-decoration: none; width: 100%; height: 100%;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0"
                    style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">
                    <tr>
                        <td height="12"
                            style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">&nbsp;
                        </td>
                    </tr>
                </table>
                <div style="color:#FFFFFF; font-size:14px; font-weight: 600; line-height: 22px; text-align:center;">
                    <span style="color:#1D1D1D; text-decoration:none">Xem chi tiết</span>
                </div>
                <table width="100%" border="0" cellspacing="0" cellpadding="0"
                    style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">
                    <tr>
                        <td height="12"
                            style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">&nbsp;
                        </td>
                    </tr>
                </table>
            </a>
        </td>
    </tr>
@endsection

{{-- @section('action2')
<tr>
    <td colspan="3">
        <a href="{{ $approveLink }}" target="_blank"
            style="display: block; text-decoration: none; width: 100%; height: 100%;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0"
                style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">
                <tr>
                    <td height="12"
                        style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">&nbsp;
                    </td>
                </tr>
            </table>
            <div style="color:#FFFFFF; font-size:14px; font-weight: 600; line-height: 22px; text-align:center;">
                <span style="color:#FFFFFF; text-decoration:none">Duyệt</span>
            </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0"
                style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">
                <tr>
                    <td height="12"
                        style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">&nbsp;
                    </td>
                </tr>
            </table>
        </a>
    </td>
</tr>
@endsection --}}

{{-- @section('action3')
<tr>
    <td colspan="3">
        <a href="{{ $rejectLink }}" target="_blank"
            style="display: block; text-decoration: none; width: 100%; height: 100%;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0"
                style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">
                <tr>
                    <td height="12"
                        style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">&nbsp;
                    </td>
                </tr>
            </table>
            <div style="color:#FFFFFF; font-size:14px; font-weight: 600; line-height: 22px; text-align:center;">
                <span style="color:#FFFFFF; text-decoration:none">Từ chối</span>
            </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0"
                style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">
                <tr>
                    <td height="12"
                        style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%">&nbsp;
                    </td>
                </tr>
            </table>
        </a>
    </td>
</tr>
@endsection --}}

@section('more')
    <tr style="height: 80px">
        <td> </td>
    </tr>
@endsection