feat: add login, register views for user side
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<main class="main">
|
||||
|
||||
<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="{{route('index')}}">صفحه اصلی</a></li>
|
||||
<li class="active">ورود</li>
|
||||
</ul>
|
||||
</div>
|
||||
</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>
|
||||
<p>با حساب MyTrip خود وارد شوید</p>
|
||||
</div>
|
||||
<form action="#">
|
||||
<div class="form-group">
|
||||
<label>آدرس ایمیل</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="email" class="form-control" placeholder="ایمیل خود را وارد کنید">
|
||||
<i class="far fa-envelope"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>رمز عبور</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="password" class="form-control" placeholder="رمز عبور را وارد کنید">
|
||||
<i class="far fa-lock"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-3">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value id="remember">
|
||||
<label class="form-check-label" for="remember">
|
||||
مرا به یاد داشته باش
|
||||
</label>
|
||||
</div>
|
||||
<a href="forgot-password.html" class="forgot-pass">رمز عبور را فراموش کرده اید؟</a>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<button type="submit" class="theme-btn"><i class="far fa-sign-in"></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>
|
||||
<p>اکانت ندارید ؟ <a href="register.html">عضو شدن.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
@endsection
|
||||
@@ -0,0 +1,270 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<main class="main">
|
||||
|
||||
<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="{{route('index')}}">صفحه اصلی</a></li>
|
||||
<li class="active">ثبت نام</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="login-area py-120">
|
||||
<div class="container">
|
||||
<!-- چون تعداد فیلدها زیاد شده، عرض کانتینر رو از col-md-5 به col-md-8 یا 9 تغییر دادم تا فضا باز بشه -->
|
||||
<div class="col-md-8 mx-auto">
|
||||
<div class="login-form">
|
||||
<div class="login-header">
|
||||
<a href="{{route('index')}}">
|
||||
<img src="{{asset('assets/img/logo/logo-dark.png')}}" alt="Logo">
|
||||
</a>
|
||||
<p>حساب MyTrip خود را ایجاد کنید</p>
|
||||
</div>
|
||||
|
||||
<form action="#" method="POST" enctype="multipart/form-data">
|
||||
@csrf
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="first_name">نام</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="first_name" name="first_name" class="form-control" placeholder="نام" value="{{old('first_name')}}">
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
@error('first_name')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="last_name">نام خانوادگی</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="last_name" name="last_name" class="form-control" placeholder="نام خانوادگی" value="{{old('last_name')}}">
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
@error('last_name')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="national_code">کد ملی</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="national_code" name="national_code" class="form-control" placeholder="کد ملی" value="{{old('national_code')}}">
|
||||
<i class="far fa-id-card"></i>
|
||||
</div>
|
||||
@error('national_code')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="gender">جنسیت</label>
|
||||
<div class="form-group-icon">
|
||||
<select id="gender" name="gender" class="form-control">
|
||||
<option value="">انتخاب کنید</option>
|
||||
<option value="male">آقا</option>
|
||||
<option value="female">خانم</option>
|
||||
</select>
|
||||
<i class="far fa-venus-mars"></i>
|
||||
</div>
|
||||
@error('gender')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="marital_status">وضعیت تاهل</label>
|
||||
<div class="form-group-icon">
|
||||
<select id="marital_status" name="marital_status" class="form-control">
|
||||
<option value="">انتخاب کنید</option>
|
||||
<option value="single">مجرد</option>
|
||||
<option value="married">متأهل</option>
|
||||
</select>
|
||||
<i class="fas fa-ring"></i>
|
||||
</div>
|
||||
@error('marital_status')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="spouse_name">نام و نام خانوادگی همسر</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="spouse_name" name="spouse_name" class="form-control" placeholder="نام همسر" value="{{old('spouse_name')}}">
|
||||
<i class="far fa-user-friends"></i>
|
||||
</div>
|
||||
@error('spouse_name')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="mobile">شماره همراه</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="mobile" name="mobile" class="form-control" placeholder="0912..." value="{{old('mobile')}}">
|
||||
<i class="fas fa-phone"></i>
|
||||
</div>
|
||||
@error('mobile')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="email">آدرس ایمیل</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="email" id="mobile" name="email" class="form-control" placeholder="ایمیل خود را وارد کنید" value="{{old('email')}}">
|
||||
<i class="far fa-envelope"></i>
|
||||
</div>
|
||||
@error('email')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="username">نام کاربری</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="username" name="username" class="form-control" placeholder="Username" value="{{old('username')}}">
|
||||
<i class="far fa-user-circle"></i>
|
||||
</div>
|
||||
@error('username')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="avatar">عکس پروفایل</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="file" id="avatar" name="avatar" class="form-control">
|
||||
<i class="far fa-image"></i>
|
||||
</div>
|
||||
@error('avatar')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="password">رمز عبور</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="password" id="password" name="password" class="form-control" placeholder="رمز عبور" required>
|
||||
<i class="far fa-lock"></i>
|
||||
</div>
|
||||
@error('password')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="password_confirmation" >تایید رمز عبور</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="password" id="password_confirmation" name="password_confirmation" class="form-control" placeholder="تکرار رمز عبور" required>
|
||||
<i class="far fa-check-circle"></i>
|
||||
</div>
|
||||
@error('password_confirmation')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="user_province">استان</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="user_province" name="user_province" class="form-control" placeholder="استان" value="{{old('user_province')}}">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
@error('user_province')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="user_city">شهر</label>
|
||||
<div class="form-group-icon">
|
||||
<input type="text" id="user_city" name="user_city" class="form-control" placeholder="شهر" value="{{old('user_city')}}">
|
||||
<i class="fas fa-city"></i>
|
||||
</div>
|
||||
@error('user_city')
|
||||
<span style="color: red">{{$message}}</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check form-group mt-3">
|
||||
<input class="form-check-input" type="checkbox" name="terms" value="1" id="agree" required>
|
||||
<label class="form-check-label" for="agree">
|
||||
من موافقم با <a href="#">شرایط استفاده از خدمات.</a>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center mt-4">
|
||||
<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.index')}}">وارد شدن.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user