<!-- app-Header -->
<div class="app-header header sticky">
    <div class="container-fluid main-container">
        <div class="d-flex">
            <a aria-label="Hide Sidebar" class="app-sidebar__toggle" data-bs-toggle="sidebar" href="javascript:void(0)"></a>
            <a href="<?=base_url('pagina');?>" class="btn btn-primary btn_pagina">Ver Página</a>
            <!-- sidebar-toggle-->
            <a class="logo-horizontal " href="<?=base_url('dash');?>">
                <img src="<?=base_url();?>/assets_admin/images/brand/logo.png" class="header-brand-img desktop-logo" alt="logo">
                <img src="<?=base_url();?>/assets_admin/images/brand/logo-3.png" class="header-brand-img light-logo1"
                    alt="logo">
            </a>
            <!-- LOGO -->
            </div>
    </div>
</div>
<!-- /app-Header -->

<!--APP-SIDEBAR-->
<div class="sticky">
    <div class="app-sidebar__overlay" data-bs-toggle="sidebar"></div>
    <div class="app-sidebar">
        <div class="side-header">
            <a class="header-brand1" href="<?=base_url('dash');?>">
                <img src="<?=base_url();?>/assets_admin/images/brand/logo.png" class="header-brand-img desktop-logo" alt="logo">
                <img src="<?=base_url();?>/assets_admin/images/brand/logo-1.png" class="header-brand-img toggle-logo"
                    alt="logo">
                <img src="<?=base_url();?>/assets_admin/images/brand/logo-2.png" class="header-brand-img light-logo" alt="logo">
                <img src="<?=base_url();?>/assets_admin/images/brand/logo-3.png" class="header-brand-img light-logo1"
                    alt="logo">
            </a>
            <!-- LOGO -->
        </div>
        <div class="main-sidemenu">
            <div class="slide-left disabled" id="slide-left"><svg xmlns="http://www.w3.org/2000/svg"
                    fill="#7b8191" width="24" height="24" viewBox="0 0 24 24">
                    <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" />
                </svg></div>
            <ul class="side-menu">
                <li class="sub-category">
                    <h3>Principal</h3>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('dash');?>"><i
                            class="side-menu__icon fe fe-home"></i><span
                            class="side-menu__label">Dashboard</span></a>
                </li>
                <li class="sub-category">
                    <h3>Cadastros</h3>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('agenda');?>"><i
                            class="side-menu__icon fe fe-calendar"></i><span
                            class="side-menu__label">Horários de Agenda</span></a>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('servicos');?>"><i
                            class="side-menu__icon fe fe-package"></i><span
                            class="side-menu__label">Pacotes de Serviços</span></a>
                </li>
                <li class="sub-category">
                    <h3>Configurações de Página</h3>
                </li>

                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('textos');?>"><i
                            class="side-menu__icon fe fe-file-text"></i><span
                            class="side-menu__label">Textos</span></a>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('dash');?>"><i
                            class="side-menu__icon fe fe-image"></i><span
                            class="side-menu__label">Imagens</span></a>
                </li>
                <li class="sub-category">
                    <h3>Métricas</h3>
                </li>

                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('textos');?>"><i
                            class="side-menu__icon fe fe-file-text"></i><span
                            class="side-menu__label">Clientes</span></a>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('dash');?>"><i
                            class="side-menu__icon fe fe-image"></i><span
                            class="side-menu__label">Empresa</span></a>
                </li>
                <li class="sub-category">
                    <h3>Finaceiro</h3>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('dash');?>"><i
                            class="side-menu__icon fe fe-image"></i><span
                            class="side-menu__label">Faturas</span></a>
                </li>
                <li class="sub-category">
                    <h3>Confogurações</h3>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('dash');?>"><i
                            class="side-menu__icon fe fe-message-circle"></i><span
                            class="side-menu__label">WhatsApp</span></a>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('dash');?>"><i
                            class="side-menu__icon fe fe-settings"></i><span
                            class="side-menu__label">Meus Dados</span></a>
                </li>
                <li class="slide btn_pagina_vertical">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('pagina');?>"><i
                            class="side-menu__icon fe fe-external-link"></i><span
                            class="side-menu__label">Ver Página</span></a>
                </li>
                <li class="slide">
                    <a class="side-menu__item" data-bs-toggle="slide" href="<?=base_url('logout');?>"><i
                            class="side-menu__icon fe fe-log-out"></i><span
                            class="side-menu__label">Sair</span></a>
                </li>
            </ul>
            <div class="slide-right" id="slide-right"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191"
                    width="24" height="24" viewBox="0 0 24 24">
                    <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z" />
                </svg></div>
        </div>
    </div>
    <!--/APP-SIDEBAR-->
</div>