259 lines
12 KiB
PHP
259 lines
12 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<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="{{ asset('assets/img/logo/logo-dark.png') }}" alt="">
|
|
<p>حساب MyTrip خود را ایجاد کنید</p>
|
|
</div>
|
|
<form action="#" method="POST" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="form-group">
|
|
<label for="first_name">نام *</label>
|
|
|
|
<div class="form-group-icon">
|
|
<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 for="last_name"> نام خانوادگی *</label>
|
|
|
|
<div class="form-group-icon">
|
|
<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 for="image">عکس</label>
|
|
<div class="form-group-icon">
|
|
<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="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>
|
|
</div>
|
|
</form>
|
|
<div class="login-footer">
|
|
<div class="login-divider">
|
|
<span>یا</span>
|
|
</div>
|
|
<p>
|
|
از قبل حساب کاربری دارید؟
|
|
<a href="{{ route('auth.login') }}">
|
|
وارد شدن.
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|