@php
    $logoFileName = 'logo-1.svg';

    if (theme()->getOption('layout', 'aside/theme') === 'light') {
        $logoFileName = 'kimaya-logo-width.png';
    }
@endphp

{{--begin::Aside--}}
<div
    id="kt_aside"
    class="aside aside-hoverable {{ theme()->isDarkMode() ? 'aside-dark' : 'aside-light' }}"
    data-kt-drawer="true"
    data-kt-drawer-name="aside"
    data-kt-drawer-activate="{default: true, lg: false}"
    data-kt-drawer-overlay="true"
    data-kt-drawer-width="{default:'200px', '300px': '250px'}"
    data-kt-drawer-direction="start"
    data-kt-drawer-toggle="#kt_aside_mobile_toggle"
>
    <div class="row">
        {{--begin::Brand--}}
        <div class="col-10 aside-logo d-flex justify-content-center align-items-center" id="kt_aside_logo">
            {{--begin::Logo--}}
                <a href="{{ theme()->getPageUrl('index') }}">
                        <img alt="Logo" src="{{ asset(theme()->getMediaUrlPath() . 'logos/' . $logoFileName) }}" class="logo w-100" style="max-width: 80px; height: auto; margin-top: 60px;  margin-bottom: 40px;"/>
                </a>
            {{--end::Logo--}}
        </div>
        {{--end::Brand--}}

        <div class="col-2">
            @if (theme()->getOption('layout', 'aside/minimize') === true)
                {{--begin::Aside toggler--}}
                <div id="kt_aside_toggle" class="btn btn-icon w-auto px-0 btn-active-color-primary aside-toggle"
                    data-kt-toggle="true"
                    data-kt-toggle-state="active"
                    data-kt-toggle-target="body"
                    data-kt-toggle-name="aside-minimize"
                >
        
                    {!! theme()->getSvgIcon("icons/duotone/Navigation/Angle-double-left.svg", "svg-icon-1 rotate-180") !!}
                </div>
                {{--end::Aside toggler--}}
            @endif
        </div>
    </div>

    {{--begin::Aside menu--}}
    <div class="aside-menu flex-column-fluid">
        {{ theme()->getView('layout/aside/_menu') }}
    </div>
    {{--end::Aside menu--}}
</div>
{{--end::Aside--}}