{{-- <link href="{{ mix('assets/css/style.css') }}" rel="stylesheet" type="text/css"/> --}}
@php
    $settingValue = getSettingValue();
@endphp
<div class="aside-menu-container" id="sidebar">
    <!--begin::Brand-->
    <div class="aside-menu-container__aside-logo flex-column-auto">
        <a data-turbo="false" href="{{ url('/') }}" data-toggle="tooltip" data-placement="right"
            class="text-decoration-none sidebar-logo" title="{{ getAppName() }}" target="_blank">
            <img src="{{ asset($settingValue['app_logo']['value']) }}" alt="Logo" width="50px" height="50px"
                class="image" />
            <span class="navbar-brand-name text-dark text-decoration-none logo ps-2">{{ getAppName() }}</span>
        </a>

        <button type="button" class="btn px-0 aside-menu-container__aside-menubar d-lg-block d-none sidebar-btn">
            <i class="fa-solid fa-bars fs-1"></i>
        </button>

    </div>
    <!--end::Brand-->
    <form class="d-flex position-relative aside-menu-container__aside-search search-control py-3 mt-1">
        <div class="position-relative w-100 sidebar-search-box">
            <input class="form-control" type="text" placeholder="{{ __('messages.common.search') }}" id="menuSearch"
                aria-label="Search">
            <span class="aside-menu-container__search-icon position-absolute d-flex align-items-center top-0 bottom-0">
                <i class="fa-solid fa-magnifying-glass"></i>
            </span>
        </div>
    </form>
    <div class="no-record text-dark text-center d-none">{{ __('messages.no_matching_records_found') }}</div>
    <div class="sidebar-scrolling overflow-auto">
        <ul class="aside-menu-container__aside-menu nav flex-column">
            @include('layouts.menu')
        </ul>
    </div>
</div>
<div class="bg-overlay" id="sidebar-overly"></div>