<x-emails.layout>

    @if($body->status === 'pending')

        <table style="width:100%;max-width:620px;margin:0 auto;background-color:#ffffff;">
            <tbody>
                <tr>
                    <td style="padding: 30px 30px 20px">
                        <p style="margin-bottom: 10px;">Dear {{ $body->lastname.' '.$body->firstname }},</p>
                        <p style="margin-bottom: 10px;">We are pleased to have you as a member of {{ config('settings.site_name') }}.</p>
                        <p style="margin-bottom: 10px;">Here are the details of your account with us: <br><br>

                            <table style="font-family: arial, sans-serif;border-collapse: collapse;width: 100%;">
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td >Account Number:</td>
                                    <td>{{ $body->accountNumber }}</td>
                                </tr>
                                <tr style="text-align: left; padding: 8px;">
                                    <td>Username:</td>
                                    <td>{{ $body->username }}</td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td>Password:</td>
                                    <td>{{ $body->password }}</td>
                                </tr>
                                <tr style="text-align: left; padding: 8px;">
                                    <td>First Name:</td>
                                    <td>{{ $body->firstname }}</td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td>Last Name:</td>
                                    <td>{{ $body->lastname }}</td>
                                </tr>
                                <tr style="text-align: left; padding: 8px;">
                                    <td>Transaction Pin:</td>
                                    <td>{{ $body->pin }}</td>
                                </tr>
                            </table>
                            <br>

                            <span style="color:#0160e0">Kindly Ensure to keep your account information secured.</span>
                        </p>

                        <p style="margin-bottom: 10px;">Your account is still under review by our verification team.
                            We promise to get back to you as quickly as possible
                        </p>

                        <p style="margin-bottom: 15px;">Hope you'll enjoy the experience, we're here if you have any questions, drop us a mail at
                            <a style="color: #0160e0; text-decoration:none;" href="mailto:{{ config('settings.site_email') }}">{{ config('settings.site_email') }}</a> anytime.
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>

    @else

        @php
            if($body->status === 'verified'){

                $message = "
                    Your account information has been verified and approved by our customer support. <br>
                    You can now login using your username or account number and password to enjoy exclusive access.
                ";

            }else{

                $message = "
                    Our customer support was unable to verify your account information therefore, your account will
                    not be activated. <br>
                    Kindly register with a valid account information to enable us serve you better.
                ";
            }

        @endphp

        <table style="width:100%;max-width:620px;margin:0 auto;background-color:#ffffff;">
            <tbody>
                <tr>
                    <td style="padding: 30px 30px 20px">
                        <p style="margin-bottom: 10px;">Dear {{ $body->lastname.' '.$body->firstname }},</p>
                        <p style="margin-bottom: 10px;">{!! $message !!}</p>
                        <p style="margin-bottom: 15px;">We're here if you have any questions, drop us a mail at
                            <a style="color: #0160e0; text-decoration:none;" href="mailto:{{ config('settings.site_email') }}">{{ config('settings.site_email') }}</a>
                            anytime.
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>

    @endif

</x-emails.layout>
