@extends('layouts.auth')

@section('title', __('Confirm your email'))
@section('heading', __('Confirm your email'))
@section('intro', __('We have sent a link to :email. Open it to finish setting up your account.', ['email' => auth()->user()->email]))

@section('form')
    <div class="space-y-4">
        <p class="text-sm text-text-secondary">
            {{ __('You can browse and save properties in the meantime. Contacting a seller or publishing a listing needs a confirmed address.') }}
        </p>

        <form action="{{ route('verification.send') }}" method="POST" x-data="submitGuard" @submit="submit()">
            @csrf
            <button type="submit" class="btn btn-primary w-full" :disabled="submitting">
                <span x-show="!submitting">{{ __('Send the link again') }}</span>
                <span x-show="submitting" x-cloak>{{ __('Sending…') }}</span>
            </button>
        </form>

        <div class="flex items-center justify-between gap-4 border-t border-border pt-4 text-sm">
            <a href="{{ route('account.dashboard') }}"
               class="font-medium text-text-brand underline-offset-4 hover:underline">
                {{ __('Go to my account') }}
            </a>

            <form action="{{ route('logout') }}" method="POST">
                @csrf
                <button type="submit" class="text-text-secondary underline-offset-4 hover:underline">
                    {{ __('Sign out') }}
                </button>
            </form>
        </div>
    </div>
@endsection