@extends('layouts.user_type.guest')
@section('header_title', __('تایید حساب کاربری'))

@section('content')

    <main class="main">

        <div class="site-breadcrumb" style="background: url({{url('/')}}/images/01-bg-ganr.jpeg)">
            <div class="container">
            <h2 class="breadcrumb-title">{{ __('ثبت نام') }}</h2>
                <ul class="breadcrumb-menu" dir="rtl">
                    <li><a href="{{localized_route('home')}}">{{ __('خانه') }}</a></li>
                    <li class="active">{{ __('ثبت نام') }}</li>
                </ul>
            </div>
        </div>


        <div class="auth-area py-100" dir="rtl">
            <div class="container">
                <div class="col-md-5 col-lg-4 mx-auto">
                    <div class="auth-wrap">
                        <div class="auth-header">
                            <img src="{{url('/')}}/images/logo.png" class="logo-dark-mode" alt="">
                            <img src="{{url('/')}}/images/logo-dark.png" class="logo-light-mode" alt="">
                            <p>{{ __('تایید حساب در :site', ['site' => setting('site_name')]) }}</p>
                        </div>
                        <div class="auth-form">
                            <form role="form text-left" method="POST" action="{{localized_route('register.code')}}">
                                @csrf
                                <div class="mb-3">
                                    <input required type="text" class="form-control" placeholder="Code" name="code" id="code" aria-label="First Name" aria-describedby="code" value="{{ old('code') }}">
                                    @error('code')
                                    <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="auth-btn">
                                <button type="submit" class="theme-btn"><span class="far fa-sign-in ms-2"></span>{{ __('تایید ثبت نام') }} </button>
                                </div>
                                <p class="text-sm mt-3 mb-0">Already have an account? <a href="login" class="text-dark font-weight-bolder">Sign in</a></p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>

@endsection