fix: update frontend layout

This commit is contained in:
2026-08-20 08:23:41 +03:30
parent 409b8bb7f9
commit f23ce338b3
3 changed files with 350 additions and 154 deletions
+225 -31
View File
@@ -107,53 +107,192 @@
</nav>
{{-- @auth--}}
{{-- <!-- Account Btn -->--}}
{{-- <button class="group relative flex-center py-2 px-4 app-border rounded-full app-hover delay-75">--}}
{{-- <a href="{{ route('account.edit-profile.index') }}" class="flex items-center gap-x-1">--}}
{{-- <svg class="size-5">--}}
{{-- <use href="#user"/>--}}
{{-- </svg>--}}
{{-- <p>حساب کاربری</p>--}}
{{-- </a>--}}
{{-- <div--}}
{{-- class="absolute dark:border-none border border-gray-100 w-52 p-2 bg-white text-gray-900 dark:text-gray-100 flex flex-col gap-y-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible group-hover:top-12 transition-all delay-100 dark:bg-gray-700 top-20 rounded-lg text-base shadow child:transition-all duration-300 child:py-1.5 child:px-2 z-30 child:rounded-lg child:w-full">--}}
{{-- <a href="{{ route('account.orders')}}"--}}
{{-- class="flex items-center gap-x-2 hover:bg-blue-500 hover:text-gray-100">--}}
{{-- <svg class="h-5 w-5">--}}
{{-- <use href="#user"></use>--}}
{{-- </svg>--}}
{{-- سفارشات من--}}
{{-- </a>--}}
{{-- <a href="{{ route('account.edit-profile.index') }}"--}}
{{-- class="flex items-center gap-x-2 hover:bg-blue-500 hover:text-gray-100">--}}
{{-- <svg class="h-5 w-5">--}}
{{-- <use href="#cog"></use>--}}
{{-- </svg>--}}
{{-- اطلاعات کاربری--}}
{{-- </a>--}}
{{-- <a href="{{ route('auth.logout') }}"--}}
{{-- class="flex items-center gap-x-2 hover:bg-red-500 dark:hover:bg-red-500 hover:text-gray-100">--}}
{{-- <svg class="h-5 w-5">--}}
{{-- <use href="#arrow-left-end"></use>--}}
{{-- </svg>--}}
{{-- خروج از حساب--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- </button>--}}
{{-- @else--}}
<!-- LOGIN -->
{{-- <button class="flex-center py-2 px-4 app-border rounded-full app-hover">--}}
{{-- <a href="{{route('auth.login.index')}}" class="flex items-center gap-x-2">--}}
{{-- <p>ورود | ثبت‌نام</p>--}}
{{-- <svg class="size-5">--}}
{{-- <use href="#arrow-left-end"/>--}}
{{-- </svg>--}}
{{-- </a>--}}
{{-- </button>--}}
{{-- @endauth--}}
{{-- =========================================
سمت چپ Navbar
========================================= --}}
{{-- سمت چپ --}}
<div class="travel-navbar-actions">
@guest
@auth
{{-- کاربر وارد نشده --}}
{{-- =====================================
کاربر وارد شده
====================================== --}}
<a href="{{ route('auth.login.index') }}" class="travel-login">
<div class="travel-user-menu">
<i class="fa fa-sign-in"></i>
{{-- دکمه حساب کاربری --}}
<button
type="button"
class="travel-user-button">
ورود
<i class="fa fa-user-circle"></i>
</a>
<span>
{{ auth()->user()->first_name }}
{{ auth()->user()->last_name }}
</span>
<a href="{{ route('auth.register.index') }}" class="travel-register">
<i class="fa fa-angle-down travel-user-arrow"></i>
<i class="fa fa-user-plus"></i>
</button>
ثبت‌نام
</a>
{{-- =================================
زیرمنوی حساب کاربری
================================== --}}
<div class="travel-user-dropdown">
{{-- پروفایل --}}
<a href="{{ route('account.edit-profile.index') }}">
<i class="fa fa-user"></i>
<span>
پروفایل
</span>
</a>
{{-- علاقه‌مندی‌ها --}}
<a href="{{ route('account.favorites') }}">
<i class="fa fa-heart"></i>
<span>
علاقه‌مندی‌ها
</span>
</a>
{{-- نظرات قبلی --}}
{{-- فعلاً اگر route نظرات را ساخته‌ای فعالش کن --}}
@if(Route::has('account.comments'))
<a href="{{ route('account.comments') }}">
<i class="fa fa-comments"></i>
<span>
نظرات قبلی
</span>
</a>
@endif
{{-- جداکننده --}}
<div class="travel-dropdown-divider"></div>
{{-- خروج --}}
<a
href="{{ route('auth.logout') }}"
class="travel-logout-link">
<i class="fa fa-sign-out"></i>
<span>
خروج
</span>
</a>
</div>
</div>
@else
{{-- کاربر وارد شده --}}
{{-- =====================================
کاربر وارد نشده
====================================== --}}
<a href="{{ route('account.index') }}" class="travel-login">
<a
href="{{ route('auth.login.index') }}"
class="travel-login">
<i class="fa fa-user"></i>
<i class="fa fa-sign-in"></i>
حساب کاربری
<span>
ورود
</span>
</a>
<a href="{{ route('auth.logout') }}" class="travel-logout">
<i class="fa fa-sign-out"></i>
<a
href="{{ route('auth.register.index') }}"
class="travel-register">
خروج
<i class="fa fa-user-plus"></i>
<span>
ثبت‌نام
</span>
</a>
@endguest
@endauth
{{-- =========================================
دکمه منوی موبایل
========================================== --}}
<button
type="button"
class="travel-mobile-toggle"
@@ -164,27 +303,82 @@
</button>
</div>
{{-- <div class="travel-navbar-actions">--}}
{{-- <div class="travel-navbar-actions">--}}
{{-- <a href="{{ route('auth') }}" class="travel-login">--}}
{{-- @auth()--}}
{{-- <i class="fa fa-user"></i>--}}
{{-- --}}{{----}}{{-- کاربر وارد نشده --}}
{{-- ورود / ثبت‌نام--}}
{{-- <a href="{{ route('auth.login.index') }}" class="travel-login">--}}
{{-- </a>--}}
{{-- <i class="fa fa-sign-in"></i>--}}
{{-- ورود--}}
{{-- </a>--}}
{{-- <a href="{{ route('auth.register.index') }}" class="travel-register">--}}
{{-- <i class="fa fa-user-plus"></i>--}}
{{-- ثبت‌نام--}}
{{-- </a>--}}
{{-- @else--}}
{{-- --}}{{-- کاربر وارد شده --}}
{{-- <a href="{{ route('account.index') }}" class="travel-login">--}}
{{-- <i class="fa fa-user"></i>--}}
{{-- حساب کاربری--}}
{{-- </a>--}}
{{-- <a href="{{ route('auth.logout') }}" class="travel-logout">--}}
{{-- <i class="fa fa-sign-out"></i>--}}
{{-- خروج--}}
{{-- </a>--}}
{{-- @endguest--}}
{{-- <button--}}
{{-- type="button"--}}
{{-- class="travel-mobile-toggle"--}}
{{-- aria-label="منو">--}}
{{-- <button--}}
{{-- type="button"--}}
{{-- class="travel-mobile-toggle"--}}
{{-- aria-label="منو">--}}
{{-- <i class="fa fa-bars"></i>--}}
{{-- <i class="fa fa-bars"></i>--}}
{{-- </button>--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="travel-navbar-actions">--}}
{{-- <a href="{{ route('auth') }}" class="travel-login">--}}
{{-- <i class="fa fa-user"></i>--}}
{{-- ورود / ثبت‌نام--}}
{{-- </a>--}}
{{-- <button--}}
{{-- type="button"--}}
{{-- class="travel-mobile-toggle"--}}
{{-- aria-label="منو">--}}
{{-- <i class="fa fa-bars"></i>--}}
{{-- </button>--}}
{{-- </div>--}}
</div>