@extends('emails.layout')

@section('content')
    <h2 style="margin-top: 0;">Verify Your Email Address</h2>
    <p>Hi {{ $name }},</p>
    
    <p>
        Thanks for joining <strong>{{ config('app.name') }}</strong>! To complete your registration and start using your account, please verify your email address by clicking the button below:
    </p>

    <div style="text-align: center; margin-top: 30px;">
        <a href="{{ $verification_url }}" class="button">Verify Email Address</a>
    </div>

    <div class="divider"></div>

    <p style="font-size: 13px; color: #64748B; line-height: 1.4;">
        If you did not create an account, no further action is required.
        <br><br>
        If you're having trouble clicking the "Verify Email Address" button, copy and paste the URL below into your web browser:
        <br>
        <span style="word-break: break-all; color: #3525CD;">{{ $verification_url }}</span>
    </p>
@endsection