@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 đã bị từ chối 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 từ chối: <b>{{ $handledAt }}</b>
                </li>
            </ul>
        </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