<!-- Hamburger Start -->
<div class="header__area-menubar-right-sidebar-popup">
    <div class="sidebar-close-btn"><i class="fal fa-times"></i></div>
    <div class="header__area-menubar-right-sidebar-popup-logo">
        <a href="/" class="align-items-center d-flex gap-2">
            <img src="/web/assets/img/logo-small.png" style="height: 35px;" alt="{{ $settings->name }} logo">
            <span class="text-white" style="font-size: 2em;">{{ $settings->name }}</span>
        </a>
    </div>
    <p>{{ $settings->description }}</p>
    <div class="header__area-menubar-right-sidebar-popup-contact">
        <h4 class="mb-30">{{ __('Address') }}</h4>
        <div class="header__area-menubar-right-sidebar-popup-contact-item">
            <div class="header__area-menubar-right-sidebar-popup-contact-item-icon">
                <i class="flaticon-phone"></i>
            </div>
            <div class="header__area-menubar-right-sidebar-popup-contact-item-content">
                <span>{{ __('Phone') }}:</span>
                <h6><a href="tel:{{ $settings->company_phone }}">{{ $settings->company_phone }}</a></h6>
                <h6><a href="tel:{{ $settings->company_phone_2 }}">{{ $settings->company_phone_2 }}</a></h6>
            </div>
        </div>
        <div class="header__area-menubar-right-sidebar-popup-contact-item">
            <div class="header__area-menubar-right-sidebar-popup-contact-item-icon">
                <i class="flaticon-email-3"></i>
            </div>
            <div class="header__area-menubar-right-sidebar-popup-contact-item-content">
                <span>{{ __('Email Address') }}:</span>
                <h6><a href="mailto:{{ $settings->company_email }}">{{ $settings->company_email }}</a></h6>
            </div>
        </div>
        <div class="header__area-menubar-right-sidebar-popup-contact-item">
            <div class="header__area-menubar-right-sidebar-popup-contact-item-icon">
                <i class="flaticon-location-1"></i>
            </div>
            <div class="header__area-menubar-right-sidebar-popup-contact-item-content">
                <span>{{ __('Location') }}:</span>
                <h6><a href="https://google.com/maps" target="_blank">{{ $settings->company_address }}</a></h6>
            </div>
        </div>
    </div>
    <div class="header__area-menubar-right-sidebar-popup-social">
        <ul>
            <li><a href="https://{{ $socialMedia->facebook_url }}" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="https://{{ $socialMedia->twitter_url }}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li>
            <li><a href="https://{{ $socialMedia->instagram_url }}" target="_blank"><i class="fab fa-instagram"></i></a></li>
            <li><a href="https://{{ $socialMedia->linkedin_url }}" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
        </ul>
    </div>
</div>
<div class="sidebar-overlay"></div>
<!-- Hamburger End -->
