<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Butterfly | Admin Panel</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- App favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <!-- plugin css -->
    <link href="{{ url('/admin') }}/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css"
        rel="stylesheet" type="text/css" />
    <!-- preloader css -->
    <link rel="stylesheet" href="{{ url('/admin') }}/assets/css/preloader.min.css" type="text/css" />
    <!-- Bootstrap Css -->
    <link href="{{ url('/admin') }}/assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet"
        type="text/css" />
    <!-- Icons Css -->
    <link href="{{ url('/admin') }}/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <!-- App Css-->
    <link href="{{ url('/admin') }}/assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" />


    <link href="{{ url('/admin') }}/assets/css/accordian.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- <body data-layout="horizontal"> -->
    <!-- Begin page -->
    <div id="layout-wrapper">
        <header id="page-topbar">
            <div class="navbar-header">
                <div class="d-flex">
                    <!-- LOGO -->
                    <div class="navbar-brand-box"> <a href="{{ url('admin/dashboard') }}" class="logo logo-dark"> <span
                                class="logo-sm">
                                <img src="{{ url('/admin/') }}/assets/images/small_logo.png" alt=""
                                    height="24"> </span> <span class="logo-lg"> <img
                                    src="{{ url('/admin/') }}/assets/images/logo.png" alt="" height="60">
                            </span> </a>
                        <a href="{{ url('admin/dashboard') }}" class="logo logo-light"> <span class="logo-sm">
                                <img src="{{ url('/admin/') }}/assets/images/logo-sm.svg" alt=""
                                    height="24"> </span> <span class="logo-lg">
                                <img src="{{ url('/admin/') }}/assets/images/logo-sm.svg" alt=""
                                    height="24"> <span class="logo-txt">Minia</span> </span> </a>
                    </div>
                    <button type="button" class="btn btn-sm px-3 font-size-16 header-item" id="vertical-menu-btn"> <i
                            class="fa fa-fw fa-bars"></i> </button>
                    <!-- App Search-->
                    <form class="app-search d-none d-lg-block">
                        <div class="position-relative">
                            <input type="text" class="form-control" placeholder="Search...">
                            <button class="btn btn-primary" type="button"><i
                                    class="bx bx-search-alt align-middle"></i></button>
                        </div>
                    </form>
                </div>
                <div class="d-flex">
                    <div class="dropdown d-inline-block d-lg-none ms-2">
                        <button type="button" class="btn header-item" id="page-header-search-dropdown"
                            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i
                                data-feather="search" class="icon-lg"></i> </button>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
                            aria-labelledby="page-header-search-dropdown">
                            <form class="p-3">
                                <div class="form-group m-0">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Search ..."
                                            aria-label="Search Result">
                                        <button class="btn btn-primary" type="submit"><i
                                                class="mdi mdi-magnify"></i></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!--     <div class="dropdown d-none d-sm-inline-block">
                            <button type="button" class="btn header-item"
                            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img id="header-lang-img" src="assets/images/flags/us.jpg" alt="Header Language" height="16">
                            </button>
                            <div class="dropdown-menu dropdown-menu-end">

                              
                                <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="en">
                                    <img src="assets/images/flags/us.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">English</span>
                                </a>
                               
                                <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="sp">
                                    <img src="assets/images/flags/spain.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Spanish</span>
                                </a>

                                
                                <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="gr">
                                    <img src="assets/images/flags/germany.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">German</span>
                                </a>

                                
                                <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="it">
                                    <img src="assets/images/flags/italy.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Italian</span>
                                </a>

                               
                                <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ru">
                                    <img src="assets/images/flags/russia.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Russian</span>
                                </a>
                            </div>
                        </div> -->
                    <!--    <div class="dropdown d-none d-sm-inline-block">
                            <button type="button" class="btn header-item" id="mode-setting-btn">
                                <i data-feather="moon" class="icon-lg layout-mode-dark"></i>
                                <i data-feather="sun" class="icon-lg layout-mode-light"></i>
                            </button>
                        </div>
                    -->
                    <div class="dropdown d-inline-block">
                        <button type="button" class="btn header-item noti-icon position-relative"
                            id="page-header-notifications-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false"> <i class="mdi mdi-email-outline me-2"></i>
                            <!-- <i data-feather="bell" class="icon-lg"></i> -->
                            <span class="badge bg-danger rounded-pill">4</span> </button>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
                            aria-labelledby="page-header-notifications-dropdown">
                            <div class="p-3">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h6 class="m-0"> Notifications </h6>
                                    </div>
                                    <div class="col-auto"> <a href="#!"
                                            class="small text-reset text-decoration-underline"> Unread (3)</a> </div>
                                </div>
                            </div>
                            <div data-simplebar style="max-height: 230px;"> <a href="#!"
                                    class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 me-3"> <img
                                                src="{{ url('/admin/') }}/assets/images/users/avatar-3.jpg"
                                                class="rounded-circle avatar-sm" alt="user-pic"> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">James Lemire</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">It will seem like simplified English.</p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hour
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> <a href="#!" class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 avatar-sm me-3"> <span
                                                class="avatar-title bg-primary rounded-circle font-size-16"> <i
                                                    class="bx bx-cart"></i> </span> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">Your order is placed</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">If several languages coalesce the grammar</p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> <a href="#!" class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 avatar-sm me-3"> <span
                                                class="avatar-title bg-success rounded-circle font-size-16"> <i
                                                    class="bx bx-badge-check"></i> </span> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">Your item is shipped</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">If several languages coalesce the grammar</p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> <a href="#!" class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 me-3"> <img
                                                src="{{ url('/admin/') }}/assets/images/users/avatar-6.jpg"
                                                class="rounded-circle avatar-sm" alt="user-pic"> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">Salena Layfield</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">As a skeptical Cambridge friend of mine occidental.
                                                </p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hour
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> </div>
                            <div class="p-2 border-top d-grid"> <a
                                    class="btn btn-sm btn-link font-size-14 text-center" href="javascript:void(0)"> <i
                                        class="mdi mdi-arrow-right-circle me-1"></i> <span>View More..</span> </a>
                            </div>
                        </div>
                    </div>
                    <div class="dropdown d-none d-lg-inline-block ms-1">
                        <button type="button" class="btn header-item" data-bs-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false"> <i data-feather="grid" class="icon-lg"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
                            <div class="p-2">
                                <div class="row g-0">
                                    <div class="col"> <a class="dropdown-icon-item" href="#"> <img
                                                src="{{ url('/admin/') }}/assets/images/brands/github.png"
                                                alt="Github"> <span>GitHub</span> </a> </div>
                                    <div class="col"> <a class="dropdown-icon-item" href="#"> <img
                                                src="{{ url('/admin/') }}/assets/images/brands/bitbucket.png"
                                                alt="bitbucket"> <span>Bitbucket</span> </a> </div>
                                    <!-- <div class="col">
                                            <a class="dropdown-icon-item" href="#">
                                                <img src="assets/images/brands/dribbble.png" alt="dribbble">
                                                <span>Dribbble</span>
                                            </a>
                                        </div> -->
                                </div>
                                <div class="row g-0">
                                    <div class="col"> <a class="dropdown-icon-item" href="#"> <img
                                                src="{{ url('/admin/') }}/assets/images/brands/dropbox.png"
                                                alt="dropbox"> <span>Dropbox</span> </a> </div>
                                    <div class="col"> <a class="dropdown-icon-item" href="#"> <img
                                                src="{{ url('/admin/') }}/assets/images/brands/mail_chimp.png"
                                                alt="mail_chimp"> <span>Mail Chimp</span> </a> </div>
                                    <div class="col"> <a class="dropdown-icon-item" href="#"> <img
                                                src="{{ url('/admin/') }}/assets/images/brands/slack.png"
                                                alt="slack"> <span>Slack</span> </a> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dropdown d-inline-block">
                        <button type="button" class="btn header-item noti-icon position-relative"
                            id="page-header-notifications-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false"> <i data-feather="bell" class="icon-lg"></i> <span
                                class="badge bg-danger rounded-pill">5</span> </button>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
                            aria-labelledby="page-header-notifications-dropdown">
                            <div class="p-3">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h6 class="m-0"> Notifications </h6>
                                    </div>
                                    <div class="col-auto"> <a href="#!"
                                            class="small text-reset text-decoration-underline"> Unread (3)</a> </div>
                                </div>
                            </div>
                            <div data-simplebar style="max-height: 230px;"> <a href="#!"
                                    class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 me-3"> <img
                                                src="{{ url('/admin/') }}/assets/images/users/avatar-3.jpg"
                                                class="rounded-circle avatar-sm" alt="user-pic"> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">James Lemire</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">It will seem like simplified English.</p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hour
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> <a href="#!" class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 avatar-sm me-3"> <span
                                                class="avatar-title bg-primary rounded-circle font-size-16"> <i
                                                    class="bx bx-cart"></i> </span> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">Your order is placed</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">If several languages coalesce the grammar</p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> <a href="#!" class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 avatar-sm me-3"> <span
                                                class="avatar-title bg-success rounded-circle font-size-16"> <i
                                                    class="bx bx-badge-check"></i> </span> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">Your item is shipped</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">If several languages coalesce the grammar</p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> <a href="#!" class="text-reset notification-item">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0 me-3"> <img
                                                src="{{ url('/admin/') }}/assets/images/users/avatar-6.jpg"
                                                class="rounded-circle avatar-sm" alt="user-pic"> </div>
                                        <div class="flex-grow-1">
                                            <h6 class="mb-1">Salena Layfield</h6>
                                            <div class="font-size-13 text-muted">
                                                <p class="mb-1">As a skeptical Cambridge friend of mine occidental.
                                                </p>
                                                <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hour
                                                        ago</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </a> </div>
                            <div class="p-2 border-top d-grid"> <a
                                    class="btn btn-sm btn-link font-size-14 text-center" href="javascript:void(0)"> <i
                                        class="mdi mdi-arrow-right-circle me-1"></i> <span>View More..</span> </a>
                            </div>
                        </div>
                    </div>
                    <!--   <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item right-bar-toggle me-2">
                                <i data-feather="settings" class="icon-lg"></i>
                            </button>
                        </div> -->
                    <div class="dropdown d-inline-block">
                        <button type="button"
                            class="btn header-item topbar-light bg-light-subtle border-start border-end"
                            id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false"> <img class="rounded-circle header-profile-user"
                                src="{{ url('/admin/') }}/assets/images/users/avatar-1.jpg" alt="Header Avatar">
                            <span class="d-none d-xl-inline-block ms-1 fw-medium">RPS Med Care</span> <i
                                class="mdi mdi-chevron-down d-none d-xl-inline-block"></i> </button>
                        <div class="dropdown-menu dropdown-menu-end">
                            <!-- item-->
                            <a class="dropdown-item" href="change-password.html"><i
                                    class="mdi mdi-lock font-size-16 align-middle me-1"></i> Change Password</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="{{ url('admin/adminlogout') }}"><i
                                    class="mdi mdi-logout font-size-16 align-middle me-1"></i> Logout</a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- ========== Left Sidebar Start ========== -->
        <div class="vertical-menu">
            <div data-simplebar class="h-100">
                <!--- Sidemenu -->
                <div id="sidebar-menu">
                    <!-- Left Menu Start -->
                    <ul class="metismenu list-unstyled" id="side-menu">
                        <!--  <li class="menu-title" data-key="t-menu">Menu</li> -->
                        <li> <a href="{{ url('admin/dashboard') }}" class="dashboard"> <i data-feather="home"></i>
                                <span data-key="t-dashboard">Dashboard</span> </a> </li>
                        <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="grid"></i> <span
                                    data-key="t-apps">Products</span> </a>
                            <ul class="sub-menu" aria-expanded="false">
                                <li><a href="{{ url('admin/products') }}">Add Product</a></li>
                                <li><a href="{{ url('admin/view-products') }}"> View Product</a></li>
                                <!--  <li>
                                        <a href="javascript: void(0);" class="has-arrow">
                                            <span data-key="t-email">Email</span>
                                        </a>
                                        <ul class="sub-menu" aria-expanded="false">
                                            <li><a href="apps-email-inbox.html" data-key="t-inbox">Inbox</a></li>
                                            <li><a href="apps-email-read.html" data-key="t-read-email">Read Email</a></li>
                                        </ul>
                                    </li> -->
                            </ul>
                        </li>
                        <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="users"></i> <span
                                    data-key="t-authentication">Attribute</span> </a>
                            <ul class="sub-menu" aria-expanded="false">
                                <li><a href="{{ url('admin/collection') }}">Create Collections</a></li>
                                <li><a href="{{ url('admin/collection-list') }}">List Collections</a></li>
                                <li><a href="{{ url('admin/tag') }}">Tags</a></li>
                                <li><a href="{{ url('admin/brand') }}">Brand</a></li>
                                <li><a href="{{ url('admin/product-type') }}">Product Type</a></li>
                            </ul>
                        </li>

                        <li> <a href="{{ url('admin/customer') }}"> <i data-feather="layout"></i>
                                <span>Customer</span> </a> </li>
                        <li> <a href="{{ url('admin/inventory') }}"> <i data-feather="box"></i>
                                <span>Inventory</span> </a> </li>
                        <li> <a href="{{ url('admin/order') }}"> <i data-feather="briefcase"></i> <span>Order</span>
                            </a> </li>
                        <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="file-text"></i> <span
                                    data-key="t-ui-elements">Business Login</span> </a>
                            <ul class="sub-menu" aria-expanded="false">
                                <li><a href="{{ url('admin/registration-details-view') }}"
                                        data-key="t-lightbox">Registration View Details</a></li>
                                <li><a href="{{ url('admin/create-business-login') }}" data-key="t-lightbox">Create
                                        Business Login ID</a></li>
                            </ul>
                        </li>


                        <li> <a href="javascript: void(0);" class="has-arrow">
                                <i data-feather="grid"></i>
                                <span data-key="t-apps">Navigation</span> </a>
                            <ul class="sub-menu" aria-expanded="false">
                                <li><a href="{{ url('admin/add-menu-new') }}">Navigation Menu-Sub Menu</a></li>
                                <li><a href="{{ url('admin/order-navigation') }}"> Navigation Menu Order</a></li>

                            </ul>
                        </li>


                        <!-- <li> <a href="{{ url('admin/navigation') }}"> <i data-feather="share-2"></i> <span >Navigation</span> </a> </li>
         <li> <a href="{{ url('admin/order-navigation') }}"> <i data-feather="share-2"></i> <span >Navigation Order</span> </a> </li> -->
                        <li class="menu-title mt-2" data-key="t-components">Other Section</li>
                        <li> <a href="{{ url('admin/bulk-upload') }}"> <i data-feather="briefcase"></i> <span
                                    data-key="t-components">Bulk Upload</span> </a> </li>
                        <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="gift"></i> <span
                                    data-key="t-ui-elements">Demo 2</span> </a>
                            <ul class="sub-menu" aria-expanded="false">
                                <li><a href="#" data-key="t-lightbox">Demo 01</a></li>
                            </ul>
                        </li>
                        <li> <a href="javascript: void(0);"> <i data-feather="box"></i> <span
                                    class="badge rounded-pill badge-soft-danger  text-danger float-end">3</span> <span
                                    data-key="t-forms">Demo 3</span> </a>
                            <ul class="sub-menu" aria-expanded="false">
                                <li><a href="#">Demo 01</a></li>
                                <li><a href="#">Demo 02</a></li>
                                <li><a href="#">Demo 03</a></li>
                            </ul>
                        </li>
                        <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="sliders"></i> <span
                                    data-key="t-tables">Demo 4</span> </a>
                            <ul class="sub-menu" aria-expanded="false">
                                <li><a href="#" data-key="t-basic-tables">Demo 01</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!--    <div class="card sidebar-alert border-0 text-center mx-4 mb-0 mt-5">
                            <div class="card-body">
                                <img src="assets/images/giftbox.png" alt="">
                                <div class="mt-4">
                                    <h5 class="alertcard-title font-size-16">Unlimited Access</h5>
                                    <p class="font-size-13">Upgrade your plan from a Free trial, to select ‘Business Plan’.</p>
                                    <a href="#!" class="btn btn-primary mt-2">Upgrade Now</a>
                                </div>
                            </div>
                        </div> -->
                </div>
                <!-- Sidebar -->
            </div>
        </div>
        <!-- Left Sidebar End -->

        @yield('main-content')


        <footer class="footer">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6"> Copyright © 2023 RPS Med Care | All Rights Reserved. </div>
                    <div class="col-sm-6">
                        <div class="text-sm-end d-none d-sm-block"> <a href="https://www.akswebsoft.com/"
                                title="AKS Websoft Consulting Pvt. Ltd." target="_blank"><img
                                    src="{{ url('/admin/') }}/assets/images/aks2.png"
                                    alt="AKS Websoft Consulting Pvt. Ltd." class="powerd"></a> </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <!-- end main content-->
    </div>
    <!-- END layout-wrapper -->
    <!-- Right Sidebar -->
    <div class="right-bar">
        <div data-simplebar class="h-100">
            <div class="rightbar-title d-flex align-items-center p-3">
                <h5 class="m-0 me-2">Theme Customizer</h5>
                <a href="javascript:void(0);" class="right-bar-toggle ms-auto"> <i
                        class="mdi mdi-close noti-icon"></i> </a>
            </div>
            <!-- Settings -->
            <hr class="m-0" />
            <div class="p-4">
                <h6 class="mb-3">Layout</h6>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout" id="layout-vertical"
                        value="vertical">
                    <label class="form-check-label" for="layout-vertical">Vertical</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout" id="layout-horizontal"
                        value="horizontal">
                    <label class="form-check-label" for="layout-horizontal">Horizontal</label>
                </div>
                <h6 class="mt-4 mb-3 pt-2">Layout Mode</h6>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-mode" id="layout-mode-light"
                        value="light">
                    <label class="form-check-label" for="layout-mode-light">Light</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-mode" id="layout-mode-dark"
                        value="dark">
                    <label class="form-check-label" for="layout-mode-dark">Dark</label>
                </div>
                <h6 class="mt-4 mb-3 pt-2">Layout Width</h6>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-width" id="layout-width-fuild"
                        value="fuild" onChange="document.body.setAttribute('data-layout-size', 'fluid')">
                    <label class="form-check-label" for="layout-width-fuild">Fluid</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-width" id="layout-width-boxed"
                        value="boxed" onChange="document.body.setAttribute('data-layout-size', 'boxed')">
                    <label class="form-check-label" for="layout-width-boxed">Boxed</label>
                </div>
                <h6 class="mt-4 mb-3 pt-2">Layout Position</h6>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-position" id="layout-position-fixed"
                        value="fixed" onChange="document.body.setAttribute('data-layout-scrollable', 'false')">
                    <label class="form-check-label" for="layout-position-fixed">Fixed</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-position"
                        id="layout-position-scrollable" value="scrollable"
                        onChange="document.body.setAttribute('data-layout-scrollable', 'true')">
                    <label class="form-check-label" for="layout-position-scrollable">Scrollable</label>
                </div>
                <h6 class="mt-4 mb-3 pt-2">Topbar Color</h6>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="topbar-color" id="topbar-color-light"
                        value="light" onChange="document.body.setAttribute('data-topbar', 'light')">
                    <label class="form-check-label" for="topbar-color-light">Light</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="topbar-color" id="topbar-color-dark"
                        value="dark" onChange="document.body.setAttribute('data-topbar', 'dark')">
                    <label class="form-check-label" for="topbar-color-dark">Dark</label>
                </div>
                <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Size</h6>
                <div class="form-check sidebar-setting">
                    <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-default"
                        value="default" onChange="document.body.setAttribute('data-sidebar-size', 'lg')">
                    <label class="form-check-label" for="sidebar-size-default">Default</label>
                </div>
                <div class="form-check sidebar-setting">
                    <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-compact"
                        value="compact" onChange="document.body.setAttribute('data-sidebar-size', 'md')">
                    <label class="form-check-label" for="sidebar-size-compact">Compact</label>
                </div>
                <div class="form-check sidebar-setting">
                    <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-small"
                        value="small" onChange="document.body.setAttribute('data-sidebar-size', 'sm')">
                    <label class="form-check-label" for="sidebar-size-small">Small (Icon View)</label>
                </div>
                <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Color</h6>
                <div class="form-check sidebar-setting">
                    <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-light"
                        value="light" onChange="document.body.setAttribute('data-sidebar', 'light')">
                    <label class="form-check-label" for="sidebar-color-light">Light</label>
                </div>
                <div class="form-check sidebar-setting">
                    <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-dark"
                        value="dark" onChange="document.body.setAttribute('data-sidebar', 'dark')">
                    <label class="form-check-label" for="sidebar-color-dark">Dark</label>
                </div>
                <div class="form-check sidebar-setting">
                    <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-brand"
                        value="brand" onChange="document.body.setAttribute('data-sidebar', 'brand')">
                    <label class="form-check-label" for="sidebar-color-brand">Brand</label>
                </div>
                <h6 class="mt-4 mb-3 pt-2">Direction</h6>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-direction" id="layout-direction-ltr"
                        value="ltr">
                    <label class="form-check-label" for="layout-direction-ltr">LTR</label>
                </div>
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="layout-direction" id="layout-direction-rtl"
                        value="rtl">
                    <label class="form-check-label" for="layout-direction-rtl">RTL</label>
                </div>
            </div>
        </div>
        <!-- end slimscroll-menu-->
    </div>
    <!-- /Right-bar -->
    <!-- Right bar overlay-->
    <div class="rightbar-overlay"></div>
    <!-- JAVASCRIPT -->
    <script src="{{ url('/admin') }}/assets/libs/jquery/jquery.min.js"></script>
    <script src="{{ url('/admin') }}/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="{{ url('/admin') }}/assets/libs/metismenu/metisMenu.min.js"></script>
    <script src="{{ url('/admin') }}/assets/libs/simplebar/simplebar.min.js"></script>
    <script src="{{ url('/admin') }}/assets/libs/node-waves/waves.min.js"></script>
    <script src="{{ url('/admin') }}/assets/libs/feather-icons/feather.min.js"></script>
    <!-- pace js -->
    <script src="{{ url('/admin') }}/assets/libs/pace-js/pace.min.js"></script>
    <!-- apexcharts -->
    <script src="{{ url('/admin') }}/assets/libs/apexcharts/apexcharts.min.js"></script>
    <!-- Plugins js-->
    <script src="{{ url('/admin') }}/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="{{ url('/admin') }}/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js">
    </script>
    <!-- dashboard init -->
    <script src="{{ url('/admin') }}/assets/js/pages/dashboard.init.js"></script>
    <script src="{{ url('/admin') }}/assets/js/app.js"></script>
    <!-- <script src="{{ url('/admin') }}/assets/js/multiselect-dropdown.js"></script> -->

    <script src='{{ url('/admin') }}/assets/js/jquery-ui.min.js'></script>
    <script src="{{ url('/admin') }}/assets/js/script.js"></script>


    <!-- <script src="{{ url('/admin/') }}/assets/libs/dropzone/min/dropzone.min.css"></script>
<script src="{{ url('/admin/') }}/assets/libs/dropzone/min/dropzone.min.js"></script> -->
    <!-- <link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" /> -->
    <script src="https://cdn.ckeditor.com/4.21.0/standard/ckeditor.js"></script>
    <script>
        CKEDITOR.replace('editor1');
    </script>
    <!-- Modal -->




    <link href="{{ asset('formValidate.css') }}" rel="stylesheet" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://parsleyjs.org/dist/parsley.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#form").parsley();
        });
    </script>

    <script>
        function askFun(data) {
            if (!confirm(data))
                event.preventDefault();
        }
    </script>
</body>

</html>
