@extends('site.layout')

@section('title', $ui['register'] . ' | ' . $ui['brand'])

@section('content')
    <section class="page-hero">
        <div class="container page-hero__grid">
            <div>
                <span class="section-kicker">{{ $ui['register'] }}</span>
                <h1>{{ $ui['register'] }}</h1>
                <p>{{ $currentLocale === 'en' ? 'Create a website user account to post and reply in Darul Ifta.' : 'د دارالافتاء پوښتنو او ځوابونو لپاره د ویبپاڼې کارن حساب جوړ کړئ.' }}</p>
            </div>
            <img src="{{ asset('images/logo.png') }}" alt="">
        </div>
    </section>

    <section class="section-pad">
        <form class="form-panel auth-panel" method="post" action="{{ route('register.store') }}">
            @csrf
            <label>
                <span>Name</span>
                <input name="name" value="{{ old('name') }}" required autofocus>
                @error('name') <small>{{ $message }}</small> @enderror
            </label>
            <label>
                <span>Email</span>
                <input type="email" name="email" value="{{ old('email') }}" required>
                @error('email') <small>{{ $message }}</small> @enderror
            </label>
            <label>
                <span>Password</span>
                <input type="password" name="password" required>
                @error('password') <small>{{ $message }}</small> @enderror
            </label>
            <label>
                <span>Confirm password</span>
                <input type="password" name="password_confirmation" required>
            </label>
            <button class="btn btn-primary" type="submit"><i data-lucide="user-plus" aria-hidden="true"></i> {{ $ui['register'] }}</button>
            <a class="auth-link" href="{{ route('login') }}">{{ $ui['login'] }}</a>
        </form>
    </section>
@endsection