@extends('layouts.vpm-dashboard', ['active' => 'account', 'area' => 'user'])

@section('title', 'Verifications')
@section('page_title', 'Verifications')
@section('page_subtitle', 'Verify your email and identity')
@section('parent_title', 'Account')
@section('parent_url', route('app.account'))

@section('content')
<div class="vpm-action-page">
    @include('app.account._back')

    @if (! in_array($user->identity_verification_status, ['pending', 'approved'], true))
        <x-vpm.action-hero
            title="Submit identity document"
            text="Upload a government ID to complete account verification."
        />

        <section class="vpm-panel vpm-action-panel">
            <div class="vpm-panel__body">
                <ul class="vpm-verification-list">
                    <li class="vpm-verification-item">
                        <div>
                            <strong>Email address</strong>
                            <p class="vpm-field__hint">{{ $user->email }}</p>
                        </div>
                        @if ($user->hasVerifiedEmail())
                            <span class="vpm-badge vpm-badge--up">Verified</span>
                        @else
                            <span class="vpm-badge vpm-badge--pending">Unverified</span>
                        @endif
                    </li>
                    <li class="vpm-verification-item">
                        <div>
                            <strong>Identity verification</strong>
                            <p class="vpm-field__hint">Passport, national ID, or driver's license.</p>
                            @if ($user->identity_verification_status === 'rejected' && $user->identity_rejection_reason)
                                <p class="vpm-field__error">{{ $user->identity_rejection_reason }}</p>
                            @endif
                        </div>
                        <span class="vpm-badge vpm-badge--down">{{ $user->identityStatusLabel() }}</span>
                    </li>
                </ul>

                <form method="POST" action="{{ route('app.account.identity.submit') }}" enctype="multipart/form-data" class="vpm-account-form vpm-mt-2">
                    @csrf
                    <label class="vpm-field">
                        <span class="vpm-field__label">Identity document</span>
                        <input type="file" name="identity_document" class="vpm-input vpm-input--file" accept=".jpg,.jpeg,.png,.pdf" required>
                        <span class="vpm-field__hint">JPG, PNG, or PDF — max 5 MB</span>
                    </label>
                    @error('identity_document')
                        <span class="vpm-field__error" role="alert">{{ $message }}</span>
                    @enderror
                    <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm">Submit for review</x-vpm.button>
                </form>
            </div>
        </section>
    @elseif (! $user->hasVerifiedEmail())
        <x-vpm.action-hero
            title="Verify your email"
            text="Confirm your email address to secure your account."
        />

        <section class="vpm-panel vpm-action-panel">
            <div class="vpm-panel__body">
                <p class="vpm-account-meta">We sent a verification link to <strong>{{ $user->email }}</strong>.</p>
                <form method="POST" action="{{ route('app.account.email.resend') }}">
                    @csrf
                    <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm">Resend verification email</x-vpm.button>
                </form>
            </div>
        </section>
    @else
        <x-vpm.action-hero
            title="Verification complete"
            text="Your email and identity checks are up to date."
        />

        <section class="vpm-panel vpm-action-panel">
            <div class="vpm-panel__body">
                <ul class="vpm-verification-list">
                    <li class="vpm-verification-item">
                        <div>
                            <strong>Email address</strong>
                            <p class="vpm-field__hint">{{ $user->email }}</p>
                        </div>
                        <span class="vpm-badge vpm-badge--up">Verified</span>
                    </li>
                    <li class="vpm-verification-item">
                        <div>
                            <strong>Identity verification</strong>
                            <p class="vpm-field__hint">Your documents have been reviewed.</p>
                        </div>
                        <span class="vpm-badge vpm-badge--{{ $user->identity_verification_status === 'approved' ? 'up' : 'pending' }}">
                            {{ $user->identityStatusLabel() }}
                        </span>
                    </li>
                </ul>
            </div>
        </section>
    @endif
</div>
@endsection