feat: complete register blade and controller

This commit is contained in:
2026-08-16 10:46:17 +03:30
parent b23842defd
commit d2f51a6e5c
15 changed files with 480 additions and 212 deletions
+29 -5
View File
@@ -17,27 +17,51 @@
<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="{{route('auth.login.post')}}"
method="POST"
>
@csrf
<div class="form-group">
<label>آدرس ایمیل</label>
<div class="form-group-icon">
<input type="email" class="form-control" placeholder="ایمیل خود را وارد کنید">
<input type="email"
id="email"
name="email"
value="{{old('email')}}"
class="form-control"
placeholder="ایمیل خود را وارد کنید">
<i class="far fa-envelope"></i>
@error('email')
<span style="color: red"> {{$message}}</span>
@enderror
</div>
</div>
<div class="form-group">
<label>رمز عبور</label>
<div class="form-group-icon">
<input type="password" class="form-control" placeholder="رمز عبور را وارد کنید">
<input type="password"
id="password"
name="password"
class="form-control"
placeholder="رمز عبور را وارد کنید"
>
<i class="far fa-lock"></i>
</div>
@error('password')
<span style="color: red"> {{$message}}</span>
@enderror
</div>
<div class="d-flex justify-content-between mb-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" value id="remember">
<input class="form-check-input"
type="checkbox"
name="remember"
value id="remember">
<label class="form-check-label" for="remember">
مرا به یاد داشته باش
</label>
+207 -197
View File
@@ -1,4 +1,10 @@
@extends('layouts.app')
@php
use App\Enums\UserGender;
use App\Enums\UserMaritalStatus;
@endphp
@section('content')
<main class="main">
@@ -21,7 +27,9 @@
<p>حساب MyTrip خود را ایجاد کنید</p>
</div>
<form action="{{route('auth.register.post')}}"
method="POST">
method="POST"
enctype="multipart/form-data"
>
@csrf
<div class="form-group">
@@ -70,7 +78,7 @@
<i class="far fa-user"></i>
</div>
<!-- ERROR -->
@error('last_name')
@error('national_code')
<span style="color: red"> {{$message}}</span>
@enderror
</div>
@@ -86,18 +94,18 @@
>
<option value="">جنسیت خود را انتخاب کنید</option>
<option value="male"
{{ old('gender') == 'male' ? 'selected' : '' }}>
<option value="{{ UserGender::MALE->value }}"
{{ old('gender') == UserGender::MALE->value ? 'selected' : '' }}>
مرد
</option>
<option value="female"
{{ old('gender') == 'female' ? 'selected' : '' }}>
<option value="{{ UserGender::FEMALE->value }}"
{{ old('gender') == UserGender::FEMALE->value ? 'selected' : '' }}>
زن
</option>
<option value="unknown"
{{ old('gender') == 'unknown' ? 'selected' : '' }}>
<option value="{{ UserGender::UNKNOWN->value }}"
{{ old('gender') == UserGender::UNKNOWN->value ? 'selected' : '' }}>
نامشخص
</option>
</select>
@@ -111,216 +119,218 @@
</div>
<div class="form-group">
<label>
وضعیت تأهل
(اختیاری)
</label>
<div class="form-group-icon">
<select
name="marital_status"
id="marital_status"
class="form-control"
>
<option value="">وضعیت تأهل خود را انتخاب کنید</option>
<div class="form-group">
<label>وضعیت تأهل</label>
<option value="single"
{{ old('marital_status') == 'single' ? 'selected' : '' }}>
مجرد
</option>
<div class="form-group-icon">
<select
name="marital_status"
id="marital_status"
class="form-control"
>
<option value="">وضعیت تأهل خود را انتخاب کنید</option>
<option value="married"
{{ old('marital_status') == 'married' ? 'selected' : '' }}>
متأهل
</option>
<option value="{{ UserMaritalStatus::SINGLE->value }}"
{{ old('marital_status') == UserMaritalStatus::SINGLE->value ? 'selected' : '' }}>
مجرد
</option>
<option value="separated"
{{ old('marital_status') == 'separated' ? 'selected' : '' }}>
متارکه
</option>
</select>
<option value="{{ UserMaritalStatus::MARRIED->value }}"
{{ old('marital_status') == UserMaritalStatus::MARRIED->value ? 'selected' : '' }}>
متأهل
</option>
<i class="far fa-user"></i>
<option value="{{ UserMaritalStatus::SEPARATED->value }}"
{{ old('marital_status') == UserMaritalStatus::SEPARATED->value ? 'selected' : '' }}>
متارکه
</option>
</select>
<i class="far fa-user"></i>
</div>
@error('marital_status')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>
نام و نام خانوادگی همسر
(اختیاری)
</label>
<div class="form-group-icon">
<input type="text"
id="spouse_name"
name="spouse_name"
class="form-control"
value="{{ old('spouse_name') }}"
placeholder="نام و نام خانوادگی همسر خود را وارد کنید">
<i class="far fa-user"></i>
</div>
@error('spouse_name')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
@error('marital_status')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>
نام و نام خانوادگی همسر
(اختیاری)
</label>
<div class="form-group-icon">
<input type="text"
id="spouse_name"
name="spouse_name"
class="form-control"
value="{{ old('spouse_name') }}"
placeholder="نام و نام خانوادگی همسر خود را وارد کنید">
<i class="far fa-user"></i>
</div>
@error('spouse_name')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>شماره همراه</label>
<div class="form-group-icon">
<input type="text"
id="mobile"
name="mobile"
class="form-control"
value="{{ old('mobile') }}"
placeholder="شماره همراه خود را وارد کنید">
<i class="far fa-phone"></i>
</div>
@error('mobile')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>آدرس ایمیل</label>
<div class="form-group-icon">
<input type="email"
id="email"
name="email"
class="form-control"
value="{{ old('email') }}"
placeholder="ایمیل خود را وارد کنید">
<i class="far fa-envelope"></i>
</div>
@error('email')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>تصویر پروفایل
(اختیاری)
</label>
<div class="form-group-icon">
<input
type="file"
id="image"
name="image"
class="form-control"
accept=".jpg,.jpeg,.png,.webp"
>
<i class="far fa-image"></i>
<div class="form-group">
<label>شماره همراه</label>
<div class="form-group-icon">
<input type="text"
id="mobile"
name="mobile"
class="form-control"
value="{{ old('mobile') }}"
placeholder="شماره همراه خود را وارد کنید">
<i class="far fa-phone"></i>
</div>
@error('mobile')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
@error('image')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>نام کاربری</label>
<div class="form-group-icon">
<input type="text"
id="username"
name="username"
class="form-control"
value="{{ old('username') }}"
placeholder="نام کاربری خود را وارد کنید">
<i class="far fa-user"></i>
</div>
@error('username')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>رمز عبور</label>
<div class="form-group-icon">
<input type="password"
class="form-control"
id="password"
name="password"
placeholder="رمز عبور را وارد کنید">
<i class="far fa-lock"></i>
</div>
<!-- ERROR -->
@error('password')
<span style="color: red"> {{$message}}</span>
@enderror
</div>
<div class="form-group">
<label>تکرار رمز عبور
(اختیاری)
</label>
<div class="form-group-icon">
<input type="password"
id="password_confirmation"
name="password_confirmation"
class="form-control"
placeholder="رمز عبور را مجدداً وارد کنید">
<i class="far fa-lock"></i>
<div class="form-group">
<label>آدرس ایمیل</label>
<div class="form-group-icon">
<input type="email"
id="email"
name="email"
class="form-control"
value="{{ old('email') }}"
placeholder="ایمیل خود را وارد کنید">
<i class="far fa-envelope"></i>
</div>
@error('email')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
@error('password_confirmation')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>تصویر پروفایل
(اختیاری)
</label>
{{-- استان --}}
<div class="form-group">
<label>
استان
(اختیاری)
</label>
<div class="form-group-icon">
<select name="province_id"
id="province_id"
class="form-control">
<div class="form-group-icon">
<input
type="file"
id="image "
name="image"
class="form-control"
accept=".jpg,.jpeg,.png,.webp"
>
<i class="far fa-image"></i>
</div>
<option value="">استان خود را انتخاب کنید</option>
{{-- بعداً استان‌ها را از دیتابیس می‌آوریم --}}
</select>
<i class="far fa-map-marker"></i>
@error('image ')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
@error('province_id')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
{{-- شهرستان --}}
<div class="form-group">
<label>
شهرستان
(اختیاری)
</label>
<div class="form-group-icon">
<select name="city_id"
id="city_id"
class="form-control">
<option value="">ابتدا استان را انتخاب کنید</option>
</select>
<i class="far fa-map-marker"></i>
<div class="form-group">
<label>نام کاربری</label>
<div class="form-group-icon">
<input type="text"
id="username"
name="username"
class="form-control"
value="{{ old('username') }}"
placeholder="نام کاربری خود را وارد کنید">
<i class="far fa-user"></i>
</div>
@error('username')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
@error('city_id')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="form-group">
<label>رمز عبور</label>
<div class="form-group-icon">
<input type="password"
class="form-control"
id="password"
name="password"
placeholder="رمز عبور را وارد کنید">
<i class="far fa-lock"></i>
</div>
<!-- ERROR -->
@error('password')
<span style="color: red"> {{$message}}</span>
@enderror
</div>
<div class="d-flex align-items-center">
<button type="submit" class="theme-btn"><i class="far fa-paper-plane"></i> ثبت نام</button>
<div class="form-group">
<label>تکرار رمز عبور
(اختیاری)
</label>
<div class="form-group-icon">
<input type="password"
id="password_confirmation"
name="password_confirmation"
class="form-control"
placeholder="رمز عبور را مجدداً وارد کنید">
<i class="far fa-lock"></i>
</div>
@error('password_confirmation')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
{{-- استان --}}
<div class="form-group">
<label>
استان
(اختیاری)
</label>
<div class="form-group-icon">
<select name="province_id"
id="province_id"
class="form-control">
<option value="">استان خود را انتخاب کنید</option>
{{-- بعداً استان‌ها را از دیتابیس می‌آوریم --}}
</select>
<i class="far fa-map-marker"></i>
</div>
@error('province_id')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
{{-- شهرستان --}}
<div class="form-group">
<label>
شهرستان
(اختیاری)
</label>
<div class="form-group-icon">
<select name="city_id"
id="city_id"
class="form-control">
<option value="">ابتدا استان را انتخاب کنید</option>
</select>
<i class="far fa-map-marker"></i>
</div>
@error('city_id')
<span style="color: red">{{ $message }}</span>
@enderror
</div>
<div class="d-flex align-items-center">
<button type="submit" class="theme-btn"><i class="far fa-paper-plane"></i> ثبت نام
</button>
</div>
</div>
</form>
<div class="login-footer">
<p>از قبل حساب کاربری دارید؟ <a href="{{route('auth.login.index')}}">وارد شدن.</a></p>
</div>
+2 -2
View File
@@ -52,11 +52,11 @@
</div>
</div>
@include('layouts.header')
@includeUnless(isset($withoutHeader),'layouts.header')
@yield('content')
@include('layouts.footer')
@includeUnless(isset($withoutFooter),'layouts.footer')
<a href="#" id="scroll-top"><i class="far fa-angle-up"></i></a>
+3 -1
View File
@@ -123,7 +123,9 @@
<li class="nav-item"><a class="nav-link" href="contact.html">تماس باما</a></li>
</ul>
<div class="header-nav-right">
<div class="header-btn">
<a href="{{ route('auth.logout.index') }}" class="theme-btn mt-2">خروج از حساب کاربری</a>
</div>
</div>
</div>
</div>