337 lines
24 KiB
PHP
337 lines
24 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="theme-hero-area-bg-wrap">
|
|
<div class="theme-hero-area-bg"
|
|
style="background-image:url(img/adult-book-business-cactus-297755_1500x800.jpg);"></div>
|
|
<div class="theme-hero-area-mask theme-hero-area-mask-strong"></div>
|
|
</div>
|
|
<div class="theme-hero-area-body">
|
|
<div class="theme-page-section _pt-100 theme-page-section-xl">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 col-md-offset-4">
|
|
<div class="theme-login theme-login-white">
|
|
<div class="theme-login-header">
|
|
<h1 class="theme-login-title">ثبت نام</h1>
|
|
<p class="theme-login-subtitle">حساب Bookify جدید ایجاد کنید</p>
|
|
</div>
|
|
<div class="theme-login-box">
|
|
<div class="theme-login-box-inner">
|
|
<form class="theme-login-form" action="{{ route('auth.register.post') }}"
|
|
method="POST"
|
|
enctype="multipart/form-data">>
|
|
@csrf
|
|
<div>
|
|
<label for="first_name"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
نام
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="first_name"
|
|
name="first_name"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('first_name')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('first_name')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="last_name"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
نام خانوادگی
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="last_name"
|
|
name="last_name"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('last_name')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('last_name')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="national_code"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
کدملی
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="national_code"
|
|
name="national_code"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('national_code')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('national_code')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="row" data-gutter="10">
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
<select class="form-control"
|
|
name="gender">
|
|
|
|
<option value="">
|
|
جنسیت
|
|
</option>
|
|
|
|
<option value="0">
|
|
مرد
|
|
</option>
|
|
|
|
<option value="1">
|
|
زن
|
|
</option>
|
|
|
|
</select>
|
|
@error('gender')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
<select class="form-control"
|
|
name="marital_status">
|
|
|
|
<option value="">
|
|
وضعیت تاهل
|
|
</option>
|
|
|
|
<option value="0">
|
|
مجرد
|
|
</option>
|
|
|
|
<option value="1">
|
|
متاهل
|
|
</option>
|
|
|
|
<option value="2">
|
|
متارکه
|
|
</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
|
@error('marital_status')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="spouse_name"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
نام نام خانوادگی همسر
|
|
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="spouse_name"
|
|
name="spouse_name"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('spouse_name')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('spouse_name')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="mobile"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
موبایل
|
|
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="mobile"
|
|
name="mobile"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('mobile')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('mobile')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="email"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
ایمیل
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="email"
|
|
name="email"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('email')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('email')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="profile_image"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
عکس
|
|
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="profile_image"
|
|
name="profile_image"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('profile_image')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('profile_image')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="username"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
نام کاربری
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="username"
|
|
name="username"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('username')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('username')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="password"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
|
|
رمز عبور
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="password"
|
|
name="password"
|
|
autofocus
|
|
tabindex="1"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('password')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="password"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
تکرار رمز عبور
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="password"
|
|
tabindex="6"
|
|
id="password"
|
|
name="password_confirmation"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="province"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
استان
|
|
</label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="province"
|
|
name="province"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('province')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('province')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<label for="city"
|
|
class="block text-sm/6 font-medium text-gray-500 dark:text-gray-300">
|
|
|
|
شهرستان </label>
|
|
<div class="mt-3">
|
|
<input
|
|
type="text"
|
|
id="city"
|
|
name="city"
|
|
autofocus
|
|
tabindex="1"
|
|
value="{{old('city')}}"
|
|
class="block w-full p-3 text-base outline dark:outline-none outline-1 -outline-offset-1 placeholder:text-gray-400 sm:text-sm/6 transition-all text-gray-800 dark:text-gray-100 dark:bg-gray-900 bg-slate-100 border border-transparent hover:border-slate-200 appearance-none rounded-md outline-none focus:bg-white focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100 dark:focus:ring-blue-400"
|
|
/>
|
|
</div>
|
|
@error('city')
|
|
<span>{{$message}}</span>
|
|
@enderror
|
|
</div>
|
|
<div>
|
|
<button type="submit" class="submit-btn" tabindex="7" >ساخت حساب کاربری</button>
|
|
</div>
|
|
</form>
|
|
<p class="mt-8 text-center text-sm/6 text-gray-500 dark:text-gray-300">
|
|
حساب کاربری دارید ؟
|
|
<a class="text-blue-400" href="{{route('auth.login.index')}}">ورود</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|