@extends('emails.layout')

@section('content')
    <div class="title">Verify Your Email</div>

    <div class="text">
        Hello {{ $user->name }},<br><br>
        Welcome to Betix! Please click the button below to verify your email address and activate your account.
    </div>

    <div style="text-align: center; margin-bottom: 20px;">
        <a href="{{ $url }}" class="btn">Verify Email</a>
    </div>

    <div class="text" style="font-size: 12px; color: #999; word-break: break-all;">
        Or copy & paste this link into your browser:<br>
        <span style="color:#666;">{{ $url }}</span>
    </div>

    @isset($code)
        <div class="text" style="margin-top: 20px;">
            Alternatively, you can verify by entering this code in the app:<br>
            <div style="font-size: 22px; font-weight: bold; letter-spacing: 4px; margin-top: 8px;">{{ $code }}</div>
        </div>
    @endisset

    <div class="text" style="margin-top: 30px;">
        If you did not create an account, no further action is required.
    </div>
@endsection