{{--HEADER--}}
<header class="header header-light header-layout1">
    <div class="header-topbar d-none d-xl-block">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12 col-md-7 col-lg-7">
                    <div class="d-flex flex-wrap justify-content-between">
                        <ul class="contact-list list-unstyled mb-0 d-flex flex-wrap">
                            <li>
                                <i class="fa-solid fa-phone"></i><span>Telefon:</span>
                                <a href="tel:+905447402934">+90 544 740 2934</a>
                            </li>
                            <li>
                                <i class="fa-solid fa-envelope"></i><span>Eposta:</span>
                                <a href="mailto:info@durmazkarot.com">info@durmazkarot.com</a>
                            </li>
                        </ul>
                    </div>
                </div><!-- /.col-lg-7 -->
                <div class="col-sm-12 col-md-5 col-lg-5 d-flex flex-wrap justify-content-end">
{{--
                    <ul class="social-icons list-unstyled mb-0">
                        <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                        <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                    </ul>
--}}
                </div><!-- /.col-lg-5 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div><!-- /.header-topbar -->
    <nav class="navbar navbar-expand-lg">
        <div class="container-fluid px-0">
            <a class="d-none d-md-inline-block navbar-brand" href="{{ route('welcome') }}">
                <img src="{{ asset('assets/images/logo/logo-h-text-colored-dk.svg') }}" class="h-100 w-100" alt="logo">
            </a>
            <a class="d-md-none d-block mx-auto text-center" href="{{ route('welcome') }}">
                <img src="{{ asset('assets/images/logo/logo-h-text-colored-dk.svg') }}" class="h-75 w-75" alt="logo">
            </a>
            <button class="navbar-toggler" type="button">
                <span class="menu-lines"><span></span></span>
            </button>
            <div class="collapse navbar-collapse" id="mainNavigation">
                <ul class="navbar-nav ml-auto">
                    @foreach($pages as $item)
                        <li class="nav__item">
                            <a href="#" class="nav__item-link">{{ $item->page_name }}</a>
                        </li>
                    @endforeach
                    <li class="nav__item with-dropdown">
                        <a href="#" class="dropdown-toggle nav__item-link">Hizmetlerimiz</a>
                        <i class="fa-solid fa-angle-down" data-toggle="dropdown"></i>
                        <ul class="dropdown-menu">
                            @foreach($services as $item)
                                <li class="nav__item">
                                    <a href="#" class="nav__item-link">{{ $item->name }}</a>
                                </li>
                            @endforeach
                        </ul><!-- /.dropdown-menu -->
                    </li><!-- /.nav-item -->
                </ul><!-- /.navbar-nav -->
            </div><!-- /.navbar-collapse -->
            <div class="header-actions d-flex align-items-center">
                <a href="tel:+905447402934" class="btn btn__primary action-btn__request">
                    <div class="d-flex justify-content-center">
                        <div>HEMEN ARAYIN</div>
                    </div>
                </a>
            </div>
        </div><!-- /.container -->
    </nav><!-- /.navabr -->
</header>