@extends('site.layouts.auth-layout')

@section('title', 'ثبت نام')

@section('content')
<div class="digi-auth-wrap">

    <div class="digi-auth-logo">
        <a href="{{ route('home') }}">
            <img src="{{ $siteLogo }}" width="160" alt="">
        </a>
    </div>

    <div class="digi-auth-card">
        <p class="digi-auth-card-title">ایجاد حساب کاربری</p>
        <p class="digi-auth-card-desc">اطلاعات خود را وارد کنید.</p>

        @if ($errors->any())
            <div class="alert alert-danger digi-auth-alert" role="alert">
                <ul class="mb-0 pe-3">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('register') }}">
            @csrf

            <div class="digi-auth-input-wrap">
                <label class="digi-auth-input-label">نام</label>
                <input type="text" name="first_name" value="{{ old('first_name') }}"
                    class="digi-auth-input @error('first_name') is-invalid @enderror"
                    placeholder="نام" autocomplete="given-name">
            </div>

            <div class="digi-auth-input-wrap">
                <label class="digi-auth-input-label">نام خانوادگی</label>
                <input type="text" name="last_name" value="{{ old('last_name') }}"
                    class="digi-auth-input @error('last_name') is-invalid @enderror"
                    placeholder="نام خانوادگی" autocomplete="family-name">
            </div>

            <div class="digi-auth-input-wrap">
                <label class="digi-auth-input-label">شماره موبایل</label>
                <input type="text" name="mobile" value="{{ old('mobile') }}"
                    class="digi-auth-input @error('mobile') is-invalid @enderror"
                    placeholder="09xxxxxxxxx" autocomplete="tel">
            </div>

            <div class="digi-auth-input-wrap">
                <label class="digi-auth-input-label">رمز عبور</label>
                <input type="password" name="password"
                    class="digi-auth-input @error('password') is-invalid @enderror"
                    placeholder="حداقل ۸ کاراکتر" autocomplete="new-password">
            </div>

            <div class="digi-auth-input-wrap">
                <label class="digi-auth-input-label">تکرار رمز عبور</label>
                <input type="password" name="password_confirmation"
                    class="digi-auth-input"
                    placeholder="تکرار رمز عبور" autocomplete="new-password">
            </div>

            <button type="submit" class="digi-auth-btn">ثبت نام</button>
        </form>
    </div>

    <div class="digi-auth-bottom mt-3">
        قبلاً ثبت نام کرده‌اید؟ <a href="{{ route('login') }}">ورود</a>
    </div>

    <p class="digi-auth-terms">
        با ثبت نام در سایت، <a href="#">شرایط و قوانین</a> و <a href="#">قوانین حریم خصوصی</a> را می‌پذیرید.
    </p>

</div>
@endsection
