@extends('emails.index')

@section('content')

    <table style='
            padding:30px;
            width: 100%;
            color: #1E1E1E;
            font-weight: normal;
            border-spacing: 0;
            border-left: 1px solid #d1edba;
            border-right: 1px solid #d1edba;
            '
        >
        <tbody>
            <tr>
                <td align='center'>
                    {{-- <p style='font-size: 1.5rem; font-weight: bold;'></p> --}}

                    <p style='font-size: 1.2rem;'>
                        <span
                            style='
                            color: #0F0F1F;
                            margin: 19px 0px;
                            font-size: 0.8rem;
                            '>
                            Hi {{ $mail_data['name'] }}, Forgot your password? No worries, we’ve got your back! <br><br>
                            Your password reset code is: <br><br>

                        </span>
                    </p>


                </td>
            </tr>

            <tr>
                <td align='center'>
                    <table
                        style='
                        width: 35rem;
                        color: #1E1E1E;
                        font-weight: normal;
                        border-spacing: 0;'
                    >
                        <tr >
                            @for ($i = 0; $i < 6; $i++)
                                <td>
                                    <div
                                        style='
                                        width: 48px;
                                        height: 48px;
                                        padding:12px;
                                        border-radius: 4px;
                                        border: 2px solid #3b7f04;
                                        background: #fff;
                                        '>
                                        <p
                                            style='
                                                margin: 16px;
                                                text-align: center;
                                                font-size: 2rem;
                                                font-weight: bold;
                                            '>
                                            {{ substr($mail_data['code'], $i, 1) }}
                                        </p>
                                    </div>
                                </td>
                            @endfor
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td align='center'>

                    <p style='font-size: 1.2rem;'>
                        <span
                            style='
                            color: #0F0F1F;
                            margin: 19px 0px;
                            font-size: 0.8rem;
                            '
                        >
                            The password reset code is valid for 30 minutes.
                        </span>
                    </p>

                    <p style='font-size: 1.2rem;'>
                        <span
                            style='
                            color: #0F0F1F;
                            margin: 19px 0px;
                            font-size: 0.8rem;
                            '
                        >
                            If you didn’t make this request, kindly ignore and reach out to us via our chat support to safeguard your account.
                        </span>
                    </p>

                    <p style='font-size: 1.2rem;'>
                        <span
                            style='
                            color: #0F0F1F;
                            margin: 12px 0px;
                            font-size: 0.8rem;
                            '
                        >
                            Happy shopping,
                        </span>
                    </p>

                    <p style='font-size: 1.2rem;'>
                        <span
                            style='
                            color: #0F0F1F;
                            margin: 19px 0px;
                            font-size: 0.8rem;
                            '
                        >
                            The ShopNig Team
                        </span>
                    </p>
                </td>
            </tr>
        </tbody>
    </table>

@endsection