@extends('email.mail')
@section('body')
    <table role="presentation" class="mb-100" cellspacing="0" cellpadding="30" width="800" align="center" border="0"
        style="background-color: #FAFAFA;">
        <tr>
            <td style="padding: 60px" class="p-50 leave-pad">
                <table role="presentation" cellspacing="0" cellpadding="16" width="600" align="center"
                    class="mb-100 leave-mar"
                    style="background-color: #fff; border-radius: 20px 20px; padding: 20px 0px; margin: 0px auto; padding-bottom: 40px;">
                    <tr>
                        <td class="lock-img" align="center">
                            <a href="">
                                <img src="https://projects-sl.s3.ap-south-2.amazonaws.com/ecorental/Jton8QmEzfVfkCXKPM6rZ9SMqk6sbQzWheUHUsWe.png" alt="Welcome"
                                     width="80" height="80" class="lock-non">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="dear">
                            <h1 style="font-size: 22px; color: #000000; font-weight: 600; line-height: 33px; letter-spacing: 2.64px; text-transform: uppercase; text-align: center;"
                                class="dear-sec">Hello {{ $name }},</h1>
                        </td>
                    </tr>
                    <tr>
                        <td
                            style="font-size: 14px; font-weight: 400; color: #000000; line-height: 22px; letter-spacing: 1.2px; text-align: center; padding: 10px 30px;">
                            Welcome to <b style="font-weight: 700;">Ibson Eco Rental</b>! Your account has been successfully
                            created.
                        </td>
                    </tr>
                    <tr>
                        <td
                            style="font-size: 14px; font-weight: 400; color: #16A34A; line-height: 22px; letter-spacing: 1.2px; text-align: center; padding: 10px 30px;">
                            You now have access to manage and oversee vehicle rentals for your business(es).
                        </td>
                    </tr>
                    <tr>
                        <td
                            style="font-size: 12px; font-weight: 300; color: #000000; line-height: 18px; letter-spacing: 1.44px; text-align: center; text-transform: uppercase; margin-top: 30px; padding: 20px 30px 10px 30px;">
                            Please find your login credentials below:
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 10px 30px 30px 30px;">
                            <table role="presentation" cellspacing="0" cellpadding="0" width="100%"
                                style="background-color: #F8F9FA; border-radius: 10px; padding: 20px;">
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-bottom: 10px;">
                                        Email Address:
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 14px; font-weight: 400; color: #000000; padding-bottom: 20px;">
                                        {{ $email }}
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size: 14px; font-weight: 600; color: #16A34A; padding-bottom: 10px;">
                                        Password:
                                    </td>
                                </tr>
                                <tr>
                                    <td
                                        style="font-size: 16px; font-weight: 600; color: #000000; background-color: #E9ECEF; padding: 10px; border-radius: 5px; text-align: center; letter-spacing: 2px;">
                                        {{ $password }}
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td
                            style="font-size: 13px; font-weight: 400; color: #DC3545; line-height: 20px; letter-spacing: 0.5px; text-align: center; padding: 10px 30px; background-color: #FFF3CD; border-radius: 8px; margin: 10px 30px;">
                            <b style="font-weight: 700;">⚠️ Important Security Notice:</b><br>
                            Please change your password after your first login for security purposes. Navigate to your profile settings to update your password.
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 20px 30px 10px 30px;" align="center">
                            <a href="{{ config('app.url') }}"
                                style="display: inline-block; padding: 12px 30px; background-color: #16A34A; color: #FFFFFF; text-decoration: none; border-radius: 6px; font-size: 14px; font-weight: 600; letter-spacing: 0.5px;">
                                Login to Your Account
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td
                            style="font-size: 12px; font-weight: 300; color: #666666; line-height: 18px; text-align: center; padding: 20px 30px 10px 30px;">
                            If you have any questions or need assistance, please don't hesitate to contact our support team.
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
@endsection