feat: update register form and add validation request
This commit is contained in:
@@ -1,67 +1,258 @@
|
||||
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/02.jpg)">
|
||||
<div class="container">
|
||||
<h2 class="breadcrumb-title">ثبت نام</h2>
|
||||
<ul class="breadcrumb-menu">
|
||||
<li><a href="index.html">صفحه اصلی</a></li>
|
||||
<li class="active">ثبت نام</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<h2 class="breadcrumb-title">ثبت نام</h2>
|
||||
|
||||
<ul class="breadcrumb-menu">
|
||||
<li>
|
||||
<a href="{{ url('/') }}">صفحه اصلی</a>
|
||||
</li>
|
||||
|
||||
<li class="active">ثبت نام</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="login-area py-120">
|
||||
<div class="container">
|
||||
<div class="col-md-5 mx-auto">
|
||||
<div class="login-form">
|
||||
<div class="login-header">
|
||||
<img src="assets/img/logo/logo-dark.png" alt>
|
||||
<img src="{{ asset('assets/img/logo/logo-dark.png') }}" alt="">
|
||||
<p>حساب MyTrip خود را ایجاد کنید</p>
|
||||
</div>
|
||||
<form action="#">
|
||||
<form action="#" method="POST" enctype="multipart/form-data">
|
||||
@csrf
|
||||
<div class="form-group">
|
||||
<label>اسم کامل</label>
|
||||
<label for="first_name">نام *</label>
|
||||
|
||||
<div class="form-group-icon">
|
||||
<input type="text" class="form-control" placeholder="اسم شما">
|
||||
<input
|
||||
type="text"
|
||||
name="first_name"
|
||||
class="form-control"
|
||||
placeholder="نام"
|
||||
id="first_name"
|
||||
>
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>آدرس ایمیل</label>
|
||||
<label for="last_name"> نام خانوادگی *</label>
|
||||
|
||||
<div class="form-group-icon">
|
||||
<input type="email" class="form-control" placeholder="ایمیل خود را وارد کنید">
|
||||
<input
|
||||
type="text"
|
||||
name="last_name"
|
||||
class="form-control"
|
||||
placeholder="نام خانوادگی"
|
||||
id="last_name"
|
||||
|
||||
>
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="national_code">کد ملی *</label>
|
||||
|
||||
<div class="form-group-icon">
|
||||
<input
|
||||
type="text"
|
||||
name="national_code"
|
||||
class="form-control"
|
||||
placeholder="کد ملی"
|
||||
id="national_code"
|
||||
|
||||
>
|
||||
<i class="far fa-id-card"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="gender">جنسیت *</label>
|
||||
<div class="form-group-icon">
|
||||
<select name="gender" class="form-control" id="gender">
|
||||
<option value="">انتخاب جنسیت</option>
|
||||
<option value="male">مرد</option>
|
||||
<option value="female">زن</option>
|
||||
</select>
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="marital_status">وضعیت تأهل *</label>
|
||||
<div class="form-group-icon">
|
||||
<select name="marital_status" class="form-control" id="marital_status">
|
||||
<option value="">انتخاب وضعیت تأهل</option>
|
||||
<option value="single">مجرد</option>
|
||||
<option value="married">متأهل</option>
|
||||
<option value="divorced">مطلقه</option>
|
||||
<option value="widowed">بیوه</option>
|
||||
</select>
|
||||
<i class="far fa-heart"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="spouse_name">نام و نام خانوادگی همسر</label>
|
||||
<div class="form-group-icon">
|
||||
<input
|
||||
type="text"
|
||||
name="spouse_name"
|
||||
class="form-control"
|
||||
placeholder="نام و نام خانوادگی همسر"
|
||||
id="spouse_name"
|
||||
|
||||
>
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="mobile">شماره موبایل *</label>
|
||||
<div class="form-group-icon">
|
||||
<input
|
||||
type="text"
|
||||
name="mobile"
|
||||
class="form-control"
|
||||
placeholder="شماره موبایل"
|
||||
id="mobile"
|
||||
>
|
||||
<i class="far fa-phone"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">ایمیل *</label>
|
||||
<div class="form-group-icon">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
class="form-control"
|
||||
placeholder="ایمیل خود را وارد کنید"
|
||||
id="email"
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>رمز عبور</label>
|
||||
<label for="image">عکس</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="password" class="form-control" placeholder="رمز عبور را وارد کنید">
|
||||
<input
|
||||
type="file"
|
||||
name="image"
|
||||
class="form-control"
|
||||
accept="image/*"
|
||||
id="image"
|
||||
>
|
||||
<i class="far fa-image"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="username">نام کاربری *</label>
|
||||
|
||||
<div class="form-group-icon">
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
class="form-control"
|
||||
placeholder="نام کاربری"
|
||||
id="username"
|
||||
>
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">رمز عبور *</label>
|
||||
<div class="form-group-icon">
|
||||
<input
|
||||
type="password"
|
||||
name="password"
|
||||
class="form-control"
|
||||
placeholder="رمز عبور را وارد کنید"
|
||||
id="password"
|
||||
>
|
||||
<i class="far fa-lock"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password_confirmation"> تکرار رمز عبور *</label>
|
||||
<div class="form-group-icon">
|
||||
<input
|
||||
type="password"
|
||||
name="password_confirmation"
|
||||
class="form-control"
|
||||
placeholder="تکرار رمز عبور"
|
||||
id="password_confirmation"
|
||||
>
|
||||
<i class="far fa-lock"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="province">استان</label>
|
||||
|
||||
<div class="form-group-icon">
|
||||
<select name="province" class="form-control" id="province">
|
||||
<option value="">انتخاب استان</option>
|
||||
<option value="mazandaran">مازندران</option>
|
||||
<option value="tehran">تهران</option>
|
||||
<option value="gilan">گیلان</option>
|
||||
<option value="fars">فارس</option>
|
||||
<option value="isfahan">اصفهان</option>
|
||||
</select>
|
||||
<i class="far fa-map"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="city">شهرستان</label>
|
||||
<div class="form-group-icon">
|
||||
<select name="city" class="form-control" id="city">
|
||||
<option value="">انتخاب شهرستان</option>
|
||||
<option value="sari">ساری</option>
|
||||
<option value="tehran">تهران</option>
|
||||
<option value="rasht">رشت</option>
|
||||
<option value="mashhad">مشهد</option>
|
||||
<option value="isfahan">اصفهان</option>
|
||||
</select>
|
||||
<i class="far fa-map-marker-alt"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check form-group">
|
||||
<input class="form-check-input" type="checkbox" value id="agree">
|
||||
<label class="form-check-label" for="agree">
|
||||
من موافقم با <a href="#">شرایط استفاده از خدمات.</a>
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
value="1"
|
||||
name="agree"
|
||||
id="agree"
|
||||
>
|
||||
<label
|
||||
class="form-check-label"
|
||||
for="agree"
|
||||
>
|
||||
من موافقم با
|
||||
<a href="#">
|
||||
شرایط استفاده از خدمات.
|
||||
</a>
|
||||
</label>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<button type="submit" class="theme-btn"><i class="far fa-paper-plane"></i> ثبت نام</button>
|
||||
<button
|
||||
type="submit"
|
||||
class="theme-btn"
|
||||
>
|
||||
<i class="far fa-paper-plane"></i>
|
||||
ثبت نام
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="login-footer">
|
||||
<div class="login-divider"><span>یا</span></div>
|
||||
<div class="social-login">
|
||||
<a href="#" class="btn-fb"><i class="fab fa-facebook"></i> ورود با فیسبوک</a>
|
||||
<a href="#" class="btn-gl"><i class="fab fa-google"></i> ورود با گوگل</a>
|
||||
<div class="login-divider">
|
||||
<span>یا</span>
|
||||
</div>
|
||||
<p>
|
||||
از قبل حساب کاربری دارید؟
|
||||
<a href="{{ route('auth.login') }}">
|
||||
وارد شدن.
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<p>از قبل حساب کاربری دارید؟ <a href="login.html">وارد شدن.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user