@extends('emails.layout')

@section('content')

    <div style="text-align:center;margin-bottom:20px;">
        <x-heroicon-o-envelope width="65"
                               style="opacity:0.8;stroke:#4f46e5;stroke-width:1" />
    </div>

    <h2 style="margin:0 0 10px;font-size:22px;color:#111;text-align:center;">
        {{ t('mail.auth.verify.title') }}
    </h2>

    <p style="margin:0 0 20px;color:#6b7280;font-size:14px;text-align:center;">
        {{ t('mail.auth.verify.text') }}
    </p>

    {{-- BUTTON --}}
    @if(!empty($url))
        <x-mail.button :url="$url">
            {{ t('mail.auth.verify.button') }}
        </x-mail.button>
    @endif

    <p style="text-align:center;font-size:13px;color:#9ca3af;">
        {{ t('mail.auth.verify.expires') }}
    </p>

@endsection
