@extends('layouts.app')

@section('content')
<div class="card" style="max-width:400px;margin:40px auto;">
    <h2>Verifikasi Email</h2>
    <p>Masukkan kode verifikasi yang telah dikirim ke email Anda.</p>
    @if(session('status'))
        <div style="color:#22d3ee; margin-bottom:10px;">{{ session('status') }}</div>
    @endif
    <form method="POST" action="{{ route('verification.verify') }}">
        @csrf
        <div class="mb-3">
            <label for="code" class="form-label">Kode Verifikasi</label>
            <input type="text" name="code" id="code" class="form-control" maxlength="6" required autofocus>
            @error('code')
                <div style="color:#f87171;">{{ $message }}</div>
            @enderror
        </div>
        <button type="submit" class="btn btn-primary">Verifikasi</button>
    </form>
</div>
@endsection