@extends('layouts.mail_template')

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

@section('content')
    <tr>
        <td style=" font-size: 14px; color: #333333; line-height: 22px; padding: 0 0 22px 0;">
            <p style="margin: 0;">Yêu cầu nghỉ phép
                <b>#{{ $itemId }}</b> của bạn đã được đồng ý bởi
                <b>{{ $handledByFullName }}</b>.
            </p>

            <ul>
                <li>
                    Thời gian nghỉ: <b>{{ $itemLeaveAt }}</b>
                </li>
                <li>
                    Lý do: <b>{{ $reason }}</b>
                </li>
                <li>
                    Thời gian duyệt: <b>{{ $handledAt }}</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('more')
    <tr style="height: 80px">
        <td> </td>
    </tr>
@endsection