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

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
        body {
            margin: 0;
            font-family: "Arial", sans-serif;

        }

        .container {
            min-height: 100vh;

            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f7fafc;
        }

        .content {
            background-color: #fffefe;
            padding: 2rem 0;
            border-radius: 0.5rem;
            width: 100vw;
        }

        .my-0 {
            margin-bottom: 0;
            margin-top: 0;
        }
    </style>
    <title>{{ $data['subject'] }}</title>
</head>

<body>

    <body style="
        font-family: Arial, Helvetica, sans-serif;
        background-color: #edf2f7;
    ">
        <table style="margin: 0 auto">
            <tr>
                <td>
                    <table
                        style="
                        margin: 0 auto;
                        width: 768px;
                    ">
                        <tr>
                            <td align="center" valign="top" style="padding: 36px 24px;">
                                <a href="{{ config('app.url') }}" target="_blank" style="display: inline-block;">
                                    <img src="https://apactech.io/wp-content/uploads/2022/12/APAC-TECH_side-e1670975093601-190x78.png"
                                        alt="Logo" border="0" width="100"
                                        style="display: block; width: 100px; max-width: 100px; min-width: 48px;">
                                </a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <table
                        style="
                        margin: 0 auto;
                        background-color: #ffffff;
                        width: 768px;
                        padding: 24px;
                    ">
                        <tr>
                            <td>
                                <h3 style="color: #222222; margin: 5px 0 0 0; font-weight: bold">
                                    Dear Admin,
                                </h3>
                            </td>
                        </tr>
                
                        <tr>
                            <td>
                                <p style=" white-space:pre-line; margin: 0; margin-bottom: 5px">
                                    Employee <span style="color: #222222;font-weight: bold;">{{ $data['name'] }}</span> has sent a request ticket, the specific content is as follows:
                                </p>
                            </td>
                        </tr>
                        
                        <tr>
                            <td>
                                <div style="padding-left: 10px;color: #696969;  margin-bottom: 15px">
                                    <p style="padding: 3px;">Name: <span style="color: #222222;font-weight: bold;">{{ $data['name'] }}</span></p>
                                    <p style="padding: 3px;">Date: <span style="color: #222222;font-weight: bold;">{{ $data['date'] }}</span></p>
                                    <p style="padding: 3px;">Type: <span style="color: #222222;font-weight: bold;">{{ $data['type'] }}</span></p>
                                    <p style="padding: 3px;">Note: <span style="color: #222222;font-weight: bold;">{{ $data['note'] }}</span></p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p style="margin:0 0 16px;padding:5px;margin: 5px;text-align: center;">
                                    <a href='{{ config('app.url') . $data['link'] }}'
                                        style="
                                  color: #fff;
                                  border-radius: 10px;
                                  background-color: rgba(68,115,196);
                                  background-image: linear-gradient(to top left,rgba(0,0,0,.2),rgba(0,0,0,.2) 30%,rgba(0,0,0,0));
                                  text-decoration: none;
                                  display: inline-block;
                                  font-weight: 600;
                                  font-size: 16px;
                                  line-height: 150%;
                                  text-align: center;
                                  margin: 0;
                                  padding: 10px 12px;
                                  ">
                                        Check now</a>
                                </p>
                            </td>
                        </tr>
                       
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <table
                        style="
                        margin: 0 auto;

                        width: 768px;
                    ">
                        <tr>
                            <td>
                                <h5
                                    style="
                                    color: #222222;
                                    text-align: center;
                                    padding: 10px 36px;
                                    margin: 0;
                                ">
                                    <p>© 2024 APAC Tech.</p>
                                </h5>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</body>

</html>
