Files
shahrzadzandi09/resources/views/layouts/header.blade.php
T
2026-08-20 08:23:41 +03:30

509 lines
17 KiB
PHP

<header id="site-header" class="travel-header">
{{-- پس‌زمینه هدر / Hero --}}
<div class="travel-header-bg">
<div
class="travel-header-bg-image"
style="background-image:url('{{ asset('assets/img/o14abktz5iy_1500x800.jpg') }}');">
</div>
<div class="travel-header-overlay"></div>
</div>
<div class="travel-header-content">
<div class="container">
{{-- ==============================
NAVBAR
=============================== --}}
<div class="travel-navbar">
{{-- لوگو --}}
<div class="travel-logo">
<a href="{{ url('/') }}">
<span class="travel-logo-icon">
<i class="fa fa-plane"></i>
</span>
<span class="travel-logo-content">
<strong>
آژانس مسافرتی
</strong>
<small>
سفر خوب، خاطره خوب
</small>
</span>
</a>
</div>
{{-- منوی اصلی --}}
<nav class="travel-menu">
<ul>
<li class="{{ request()->is('/') ? 'active' : '' }}">
<a href="{{ url('/') }}">
خانه
</a>
</li>
<li class="{{ request()->routeIs('tours.*') ? 'active' : '' }}">
<a href="{{ route('tours.index') }}">
تورها
</a>
</li>
@if(Route::has('flights.index'))
<li class="{{ request()->routeIs('flights.*') ? 'active' : '' }}">
<a href="{{ route('flights.index') }}">
پروازها
</a>
</li>
@endif
<li>
<a href="#">
درباره ما
</a>
</li>
<li>
<a href="#">
تماس با ما
</a>
</li>
</ul>
</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">
@auth
{{-- =====================================
کاربر وارد شده
====================================== --}}
<div class="travel-user-menu">
{{-- دکمه حساب کاربری --}}
<button
type="button"
class="travel-user-button">
<i class="fa fa-user-circle"></i>
<span>
{{ auth()->user()->first_name }}
{{ auth()->user()->last_name }}
</span>
<i class="fa fa-angle-down travel-user-arrow"></i>
</button>
{{-- =================================
زیرمنوی حساب کاربری
================================== --}}
<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('auth.login.index') }}"
class="travel-login">
<i class="fa fa-sign-in"></i>
<span>
ورود
</span>
</a>
<a
href="{{ route('auth.register.index') }}"
class="travel-register">
<i class="fa fa-user-plus"></i>
<span>
ثبت‌نام
</span>
</a>
@endauth
{{-- =========================================
دکمه منوی موبایل
========================================== --}}
<button
type="button"
class="travel-mobile-toggle"
aria-label="منو">
<i class="fa fa-bars"></i>
</button>
</div>
{{-- <div class="travel-navbar-actions">--}}
{{-- @auth()--}}
{{-- --}}{{----}}{{-- کاربر وارد نشده --}}
{{-- <a href="{{ route('auth.login.index') }}" class="travel-login">--}}
{{-- <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="منو">--}}
{{-- <i class="fa fa-bars"></i>--}}
{{-- </button>--}}
{{-- </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>
{{-- ==============================
HERO
=============================== --}}
<div class="travel-hero">
<div class="travel-hero-content">
<span class="travel-hero-label">
<i class="fa fa-globe"></i>
سفر خود را شروع کنید
</span>
<h1>
بهترین مقصدها،
<br>
<span>بهترین خاطره‌ها</span>
</h1>
<p>
تورها و پروازهای مورد نظر خود را پیدا کنید
و با بهترین قیمت سفر کنید.
</p>
<div class="travel-hero-buttons">
<a
href="{{ route('tours.index') }}"
class="hero-btn hero-btn-primary">
<i class="fa fa-suitcase"></i>
مشاهده تورها
</a>
@if(Route::has('flights.index'))
<a
href="{{ route('flights.index') }}"
class="hero-btn hero-btn-outline">
<i class="fa fa-plane"></i>
مشاهده پروازها
</a>
@endif
</div>
</div>
</div>
</div>
</div>
{{-- منوی موبایل --}}
<div class="travel-mobile-menu">
<div class="container">
<a href="{{ url('/') }}">
<i class="fa fa-home"></i>
خانه
</a>
<a href="{{ route('tours.index') }}">
<i class="fa fa-suitcase"></i>
تورها
</a>
@if(Route::has('flights.index'))
<a href="{{ route('flights.index') }}">
<i class="fa fa-plane"></i>
پروازها
</a>
@endif
<a href="#">
<i class="fa fa-info-circle"></i>
درباره ما
</a>
<a href="#">
<i class="fa fa-phone"></i>
تماس با ما
</a>
</div>
</div>
</header>
{{--<meta charset="UTF-8">--}}
{{--<meta name="viewport" content="width=device-width, initial-scale=1.0">--}}
{{--<title>@yield('title', 'Dornica')</title>--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/font-awesome.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/lineicons.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/weather-icons.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.css') }}">--}}
{{--<link rel="stylesheet" href="{{ asset('assets/css/styles.css') }}">--}}