@extends('layouts.vpm-auth')

@section('title', 'Verify email')

@section('content')
<p class="vpm-auth-ref__footer" style="margin-bottom:8px;text-align:left;width:100%;">
    We sent a verification link to <strong style="color:var(--vpm-auth-text);">{{ auth()->user()->email }}</strong>.
    Open it to unlock your dashboard.
</p>

@if (session('status') === 'verification-link-sent')
    <div class="vpm-alert vpm-alert--success" role="status">
        A new verification link has been sent.
    </div>
@endif

<form method="POST" action="{{ route('verification.send') }}" class="vpm-auth-ref__form" style="gap:16px;">
    @csrf
    <button type="submit" class="vpm-auth-ref__submit">Resend verification email</button>
</form>

<form method="POST" action="{{ route('verification.skip') }}" class="vpm-auth-ref__form" style="gap:8px;">
    @csrf
    <button type="submit" class="vpm-auth-ref__submit" style="background:transparent;border:1px solid var(--vpm-auth-border);color:var(--vpm-auth-text);">
        Skip for now
    </button>
    <p class="vpm-auth-ref__footer" style="margin:0;text-align:left;width:100%;">
        You can look around without verifying, but deposits, trading and withdrawals
        stay locked until you confirm your email.
    </p>
</form>

<form method="POST" action="{{ route('logout') }}" class="vpm-auth-ref__form" style="gap:16px;">
    @csrf
    <button type="submit" class="vpm-auth-ref__submit" style="background:transparent;border:1px solid var(--vpm-auth-border);color:var(--vpm-auth-text);">
        Sign out
    </button>
</form>
@endsection