@extends('authentic::Layout.admin_auth_master')

@section('title' , trans('authentic::registration.admin registration'))

@section('content')
<div class="form-wrapper">
	<div class="form-container">
	<div class="card">
			<div class="card-header">
                @if( AdminBaseDashboard::logo() )
                    <div class="auth-logo-wrapper">
                        <img src="{{ asset( AdminBaseDashboard::logo() ) }}" alt="{{ AdminBaseDashboard::logo() }}" class="img-fluid">
                    </div>
                @endif
			<h1 class="title">
				{{ trans('authentic::registration.'.ADMIN_REGISTRATION_NAME)}}
				</h1>
			</div>
		<div class="card-body">
			<form>
 <div class="mb-3">
   <div class="input-wrapper">
	 <span class="icon"><i class="fa-solid fa-user"></i></span>
	   <input type="text" class="form-control" id="name"
		   class="form-text" value="{{ old('name') }}" placeholder=" {{ __('authentic::registration.full name')}}">
	 </div>
	  <span class="text-danger name-error"></span>
  </div>

 <div class="mb-3">
	 <div class="input-wrapper">
	 <span class="icon"><i class="fa-solid fa-envelope"></i></span>
    <input type="email" class="form-control" id="email"
		   class="form-text" value="{{ old('email') }}" placeholder="{{ __('authentic::registration.email')}}">
	 </div>
	 <span class="text-danger email-error"></span>
  </div>

 <div class="mb-3">
	 <div class="input-wrapper">
	 <span class="icon"><i class="fa-solid fa-user"></i></span>
    <input type="text" class="form-control" id="username"
		   value="{{ old('username') }}" placeholder=" {{ __('authentic::registration.username')}}">
	 </div>
	   <span class="text-danger username-error"></span>
  </div>

 <div class="mb-3">
	 <div class="input-wrapper">
	 <span class="icon"><i class="fa-solid fa-shield"></i></span>
		 <select class="form-select" id="role" value="{{ old('role')}}">
		 <option value="">{{ __('authentic::registration.please select a role')}}</option>
	 <option value="Super Administrator" selected>{{ __('authentic::registration.supper admin')}}</option>
{{--	 <option value="Admin">{{ __('authentic::registration.admin')}}</option>--}}
{{--	 <option value="Staff">{{ __('authentic::registration.staff')}}</option>--}}
	 </select>
	 </div>
	   <span class="text-danger role-error"></span>
  </div>

 <div class="mb-3">
	<div class="input-wrapper">
	  <span class="icon"><i class="fa-solid fa-lock"></i></span>
    <input type="password" class="form-control unmask-password"
		   id="password" value="{{ old('password') }}" placeholder="{{ __('authentic::registration.password')}}">
        <span class="visibility-button"><i class="fa-solid fa-eye-slash" id="toggle-password-btn"></i></span>
	 </div>
	  <span class="text-danger  password-error"></span>
  </div>
 <div class="mb-3">
    <div class="input-wrapper">
		<span class="icon"><i class="fa-solid fa-lock"></i></span>
	 <input type="password" class="form-control unmask-confirm-password" id="password_confirmation"
		   value="{{ old('password_confirmation') }}"  placeholder="{{ __('authentic::registration.confirm password')}}">
        <span class="visibility-button"><i class="fa-solid fa-eye-slash" id="toggle-confirm-password-btn"></i></span>
	 </div>
	</div>

	 <div class="mb-2">
	 <a href="{{ route('admin_login')}}" class="old_acc_link">
		 {{ __('authentic::registration.already have an account')}}</a>

	 </div>
				<div class="mb-3">
				 <button type="submit" class="btn admin-auth-btn" data-url="{{ route('admin-store-registration') }}"
					data-redirect="{{ route('dashboard')}}"	 id="admin-register">
                     <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                     <span class="loading-text">{{ __('authentic::registration.processing') }}...</span>
                     <span class="btn-text">{{__('authentic::registration.register')}}</span>
                 </button>
				</div>
</form>
			</div>
		</div>
	</div>
	</div>
@endsection

@section('javascript')
<script src="{{ asset('/vendor/authenticate/js/register.js')}}"></script>
@endsection