<x-emails.layout>

    @if($body->tx ==='credit')

        <table style="width:100%;max-width:620px;margin:0 auto; color:#9ea8bb;" cellpadding="0" cellspacing="0" bgcolor="#ffffff" >
            <tbody>
                <tr>
                    <td style="text-align: left; padding: 30px 30px 0;"></td>
                </tr>
                <tr>
                    <td style="text-align:left;padding: 15px 30px 5px 30px;">
                        <p style="margin-bottom: 16px;">
                            Dear {{ $body->username }}, <br>
                            We wish to inform you that your account has been  credited with <strong>{{ $body->amount }}</strong>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 15px 30px 5px 30px;">

                        <h2 style="font-size: 24px; color: #6576ff; font-weight: 600; margin-bottom: 8px;">TRANSACTION DETAILS</h2>
                        <p style="margin-bottom: 12px; border-bottom: 1px solid #ebe8e8">

                            <table style="font-family: arial, sans-serif;border-collapse: collapse;width: 100%;">

                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td style="text-align: left; padding: 8px;">Transaction:</td>
                                    <td style="text-align: left; padding: 8px;"><strong style="text-transform: uppercase">CREDIT</strong></td>
                                </tr>
                                <tr style="text-align: left; padding: 8px;">
                                    <td style="text-align: left; padding: 8px;">Bank:</td>
                                    <td style="text-align: left; padding: 8px;"> {{ $body->bank }}</strong></td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td style="text-align: left; padding: 8px;">Acct Name:</td>
                                    <td style="text-align: left; padding: 8px;"><strong>{{ $body->name }}</strong></td>
                                </tr>
                                <tr style="text-align: left; padding: 8px;">
                                    <td style="text-align: left; padding: 8px;">Acct Number:</td>
                                    <td style="text-align: left; padding: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                                        <strong>{{ $body->account }}</strong>
                                    </td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td style="text-align: left; padding: 8px;">Amount:</td>
                                    <td style="text-align: left; padding: 8px;"><strong>{{ $body->amount }}</strong></td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; ">
                                    <td style="text-align: left; padding: 8px;">Date:</td>
                                    <td style="text-align: left; padding: 8px;"><strong>{{ $body->date }}</strong></td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td style="text-align: left; padding: 8px;">Status:</td>
                                    <td style="text-align: left; padding: 8px;"><strong>{{ $body->status }}</strong></td>
                                </tr>

                            </table>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left; padding: 30px 30px 0;">
                        <p style="margin-bottom: 12px;">
                            Thank you.
                        </p>
                    </td>
                </tr>
                <tr>
                </tr>
            </tbody>
        </table>


    @elseif($body->tx==='debit')

        <table style="width:100%;max-width:620px;margin:0 auto; color:#9ea8bb;" cellpadding="0" cellspacing="0" bgcolor="#ffffff" >
            <tbody>
                <tr>
                    <td style="text-align: left; padding: 30px 30px 0;"></td>
                </tr>
                <tr>
                    <td style="text-align:left;padding: 15px 30px 5px 30px;">
                        <p style="margin-bottom: 16px;">
                            Dear {{ $body->username }}, <br>
                            We wish to inform you that your account has been  debited with <strong>{{ $body->amount }}</strong>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 15px 30px 5px 30px;">

                        <h2 style="font-size: 24px; color: #6576ff; font-weight: 600; margin-bottom: 8px;">TRANSACTION DETAILS</h2>
                        <p style="margin-bottom: 12px; border-bottom: 1px solid #ebe8e8">

                            <table style="font-family: arial, sans-serif;border-collapse: collapse;width: 100%;">

                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td style="text-align: left; padding: 8px;">Transaction:</td>
                                    <td style="text-align: left; padding: 8px;"><strong style="text-transform: uppercase">DEBIT</strong></td>
                                </tr>

                                @if($body->type == 'normal')

                                    <tr style="text-align: left; padding: 8px;">
                                        <td style="text-align: left; padding: 8px;">Bank:</td>
                                        <td style="text-align: left; padding: 8px;"> {{ $body->bank }}</strong></td>
                                    </tr>
                                    <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                        <td style="text-align: left; padding: 8px;">Acct Name:</td>
                                        <td style="text-align: left; padding: 8px;"><strong>{{ $body->name }}</strong></td>
                                    </tr>
                                    <tr style="text-align: left; padding: 8px;">
                                        <td style="text-align: left; padding: 8px;">Acct Number:</td>
                                        <td style="text-align: left; padding: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                                            <strong>{{ $body->account }}</strong>
                                        </td>
                                    </tr>

                                @elseif($body->type == 'card')

                                    <tr style="text-align: left; padding: 8px;">
                                        <td style="text-align: left; padding: 8px;">Type:</td>
                                        <td style="text-align: left; padding: 8px;">ATM:Card-Withdrawal</strong></td>
                                    </tr>

                                @else

                                    <tr style="text-align: left; padding: 8px;">
                                        <td style="text-align: left; padding: 8px;">Type:</td>
                                        <td style="text-align: left; padding: 8px;">Bank-Charges</strong></td>
                                    </tr>

                                @endif
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td style="text-align: left; padding: 8px;">Amount:</td>
                                    <td style="text-align: left; padding: 8px;"><strong>{{ $body->amount }}</strong></td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; ">
                                    <td style="text-align: left; padding: 8px;">Date:</td>
                                    <td style="text-align: left; padding: 8px;"><strong>{{ $body->date }}</strong></td>
                                </tr>
                                <tr style="text-align: left; padding: 8px; background-color: #ebe8e8;">
                                    <td style="text-align: left; padding: 8px;">Status:</td>
                                    <td style="text-align: left; padding: 8px;"><strong>{{ $body->status }}</strong></td>
                                </tr>

                            </table>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left; padding: 30px 30px 0;">
                        <p style="margin-bottom: 12px;">
                            Thank you.
                        </p>
                    </td>
                </tr>
                <tr>
                </tr>
            </tbody>
        </table>

    @endif

</x-emails.layout>
