<div class="container">
    <div class="header-row justify-content-between">
        {{-- <div class="col-auto ms-auto ms-mb-0 me-mb-0 order-md-2">

        </div> --}}
        <div class="w-100 d-block d-md-none"></div>
        <div
             class="col-12 col-sm-6 col-md-4 justify-content-center justify-content-sm-start d-flex order-md-1 mb-4 mb-sm-0">
            <a href="{{ url('/') }}">
                <img class="logo-default mx-auto my-4"
                     src="{{ config('site.logo') != null ? asset('storage/'.config('site.logo')) : asset('logo.svg') }}"
                     alt="">
            </a>
        </div>
        <div class="col-12 col-sm-6 col-md-4 order-md-3 mb-4 mb-md-0">
            <ul class="nav align-items-center justify-content-center justify-content-sm-end">
                <!-- <li class="nav-item">
                    <a class="nav-link text-uppercase fw-medium" href="{{ route('login') }}">Login</a>
                </li> -->
                <li class="nav-item">
                    <div class="date-today text-uppercase badge bg-dark rounded-pill py-2 px-3 fw-medium">
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="header-wrap" class="border-top border-f5">
    <div class="container">
        <div class="header-row justify-content-between flex-row-reverse flex-lg-row">
            <div class="header-misc">
                <div id="top-search" class="header-misc-icon">
                    <a href="#" id="top-search-trigger">
                        <i class="uil uil-search"></i>
                        <i class="bi-x-lg"></i>
                    </a>
                </div>
            </div>
            <div class="primary-menu-trigger">
                <button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
                    <span class="cnvs-hamburger-box">
                        <span class="cnvs-hamburger-inner"></span>
                    </span>
                </button>
            </div>
            <x-guest.menu></x-guest.menu>
            <form class="top-search-form" action="{{ route('cari') }}" method="get">
                <input type="text" name="q" class="form-control" value=""
                       placeholder="Cari Berdasarkan Judul.." autocomplete="off">
            </form>
        </div>
    </div>
</div>
<div class="header-wrap-clone"></div>
