{{-- Aside --}}


@php
    $companyData = getCompanyLogo();
    $companyLogo = $companyData['companyLogo'];

      $kt_logo_image = 'ke-logo.png';
@endphp

@php
    $kt_logo_image = 'ke-logo.png';
@endphp

@if (config('layout.brand.self.theme') === 'light')
    @php $kt_logo_image = 'logo-dark.png' @endphp
@elseif (config('layout.brand.self.theme') === 'dark')
    @php $kt_logo_image = 'ke-logo.png' @endphp
@endif

<div class="aside aside-left {{ Metronic::printClasses('aside', false) }} d-flex flex-column flex-row-auto"
     id="kt_aside">

    {{-- Brand --}}
    <div class="brand flex-column-auto {{ Metronic::printClasses('brand', false) }}" id="kt_brand"
         style="height: 85px!important;">
        <div class="brand-logo" style="margin-top: 20px">
            <a href="{{ url('/') }}">
                {{--                <img alt="{{ config('app.name') }}" src="{{ asset('media/logos/'.$kt_logo_image) }}" width="80" height="80"/>--}}
                <img alt="{{ config('app.name') }}" src="{{ asset($companyLogo) }}" width="100%" height="80"/>
            </a>
        </div>

        @if (config('layout.aside.self.minimize.toggle'))
            <button class="brand-toggle btn btn-sm px-0" id="kt_aside_toggle">
                {{ Metronic::getSVG("media/svg/icons/Navigation/Angle-double-left.svg", "svg-icon-xl") }}
            </button>
        @endif

    </div>

    {{-- Aside menu --}}
    <div class="aside-menu-wrapper flex-column-fluid" id="kt_aside_menu_wrapper">

        @if (config('layout.aside.self.display') === false)
            <div class="header-logo">
                <a href="{{ url('/') }}">
                    <img alt="{{ config('app.name') }}" src="{{ asset('media/logos/'.$kt_logo_image) }}"/>
                </a>
            </div>
        @endif

        <div
                id="kt_aside_menu"
                class="aside-menu my-4 {{ Metronic::printClasses('aside_menu', false) }}"
                data-menu-vertical="1"
                {{ Metronic::printAttrs('aside_menu') }}>

            <ul class="menu-nav {{ Metronic::printClasses('aside_menu_nav', false) }}">

                {{-- Menu Search start --}}
                <li class="menu-item">
                    <div class="quick-search quick-search-dropdown" id="kt_quick_search_dropdown">
                        {{-- Form --}}
                        <form method="get" class="quick-search-form" style="margin: 0 auto">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ Metronic::getSVG("media/svg/icons/General/Search.svg", "svg-icon-lg") }}</span>
                                </div>
                                <input type="text" class="form-control" placeholder="Search..."/>
                                <div class="input-group-append">
                                    <span class="input-group-text">
                                        <i class="quick-search-close ki ki-close icon-sm text-muted"></i>
                                    </span>
                                </div>
                            </div>
                        </form>

                        {{-- Scroll --}}
                        <div class="quick-search-wrapper scroll" data-scroll="true" data-height="auto"
                             data-mobile-height="200">
                        </div>
                    </div>
                </li>
                {{-- Menu Search end --}}

                {{ Menu::renderVerMenu(config('menu_aside.items')) }}
            </ul>
        </div>
    </div>

</div>