@push('css')
    <style type="text/css">
        .mini-submenu {
            display: none;
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(0, 0, 0, 0.9);
            border-radius: 4px;
            padding: 9px;
            /*position: relative;*/
            width: 42px;
            cursor: pointer;
        }

        #slide-submenu {
            display: inline-block;
            padding: 2px;
            border-radius: 4px;
            cursor: pointer;
        }
    </style>
@endpush

<button class="mini-submenu">
    <i class="fa fa-bars"></i>
</button>

<div class="list-group">
    <div class="box-footer no-padding col-sm-11">
        <ul class="nav nav-stacked">
            <li class="@active($selected_nav == 'peraturan')"><a
                    href="{{ site_url('dokumen_sekretariat/clear/3') }}">{{ SebutanDesa('Buku Peraturan [Desa]') }}</a>
            </li>
            <li class="@active($selected_nav == 'keputusan')"><a href="{{ site_url('dokumen_sekretariat/clear/2') }}">Buku Keputusan
                    {{ ucwords(setting('sebutan_kepala_desa')) }}</a></li>
            <li class="@active($selected_nav == 'inventaris')"><a
                    href="{{ site_url('bumindes_inventaris_kekayaan') }}">{{ SebutanDesa('Buku Inventaris dan Kekayaan [Desa]') }}</a>
            </li>
            <li class="@active($selected_nav == 'pengurus')"><a
                    href="{{ site_url('pengurus') }}">{{ SebutanDesa('Buku Aparat Pemerintah [Desa]') }}</a></li>
            <li class="@active($selected_nav == 'tanah_kas')"><a
                    href="{{ site_url('bumindes_tanah_kas_desa/clear') }}">{{ SebutanDesa('Buku Tanah Kas [Desa]') }}</a>
            </li>
            <li class="@active($selected_nav == 'tanah')"><a
                    href="{{ site_url('bumindes_tanah_desa/clear') }}">{{ SebutanDesa('Buku Tanah di [Desa]') }}</a>
            </li>
            <li class="@active($selected_nav == 'agenda_keluar')"><a href="{{ site_url('surat_keluar') }}">Buku Agenda - Surat Keluar</a>
            </li>
            <li class="@active($selected_nav == 'agenda_masuk')"><a href="{{ site_url('surat_masuk') }}">Buku Agenda - Surat Masuk</a></li>
            <li class="@active($selected_nav == 'ekspedisi')"><a href="{{ site_url('ekspedisi/clear') }}">Buku Ekspedisi</a></li>
            <li class="@active($selected_nav == 'lembaran')"><a
                    href="{{ site_url('buku_umum/lembaran_desa/clear') }}">{{ SebutanDesa('Sebut Buku Lembaran Desa dan Berita [Desa]') }}</a>
            </li>
        </ul>
    </div>
    <button class="hide-menu col-sm-1" id="slide-submenu">
        <i class="fa fa-bars"></i>
    </button>
</div>
@push('scripts')
    <script>
        $('document').ready(function() {
            $('#slide-submenu').on('click', function() {
                $(this).closest('.list-group').fadeOut('slow', function() {
                    $('.mini-submenu').fadeIn();
                });
                $('#umum-sidebar').removeClass("col-sm-3");
                $('#umum-sidebar').addClass("col-sm-1");
                $('#umum-content').removeClass("col-sm-9");
                $('#umum-content').addClass("col-sm-11");
            });

            $('.mini-submenu').on('click', function() {
                $(this).next('.list-group').fadeIn('slow');
                $('.mini-submenu').hide();
                $('#umum-sidebar').removeClass("col-sm-1");
                $('#umum-sidebar').addClass("col-sm-3");
                $('#umum-content').removeClass("col-sm-11");
                $('#umum-content').addClass("col-sm-9");
            })
        });
    </script>
@endpush
