<!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>[SYSTEM] - Task are forgotten</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">
                                    Hi {{ $data[0]['fields']['assignee']['displayName'] }},
                                </h3>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <p style=" white-space:pre-line; margin: 0; margin-bottom: 5px">
                                    You currently have some tasks that have not been updated for a long time. Please check and update them!
                                </p>
                            </td>
                        </tr>

                        <tr>
                            <td>
                            @foreach($data as $iss)
                            <a href="https://apactechvn.atlassian.net/browse/{{$iss['key']}}">{{$iss['fields']['summary']}} - <b>haven't updated in {{$iss['daysRemaining']}} days</b></a><br>
                            @endforeach
                            </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>