@extends('frontend.layouts.app')
@section('title','E-posta Doğrulama — Animexe')
@push('styles')
<style>
.auth-page{min-height:calc(100vh - var(--nav-h));display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(184,77,255,.2),transparent 55%)}
@keyframes auth-box-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.auth-box{background:linear-gradient(160deg,rgba(14,14,28,.97),rgba(8,8,18,.99));border:1px solid rgba(0,245,255,.22);border-radius:20px;padding:clamp(28px,5vw,44px);width:100%;max-width:440px;box-shadow:0 32px 80px rgba(0,0,0,.65);position:relative;overflow:hidden;text-align:center;animation:auth-box-in .55s cubic-bezier(.22,1,.36,1) .1s both}
.auth-box::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent2),var(--accent),transparent);opacity:.7}
.ve-icon{font-size:3rem;margin-bottom:16px;filter:drop-shadow(0 0 16px rgba(0,245,255,.4))}
.ve-title{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:10px}
.ve-text{font-size:.88rem;color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:24px}
.auth-btn{display:inline-block;padding:12px 28px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent3));color:#fff;font-size:.9rem;font-weight:800;transition:transform .14s;box-shadow:0 0 28px rgba(255,45,125,.3);width:100%}
.auth-btn:hover{transform:translateY(-2px)}
.status-box{background:rgba(0,245,255,.07);border:1px solid rgba(0,245,255,.2);border-radius:10px;padding:12px 16px;font-size:.85rem;color:var(--accent2);margin-bottom:20px}
.logout-link{display:block;margin-top:16px;font-size:.82rem;color:rgba(255,255,255,.3)}
.logout-link a{color:rgba(255,255,255,.4)}
</style>
@endpush
@section('content')
<div class="auth-page">
  <div class="auth-box">
    <div class="ve-icon">📧</div>
    <div class="ve-title">E-postanı Doğrula</div>
    <p class="ve-text">
      <strong style="color:#fff">{{ auth()->user()->email }}</strong> adresine doğrulama bağlantısı gönderdik.<br>
      Gelen kutunu kontrol et. Spam klasörüne de bakmanı öneririz.
    </p>

    @if(session('status'))
      <div class="status-box"><i class="bi bi-check-circle-fill"></i> {{ session('status') }}</div>
    @endif

    <form method="POST" action="{{ route('verification.send') }}">
      @csrf
      <button type="submit" class="auth-btn">
        <i class="bi bi-envelope-fill"></i> Tekrar Gönder
      </button>
    </form>

    <div class="logout-link">
      <form method="POST" action="{{ route('frontend.logout') }}" style="display:inline">
        @csrf
        <a href="#" onclick="this.closest('form').submit()">Çıkış yap</a>
      </form>
    </div>
  </div>
</div>
@endsection