<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>OMIS Email Notification</title>
</head>

<body>
    <div class="container">
        <table class="body-wrap"
            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: transparent; margin: 0;">
            <tr style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                <td style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
                    valign="top"></td>
                <td class="container" width="600"
                    style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
                    valign="top">
                    <div class="content"
                        style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
                        <table class="main" width="100%" cellpadding="0" cellspacing="0" itemprop="action" itemscope
                            itemtype="http://schema.org/ConfirmAction"
                            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; margin: 0; border: none;">
                            <tr style="font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0;">
                                <td class="content-wrap"
                                    style="font-family: 'Roboto', sans-serif; box-sizing: border-box; color: #495057; font-size: 14px; vertical-align: top; margin: 0;padding: 30px; box-shadow: 0 3px 15px rgba(30,32,37,.06); ;border-radius: 7px; background-color: #fff;"
                                    valign="top">
                                    <meta itemprop="name" content="Confirm Email"
                                        style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;" />
                                    <table width="100%" cellpadding="0" cellspacing="0"
                                        style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                        <tr
                                            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                            <td class="content-block"
                                                style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
                                                valign="top">
                                                <div style="margin-bottom: 15px;">
                                                    <img src="{{ asset('assets/images/logo-light.png') }}"
                                                        alt="OMIS Logo" height="23">
                                                </div>
                                            </td>
                                        </tr>
                                        <tr
                                            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                            <td class="content-block"
                                                style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 20px; line-height: 1.5; font-weight: 500; vertical-align: top; margin: 0; padding: 0 0 10px;"
                                                valign="top">
                                                Hey, {{ $model->employee?->full_name }}
                                            </td>
                                        </tr>

                                        @php

                                            $hr = auth()->user()->employee;

                                            switch ($actionType) {
                                                case 'promotion':
                                                    $action = 'You have been Promoted!';
                                                    $message =
                                                        'As a HR, I am very happy to announce that you have been promoted to new post.';
                                                    break;

                                                    case 'demotion':
                                                    $action = 'You have been Demoted!';
                                                    $message =
                                                        'As a HR, I am very sad to announce that you have been demoted to lower post.';
                                                    break;

                                                    case 'interviewer':
                                                    $action = 'You have been selected as interviewer for recent job post';
                                                    $message =
                                                        'As a HR, I have put your name in merit list to be interviewer for tomorrow.';
                                                    break;

                                                    case 'interviewee':
                                                    $action = 'Your interview has been scheduled';
                                                    $message =
                                                        'As a HR, I am here to announce for tomorrow please visit office tomorrow in time.';
                                                    break;

                                                default:
                                                $action = 'You have been Notified!';
                                                    $message =
                                                        'As a HR, I am here to notify you';
                                                    break;
                                            }
                                        @endphp
                                        <tr
                                            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                            <td class="content-block"
                                                style="font-family: 'Roboto', sans-serif; color: #878a99; box-sizing: border-box; line-height: 1.5; font-size: 15px; vertical-align: top; margin: 0; padding: 0 0 10px;"
                                                valign="top">
                                                    {{ $action }};
                                            </td>
                                        </tr>
                                        <tr
                                            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                            <td class="content-block"
                                                style="font-family: 'Roboto', sans-serif; color: #878a99; box-sizing: border-box; line-height: 1.5; font-size: 15px; vertical-align: top; margin: 0; padding: 0 0 24px;"
                                                valign="top">
                                                {{ $message }}
                                            </td>
                                        </tr>
                                        <tr
                                            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                            <td class="content-block" itemprop="handler" itemscope
                                                itemtype="http://schema.org/HttpActionHandler"
                                                style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 24px;"
                                                valign="top">
                                                <a href="http://127.0.0.1:8000/dashboard" itemprop="url"
                                                    style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: .8125rem;font-weight: 400; color: #FFF; text-decoration: none; text-align: center; cursor: pointer; display: inline-block; border-radius: .25rem; text-transform: capitalize; background-color: #0ab39c; margin: 0; border-color: #0ab39c; border-style: solid; border-width: 1px; padding: .5rem .9rem;"
                                                    onMouseOver="this.style.background='#099885'"
                                                    onMouseOut="this.style.background='#0ab39c'">Read More &#8594;</a>
                                            </td>
                                        </tr>

                                        <tr
                                            style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; margin: 0; border-top: 1px solid #e9ebec;">
                                            <td class="content-block" 
                                                style="font-family: 'Roboto', sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0; padding-top: 15px"
                                                valign="top">
                                                <div style="display: flex; align-items: center;">
                                                    <img src="https://img.freepik.com/free-photo/impressed-young-beautiful-girl-wearing-olive-green-t-shirt-isolated-pink-wall_141793-86662.jpg?t=st=1714375846~exp=1714379446~hmac=9405ebfea423bbad23be1997e02cb1325b53e497f8ffa0c97e9317c11da80715&w=900"
                                                        alt="" height="35" width="35"
                                                        style="border-radius: 50px;">
                                                    <div style="margin-left: 8px;">
                                                        <span style="font-weight: 600;">{{ $hr->full_name }}</span>
                                                        <p
                                                            style="font-size: 13px; margin-bottom: 0px; margin-top: 3px; color: #878a99;">
                                                            {{ $hr->designation?->name }}</p>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <div style="text-align: center; margin: 0px auto;">
                            <ul
                                style="list-style: none;display: flex; justify-content: space-evenly; padding-top: 25px;padding-left: 0px; margin-bottom: 20px; font-family: 'Roboto', sans-serif;">
                                <li>
                                    <a href="#" style="color: #495057;">Help Center</a>
                                </li>
                                <li>
                                    <a href="#" style="color: #495057;">Support 24/7</a>
                                </li>
                                <li>
                                    <a href="#" style="color: #495057;">Account</a>
                                </li>
                            </ul>
                            <p style="font-family: 'Roboto', sans-serif; font-size: 14px;color: #98a6ad; margin: 0px;">
                                2024 OMIS. Thank you for using our system.</p>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        <!-- end table -->
    </div>

</body>

</html>