shahrzadzandi09/resources/views/layouts/header.blade.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>


                <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>


                                {{-- نظرات قبلی --}}

                                @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>


            {{-- ==============================
                 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>