@extends('v2.layout')

@section('title', 'إنشاء حساب - GOVI')
@section('meta_description', 'أنشئ حسابك في منصة GOVI لحوكمة وتنمية البيانات الرقمية.')

@push('head')
<meta name="robots" content="noindex, follow">
@endpush

@section('content')

<section class="auth-hero">
    <div class="container">
        <div class="auth-card">
            <div class="eyebrow light">انضم إلينا</div>
            <h1>إنشاء حساب جديد</h1>
            <p class="sub">أنشئ حسابك وابدأ رحلتك الرقمية مع GOVI</p>

            <div class="form">
                <form method="POST" action="{{ route('register') }}">
                    @csrf
                    <label class="w-100" for="r-name">الاسم
                        <input class="form-control @error('name') is-invalid @enderror" id="r-name" name="name" value="{{ old('name') }}" autocomplete="name" required autofocus>
                        @error('name')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </label>
                    <label class="w-100" for="r-email">البريد الإلكتروني
                        <input class="form-control @error('email') is-invalid @enderror" id="r-email" type="email" name="email" value="{{ old('email') }}" autocomplete="username" dir="ltr" required>
                        @error('email')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </label>
                    <label class="w-100" for="r-password">كلمة المرور
                        <input class="form-control @error('password') is-invalid @enderror" id="r-password" type="password" name="password" autocomplete="new-password" dir="ltr" required>
                        @error('password')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </label>
                    <label class="w-100" for="r-password2">تأكيد كلمة المرور
                        <input class="form-control @error('password_confirmation') is-invalid @enderror" id="r-password2" type="password" name="password_confirmation" autocomplete="new-password" dir="ltr" required>
                        @error('password_confirmation')<span class="invalid-feedback d-block">{{ $message }}</span>@enderror
                    </label>
                    <button class="btn btn-govi w-100 py-3" type="submit">إنشاء الحساب <i class="ti ti-user-plus"></i></button>
                </form>

                <p class="auth-alt">لديك حساب بالفعل؟ <a href="{{ route('login') }}">سجّل الدخول</a></p>
            </div>
        </div>
    </div>
</section>

@endsection