{{-- <div class="mobile-menu">
    <div class="menu-bar">
        <div class="site-logo">
            <a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
        </div>
        <div class="toggle-button">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <div class="menu-content">
        <ul class="nav-menu">
            @foreach ($menus as $menu)
                @php
                    $subMenus = method_exists($menu, 'subMenu') ? $menu->subMenu() : [];
                    $hasSubMenu = count($subMenus) > 0;
                    $isServices = $menu->type == 'services' && isset($menuServices) && count($menuServices) > 0;
                @endphp

                @if ($isServices || $hasSubMenu)
                    <li class="menu-item-has-children">
                        <a href="#">{{ $menu->{'name_' . $lang} }}<i class="fa-solid fa-chevron-down"></i></a>
                        <ul class="sub-menu">
                            @if ($isServices)
                                @foreach ($menuServices as $child_service)
                                    <li><a
                                            href="{{ LaravelLocalization::localizeUrl('service/' . $child_service->{'link_' . $lang}) }}">{{ $child_service->{'name_' . $lang} }}</a>
                                    </li>
                                @endforeach
                            @endif
                            @if ($hasSubMenu)
                                @foreach ($subMenus as $subMenu)
                                    <li><a
                                            href="{{ LaravelLocalization::localizeUrl($subMenu->type ?? '#') }}">{{ $subMenu->{'name_' . $lang} }}</a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                    </li>
                @else
                    <li>
                        <a
                            href="{{ LaravelLocalization::localizeUrl(!empty($menu->type) ? ($menu->type == 'home' ? '/' : $menu->type) : '#') }}">{{ $menu->{'name_' . $lang} }}</a>
                    </li>
                @endif
            @endforeach

            @foreach (LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                @if (
                    ($localeCode == 'ar' && LaravelLocalization::getCurrentLocale() == 'en') ||
                        ($localeCode == 'en' && LaravelLocalization::getCurrentLocale() == 'ar'))
                    <li><a
                            href="{{ LaravelLocalization::getLocalizedURL($localeCode, null, [], true) }}">{{ trans("home.$localeCode") }}</a>
                    </li>
                @endif
            @endforeach
        </ul>
        <div class="info">
            <h3 class="title">{{ trans('home.contactinfo') }}</h3>
            <div class="info-box">
                @foreach ($addresses as $addresse)
                    <i class="fa-solid fa-location-dot"></i><a href="{{ $addresse->map_url }}"
                        target="_blank">{{ $addresse->{'address_' . $lang} }}</a>
                @endforeach
            </div>
            <div class="info-box">
                @foreach ($phones as $phone)
                    <i class="fa-solid fa-phone"></i><a
                        href="tel:{{ $phone->code }}{{ $phone->phone }}">{{ $phone->phone }}</a>
                @endforeach
            </div>
            <div class="info-box">
                <i class="fa-solid fa-envelope"></i><a href="mailto:{{ $setting->email }}">{{ $setting->email }}</a>
            </div>
        </div>
    </div>
</div> --}}
{{-- <div class=it-offcanvas-area>
    <div class=itoffcanvas>
        <div class="it-offcanva-bottom-shape d-none d-xxl-block">
            <img src="assets/img/offcanvas/offcanvas-shape-1.jpg" alt="">
        </div>
        <div class=itoffcanvas__close-btn>
            <button class=close-btn><i class="fal fa-times"></i></button>
        </div>
        <div class=itoffcanvas__logo>
            <a href=index.html>
                <img src="assets/img/logo_Dr_mohamed_sharara.png" alt="">
            </a>
        </div>
        <div class=itoffcanvas__text>
            <p>Suspendisse interdum consectetur libero id. Fermentum leo vel orci porta non. Euismod viverra nibh
                cras pulvinar suspen.</p>
        </div>
        <div class=mobile-menu></div>
        <div class=itoffcanvas__info>
            <h3 class=offcanva-title>Get In Touch</h3>
            <div class="it-info-wrapper mb-20 d-flex align-items-center">
                <div class=itoffcanvas__info-icon>
                    <a href="#"><i class="fal fa-phone-alt"></i></a>
                </div>
                <div class=itoffcanvas__info-address>
                    <span>Phone</span>
                    <a href="tel:01112291449">01112291449</a>
                </div>
            </div>
            <div class="it-info-wrapper mb-20 d-flex align-items-center">
                <div class=itoffcanvas__info-icon>
                    <a href="#"><i class="fas fa-map-marker-alt"></i></a>
                </div>
                <div class=itoffcanvas__info-address>
                    <span>Location</span>
                    <a href="" target=_blank>Al-Rehab, EGY </a>
                </div>
            </div>
            <div class="it-info-wrapper mb-20 d-flex align-items-center">
                <div class=itoffcanvas__info-icon>
                    <a href="#"><i class="fas fa-map-marker-alt"></i></a>
                </div>
                <div class=itoffcanvas__info-address>
                    <span>Location</span>
                    <a href="" target=_blank>Fifth Settlement, EGY </a>
                </div>
            </div>
        </div>
        <div class=itoffcanvas__social>
            <div class=social-icon>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
                <a href="#"><i class="fab fa-facebook-square"></i></a>
                <a href="#"><i class="fab fa-youtube"></i></a>
            </div>
        </div>
    </div>
</div> --}}