@extends('layouts.mail')

@section('head')
    @parent
    <title>{{ 'Email Verification' }}</title>
@endsection

@section('heading')
<tr>
    <td>
        <!-- Header -->
        <table width="100%">
            <tr>
                <td style="text-align: center;">
                    <h1>{{ 'Email Verification' }}</h1>
                </td>
            </tr>
        </table>
        <!-- Header -->
    </td>
</tr>
@endsection

@section('message')

<tr>
    <td style="padding: 20px; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333333;">
        <!-- Content -->
        <table width="100%" style="border-spacing: 0; margin: 0; padding: 0;">
            <tr>
                <td style="padding-bottom: 20px;">
                    <p style="text-align: center;">Hey {{ $user->username }},</p>
                    <p style="text-align: center;">Click the button below to verify your email address and get back to playing FantasySpin!</p>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <!-- Centered Button -->
                    <table style="margin: 0 auto; text-align: center; border-spacing: 0;">
                        <tr>
                            <td>
                                <a href="{{ $link }}" style="
                                    color: white; 
                                    text-decoration: none; 
                                    display: inline-block; 
                                    text-align: center; 
                                    background-color: #002BFF; 
                                    padding: 10px 40px; /* Adjusted for rectangle */
                                    border-radius: 10px; /* Reduced for a more rectangular look */
                                    font-family: Arial, sans-serif;
                                    width: 200px; 
                                    font-size: 15px;">
                                    <span style="font-weight: bold; font-size: 18px;">Verify My Email</span><br>(Click Here)
                                </a>
                            </td>
                        </tr>
                    </table>
                    <!-- End Button -->
                </td>
            </tr>
            <tr>
                <td style="padding-top: 20px;text-align: center">
                    <p>Verification link expires 72 hours after sending.</p>
                </td>
            </tr>
        </table>
        <!-- Content -->
    </td>
</tr>

@endsection

@section('author')

@endsection