From ccb27e9acda27355522c418ff411806e00c9f556 Mon Sep 17 00:00:00 2001
From: mina-esn <minaesmaeilnezhad2001@gmail.com>
Date: Sun, 16 Aug 2026 07:58:52 +0330
Subject: [PATCH] feat: add login, register views for user side

---
 resources/views/auth/login.blade.php    |  66 ++++++
 resources/views/auth/register.blade.php | 270 ++++++++++++++++++++++++
 2 files changed, 336 insertions(+)
 create mode 100644 resources/views/auth/login.blade.php
 create mode 100644 resources/views/auth/register.blade.php

diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
new file mode 100644
index 0000000..016644b
--- /dev/null
+++ b/resources/views/auth/login.blade.php
@@ -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
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
new file mode 100644
index 0000000..99d2965
--- /dev/null
+++ b/resources/views/auth/register.blade.php
@@ -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