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

                    @guest

                        {{-- کاربر وارد نشده --}}

                        <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') }}">--}}