<!doctype html>
<html lang="en" class="semi-dark">
<head>
   <!-- Required meta tags -->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <!--plugins-->
   <link href="{{ asset('admin/plugins/simplebar/css/simplebar.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/perfect-scrollbar/css/perfect-scrollbar.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/select2/css/select2-bootstrap4.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/metismenu/css/metisMenu.min.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/plugins/datetimepicker/css/classic.css')}}" rel="stylesheet" />
   <!-- Bootstrap CSS -->
   <link href="{{ asset('admin/css/bootstrap.min.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/css/bootstrap-extended.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/css/icons.css')}}" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" rel="stylesheet">
   <!-- Stylesheet CSS -->
   <link href="{{ asset('admin/css/style.css')}}" rel="stylesheet" />
   <!-- switcher -->
   <link href="{{ asset('admin/css/switcher.css')}}" rel="stylesheet" type="text/css">
   <!-- loader-->
   <!-- <link href="{{ asset('admin/css/pace.min.css')}}" rel="stylesheet" /> -->
   <!--Theme Styles-->
<!-- <link href="{{ asset('admin/css/theme/dark-theme.css')}}" rel="stylesheet" />
   <link href="{{ asset('admin/css/theme/light-theme.css')}}" rel="stylesheet" /> -->
   <link href="{{ asset('admin/css/theme/semi-dark.css')}}" rel="stylesheet" />
   <!-- Favicon.io -->
   <link rel="icon" href="{{ asset('admin/images/favicon.ico')}}" type="image/png" />
   <!-- data tables -->
   <!-- <link href="{{ asset('admin/plugins/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet"> -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <meta name="csrf-token" content="{{ csrf_token() }}">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.min.css" integrity="sha512-cyIcYOviYhF0bHIhzXWJQ/7xnaBuIIOecYoPZBgJHQKFPo+TOBA+BY1EnTpmM8yKDU4ZdI3UGccNGCEUdfbBqw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.3.4/parsley.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/js/toastr.min.js"></script>

   <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.all.min.js"></script>
   <!-- <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script> -->
  
   <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
   <!-- Meta Taggs -->
   <title>@yield('title')</title>
   <meta name="author" content="#website_title_here">
   <meta name="description" content="#website_meta_description_here">
   <meta name="keywords" content="#website_meta_keywords_here">
   <style>.thbutton{
      width:5% !important;
   }
   .form-switch .form-check-input { margin-left:0px !important}
   .page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
      display: none !important;
   }
   .btn-info
   {
      color:#fff !important;
   }
   @media only screen and (max-width: 765px) {
     .dataTables_length {
       display: none;
     }
   }
   
</style>
</head>
<body>
   @php $companyData=getComapnyName();@endphp
   
   <!--start wrapper-->
   <div class="wrapper">
      <!--start top header-->
      <header class="top-header">
         <nav class="navbar navbar-expand">
            <div class="mobile-toggle-icon d-xl-none">
               <i class="bi bi-list"></i>
            </div>
            <!--<div class="license-alert bg-light d-none d-md-block">-->
               <!--   <i class="bx bx-building-house"></i>-->
               <!--   <span><strong>Blue Bird Express</strong></span>-->
               <!--</div>-->
               <div class="top-navbar d-none d-xl-block">
                  <ul class="navbar-nav align-items-center">
                     <li class="nav-item me-3">
                        <a class="nav-link" href="{{url('dashboard')}}">Dashboard</a>
                     </li>

</ul>
</div>
<form class="searchbar d-none d-xl-flex ms-auto">
   <div class="position-absolute top-50 translate-middle-y search-icon ms-3"><i class="bi bi-search"></i></div>
   <input class="form-control" type="text" placeholder="Type here to search">
   <div class="position-absolute top-50 translate-middle-y d-block d-xl-none search-close-icon"><i class="bi bi-x-lg"></i></div>
</form>
<div class="top-navbar-right ms-auto ms-md-2">
   <ul class="navbar-nav align-items-center">
<!-- <li>
<div class="search-toggle-icon">
<i class="bi bi-search"></i>
</div>
</li> -->
<!-- <li class="nav-item dropdown dropdown-large">
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown">
<div class="messages">
<span class="notify-badge">5</span>
<i class="bi bi-messenger"></i>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end p-0">
<div class="p-2 border-bottom m-2">
<h5 class="h5 mb-0">Messages</h5>
</div>
<div class="header-message-list p-2">
<div class="dropdown-item bg-light radius-5 mb-1">
<form class="dropdown-searchbar position-relative">
<div class="position-absolute top-50 start-0 translate-middle-y px-3 search-icon"><i class="bi bi-search"></i></div>
<input class="form-control" type="search" placeholder="Search Messages">
</form>
</div>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-1.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Amelio Joly <span class="msg-time float-end text-secondary">1 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">The standard chunk of lorem...</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-2.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Althea Cabardo <span class="msg-time float-end text-secondary">7 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Many desktop publishing</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-3.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Katherine Pechon <span class="msg-time float-end text-secondary">2 h</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Making this the first true</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-4.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Peter Costanzo <span class="msg-time float-end text-secondary">3 h</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">It was popularised in the 1960</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-5.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Thomas Wheeler <span class="msg-time float-end text-secondary">1 d</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">If you are going to use a passage</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-6.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Johnny Seitz <span class="msg-time float-end text-secondary">2 w</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">All the Lorem Ipsum generators</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-1.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Amelio Joly <span class="msg-time float-end text-secondary">1 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">The standard chunk of lorem...</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-2.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Althea Cabardo <span class="msg-time float-end text-secondary">7 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Many desktop publishing</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<img src="assets/images/avatars/avatar-3.png" alt="" class="rounded-circle" width="52" height="52">
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Katherine Pechon <span class="msg-time float-end text-secondary">2 h</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Making this the first true</small>
</div>
</div>
</a>
</div>
<div class="p-2">
<div>
<hr class="dropdown-divider">
</div>
<a class="dropdown-item" href="#">
<div class="text-center">View All Messages</div>
</a>
</div>
</div>
</li> -->

<li class="nav-item dropdown dropdown-large">
<!-- <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown">
<div class="notifications">
<span class="notify-badge">8</span>
<i class="bi bi-bell-fill"></i>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end p-0">
<div class="p-2 border-bottom m-2">
<h5 class="h5 mb-0">Notifications</h5>
</div>
<div class="header-notifications-list p-2">
<div class="dropdown-item bg-light radius-5 mb-1">
<form class="dropdown-searchbar position-relative">
<div class="position-absolute top-50 start-0 translate-middle-y px-3 search-icon"><i class="bi bi-search"></i></div>
<input class="form-control" type="search" placeholder="Search Messages">
</form>
</div>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-basket2-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">New Orders <span class="msg-time float-end text-secondary">1 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">You have recived new orders</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-people-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">New Customers <span class="msg-time float-end text-secondary">7 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">5 new user registered</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-file-earmark-bar-graph-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">24 PDF File <span class="msg-time float-end text-secondary">2 h</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">The pdf files generated</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-collection-play-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Time Response  <span class="msg-time float-end text-secondary">3 h</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">5.1 min avarage time response</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-cursor-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">New Product Approved  <span class="msg-time float-end text-secondary">1 d</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Your new product has approved</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-gift-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">New Comments <span class="msg-time float-end text-secondary">2 w</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">New customer comments recived</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-droplet-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">New 24 authors<span class="msg-time float-end text-secondary">1 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">24 new authors joined last week</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-mic-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Your item is shipped <span class="msg-time float-end text-secondary">7 m</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Successfully shipped your item</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-lightbulb-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">Defense Alerts <span class="msg-time float-end text-secondary">2 h</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">45% less alerts last 4 weeks</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-bookmark-heart-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">4 New Sign Up <span class="msg-time float-end text-secondary">2 w</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">New 4 user registartions</small>
</div>
</div>
</a>
<a class="dropdown-item" href="#">
<div class="d-flex align-items-center">
<div class="notification-box"><i class="bi bi-briefcase-fill"></i></div>
<div class="ms-3 flex-grow-1">
<h6 class="mb-0 dropdown-msg-user">All Documents Uploaded <span class="msg-time float-end text-secondary">1 mo</span></h6>
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Sussessfully uploaded all files</small>
</div>
</div>
</a>
</div>
<div class="p-2">
<div><hr class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
<div class="text-center">View All Notifications</div>
</a>
</div>
</div> -->
</li>
<li class="nav-item dropdown dropdown-large">
   <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown">
      <div class="projects">
         <i class="bi bi-grid-3x3-gap-fill"></i>
      </div>
   </a>
   <div class="dropdown-menu dropdown-menu-end">
      <div class="row row-cols-3 gx-2">
        
         <div class="col">
            <a href="{{url('users')}}">
               <div class="apps p-2 radius-5 text-center">
                  <div class="apps-icon-box mb-1 text-white bg-danger bg-gradient">
                     <i class="bi bi-people-fill"></i>
                  </div>
                  <p class="mb-0 apps-name">Users</p>
               </div>
            </a>
         </div>
         <!-- <div class="col">
            <a href="#!">
               <div class="apps p-2 radius-5 text-center">
                  <div class="apps-icon-box mb-1 text-white bg-success bg-gradient">
                     <i class="bi bi-bank2"></i>
                  </div>
                  <p class="mb-0 apps-name">Products</p>
               </div>
            </a>
         </div> -->
         <!-- <div class="col">
            <a href="#!">
               <div class="apps p-2 radius-5 text-center">
                  <div class="apps-icon-box mb-1 text-white bg-orange bg-gradient">
                     <i class="bi bi-collection-play-fill"></i>
                  </div>
                  <p class="mb-0 apps-name">Media</p>
               </div>
            </a>
         </div> -->
         <!-- <div class="col">
            <a href="#!">
               <div class="apps p-2 radius-5 text-center">
                  <div class="apps-icon-box mb-1 text-white bg-purple bg-gradient">
                     <i class="bi bi-person-circle"></i>
                  </div>
                  <p class="mb-0 apps-name">Account</p>
               </div>
            </a>
         </div> -->
         <!-- <div class="col">
            <a href="#!">
               <div class="apps p-2 radius-5 text-center">
                  <div class="apps-icon-box mb-1 text-dark bg-info bg-gradient">
                     <i class="bi bi-file-earmark-text-fill"></i>
                  </div>
                  <p class="mb-0 apps-name">Docs</p>
               </div>
            </a>
         </div> -->
         <!-- <div class="col">
            <a href="#!">
               <div class="apps p-2 radius-5 text-center">
                  <div class="apps-icon-box mb-1 text-white bg-pink bg-gradient">
                     <i class="bi bi-credit-card-fill"></i>
                  </div>
                  <p class="mb-0 apps-name">Payment</p>
               </div>
            </a>
         </div> -->
         <!-- <div class="col">
            <a href="#!">
               <div class="apps p-2 radius-5 text-center">
                  <div class="apps-icon-box mb-1 text-white bg-bronze bg-gradient">
                     <i class="bi bi-calendar-check-fill"></i>
                  </div>
                  <p class="mb-0 apps-name">Events</p>
               </div>
            </a>
         </div> -->
        
      </div>
      <!--end row-->
   </div>
</li>
<li class="nav-item dropdown dropdown-small">
   <a class="nav-link dropdown-toggle dropdown-toggle-nocaret pe-0" href="#" data-bs-toggle="dropdown">
      <div class="user-setting d-flex align-items-center gap-1">
         <img src="{{ asset('admin/images/avtaar.png')}}" class="user-img" loading="lazy" alt="profile" width="32" height="32">
         <div class="user-name">{{Auth::user()->name}}</div>
      </div>
   </a>
   <ul class="dropdown-menu dropdown-menu-end">
      <li>
         <a class="dropdown-item" href="#">
            <div class="d-flex align-items-center">
               <img src="{{ asset('admin/images/avtaar.png')}}" class="rounded-circle" loading="lazy" alt="profile" width="45" height="45">
               <div class="ms-2">
                  <h6 class="mb-0 dropdown-user-name">{{Auth::user()->name}}</h6>
                  <!-- <small class="mb-0 dropdown-user-designation text-secondary">HR Manager</small> -->
               </div>
            </div>
         </a>
      </li>
      <li>
         <hr class="dropdown-divider">
      </li>
      <!-- <li>
      <a class="dropdown-item" href="#!">
      <div class="d-flex align-items-center">
      <div class="setting-icon"><i class="bi bi-person-fill"></i></div>
      <div class="setting-text ms-2"><span>Profile</span></div>
      </div>
      </a>
      </li> -->
      <!-- <li>
      <a class="dropdown-item" href="#">
      <div class="d-flex align-items-center">
      <div class="setting-icon"><i class="bi bi-gear-fill"></i></div>
      <div class="setting-text ms-2"><span>Setting</span></div>
      </div>
      </a>
      </li> -->
      <!-- <li>
      <a class="dropdown-item" href="#!">
      <div class="d-flex align-items-center">
      <div class="setting-icon"><i class="bi bi-speedometer"></i></div>
      <div class="setting-text ms-2"><span>Dashboard</span></div>
      </div>
      </a>
      </li> -->
      <!-- <li>
      <a class="dropdown-item" href="#">
      <div class="d-flex align-items-center">
      <div class="setting-icon"><i class="bi bi-piggy-bank-fill"></i></div>
      <div class="setting-text ms-2"><span>Earnings</span></div>
      </div>
      </a>
      </li> -->
      <!-- <li>
      <a class="dropdown-item" href="#">
      <div class="d-flex align-items-center">
      <div class="setting-icon"><i class="bi bi-cloud-arrow-down-fill"></i></div>
      <div class="setting-text ms-2"><span>Downloads</span></div>
      </div>
      </a>
      </li> -->
      <!-- <li>
      <hr class="dropdown-divider">
      </li> -->
<li>
   <a class="dropdown-item" href="{{ url ('signOut') }}">
      <div class="d-flex align-items-center">
         <div class="setting-icon"><i class="bi bi-lock-fill"></i></div>
         <div class="setting-text ms-2"><span>Logout</span></div>
      </div>
   </a>
</li>
</ul>
</li>

</ul>
</div>
</nav>
</header>
<!--end top header-->
<!--start sidebar -->
<aside class="sidebar-wrapper" data-simplebar="true">
   <div class="sidebar-header">
      <div>
         <img src="@if(isset($companyData->logo)){{$companyData->logo}}
         @else{{asset('admin/images/logo-icon.png')}}@endif" class="@if(isset($companyData->logo)){{'logo-icons'}}@else{{'logo-icon'}}@endif" alt="Favicon"></div>
         @if(!isset($companyData->logo))<div><h4 class="logo-text">Meta Mint</h4></div>@endif
         <div class="toggle-icon ms-auto"><i class="bi bi-chevron-double-left"></i></div>
      </div>
      <!--navigation-->

      <ul class="metismenu" id="menu">
         <li>
            <a href="{{ url('dashboard') }}">
               <div class="parent-icon"><i class="bi bi-house-door"></i></div>
               <div class="menu-title">Dashboard</div>
            </a>
         </li>
         <li>
            <a class="has-arrow" href="javascript:;">
               <div class="parent-icon"><i class="bi bi-journal"></i></div>
               <div class="menu-title">Accounts</div>
            </a>
            <ul>
               <li>
                  <a href="{{ route('accounts.index') }}"><i class="bi bi-person"></i> Accounts </a>
               </li>
               <li>
                  <a href="{{ route('contacts.index') }}"><i class="bi bi-person"></i> Account Contacts </a>
               </li>
               <li>
                  <a href="{{ route('account-titles.index') }}"><i class="bi bi-person"></i> Account Titles </a>
               </li>
               <li>
                  <a href="{{ route('accounting-types.index') }}"><i class="bi bi-person"></i> Accounting Types </a>
               </li>
               <li>
                  <a href="{{ route('accounting-groups.index') }}"><i class="bi bi-person"></i> Accounting Groups </a>
               </li>
               <li>
                  <a href="{{ route('account-categories.index') }}"><i class="bi bi-person"></i> Account Categories </a>
               </li>
               <li>
                  <a href="{{ route('account-types.index') }}"><i class="bi bi-person"></i> Account Types </a>
               </li>
               <li>
                  <a href="{{ route('tax-register-categories.index') }}"><i class="bi bi-person"></i> Tax Register Categories </a>
               </li>
               <li>
                  <a href="{!! route('license-types.index') !!}"><i class="bi bi-person"></i> License Types </a>
               </li>
               <li>
                  <a href="{!! route('account-settlement-types.index') !!}"><i class="bi bi-person"></i> Account Settlement Type </a>
               </li>
               <li>
                  <a href="{{ route ('blood-groups.index')}} ">
                     <i class="bi bi-droplet-fill"></i> Blood Groups
                  </a>
               </li>
               <li>
                  <a href="{{ route ('genders.index')}} ">
                     <i class="bi bi-gender-ambiguous"></i> Genders
                  </a>
               </li>
               <li>
                  <a href="{{ route ('marital-statuses.index')}} ">
                     <i class="bi bi-people"></i> Marital Statuses
                  </a>
               </li>
            </ul>
         </li>

         <li>
            <a class="has-arrow" href="javascript:;">
               <div class="parent-icon"><i class="bi bi-person-lines-fill"></i>
               </div>
               <div class="menu-title">Enquiry</div>
            </a>
            <ul>
               <li>
                  <a href="{{ route('enquiries.index') }}"><i class="bi bi-list"></i> Enquiries </a>
               </li>
               <li>
                  <a href="{{ route('enquiry-contacts.index') }}"><i class="bi bi-list"></i> Enquiry Contacts </a>
               </li>
               <li>
                  <a href="{{ route('enquiry-categories.index') }}"><i class="bi bi-list"></i> Enquiry Categories </a>
               </li>
               <li>
                  <a href="{{ route('enquiry-types.index')}} "><i class="bi bi-list"></i> Enquiry Types</a>
               </li>
               <li>
                  <a href="{{ route('enquiry-sources.index')}} "><i class="bi bi-list"></i> Enquiry Sources</a>
               </li>
               <li>
                  <a href="{{ route('enquiry-qualities.index')}} "><i class="bi bi-list"></i> Enquiry Qualities</a>
               </li>
               <li>
                  <a href="{{ route('enquiry-statuses.index')}} "><i class="bi bi-list"></i> Enquiry Status</a>
               </li>
            </ul>
         </li>

         @php $MenuSetting=MenuPermission('Settings');@endphp
         @if($MenuSetting->status==1)
         <li>
            <a class="has-arrow" href="javascript:;">
               <div class="parent-icon"><i class="bi bi-gear"></i>
               </div>
               <div class="menu-title">Settings</div>
            </a>
            <ul>
               <li>
                  <a href="{{ url('run-migrations') }}">
                     <div class="parent-icon"><i class="bi bi-table"></i></div>
                     <div class="menu-title">Migrate Tables</div>
                  </a>
               </li>
               <li>
                  <a href="{{ route ('license.index')}} ">
                     <i class="bi bi-sliders"></i> Documents Type

                  </a>
               </li>
               <li>
                  <a href="{{ route ('payment-modes.index')}} ">
                     <i class="bi bi-cash-stack"></i> Payment Mode

                  </a>
               </li>
               @if(auth()->user()->can('company-list'))
               <li>
                  <a href="{{ url ('companies')}} ">
                     <i class="bi bi-sliders"></i> Company

                  </a>
               </li>
               @endif
               @if(auth()->user()->can('users-list'))
               <li>
                  <a class="" href="{{ url ('users')}}"><i class="bi bi-people"></i>Users</a>
               </li>
               @endif
               {{-- @if(auth()->user()->can('bucket-edit'))
               <li>
                  <a class="" href="{{ url ('buckets')}}"><i class="bi bi-bucket"></i>Bucket Setting</a>
               </li>
               @endif --}}
               @if(auth()->user()->can('role-list'))
               <li>
                  <a class="" href="{{ route('roles.index') }}"><i class="bi bi-shield-lock"></i>Role & Permission</a>
               </li>
               @endif
               @if(auth()->user()->can('financial-year-list'))
               <li>
                  <a class="" href="{{ url('financialyear') }}"><i class="bi bi-journal"></i>Financial Years</a>
               </li>
               @endif
               @if(auth()->user()->can('role-list'))
               <li>
                  <a class="" href="{{ url('smstemplate') }}"><i class="bi bi-list"></i>SMS Template</a>
               </li>
               @endif
               <li>
                  <a class="" href="{{ url('modules') }}"><i class="bi bi-list"></i>Modules</a>
               </li>
               <li>
                  <a class="" href="{{ url('invoice-setting') }}"><i class="bi bi-journal"></i>Invoice Setting</a>
               </li>
               <li>
                  <a class="" href="{{ url('storage-settings') }}"><i class="bi bi-journal"></i>Storage Setting</a>
               </li>
               <li>
                  <a class="" href="{{ url('software-branding') }}"><i class="bi bi-journal"></i>Software Branding</a>
               </li>
               <li>
                  <a class="" href="{{ url('master-settings') }}"><i class="bi bi-journal"></i>Master Settings</a>
               </li>
            </ul>
         </li>
         @endif
        




      </ul>
      <!--end navigation-->
<!-- <div class="license-alert text-center">
<span>License Renews in <strong>484 Days.</strong> (Next Renewal: 31 Mar, 2030)</span>
</div> -->
</aside>
<!--end sidebar -->
<!--start content-->
<main class="page-content">
   @include('flash-message')
   @yield('pages')


   <!--end row-->

</main>
<!--end page main-->

<!--start overlay-->
<div class="overlay nav-toggle-icon"></div>
<!--end overlay-->

<!--Start Back To Top Button-->
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
<!--End Back To Top Button-->

<!--start switcher-->
<!-- <div class="switcher-body">
<button class="btn btn-primary btn-switcher shadow-sm" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling" aria-controls="offcanvasScrolling"><i class="bi bi-paint-bucket me-0"></i></button>
<div class="offcanvas offcanvas-end shadow border-start-0 p-2" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling">
<div class="offcanvas-header border-bottom">
<h5 class="offcanvas-title" id="offcanvasScrollingLabel">Theme Customizer</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"></button>
</div>
<div class="offcanvas-body">
<h6 class="mb-0">Theme Variation</h6>
<hr>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="LightTheme" value="option1">
<label class="form-check-label" for="LightTheme">Light</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="DarkTheme" value="option2">
<label class="form-check-label" for="DarkTheme">Dark</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="SemiDarkTheme" value="option3">
<label class="form-check-label" for="SemiDarkTheme">Semi Dark</label>
</div>
<hr>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="MinimalTheme" value="option3" checked>
<label class="form-check-label" for="MinimalTheme">Minimal Theme</label>
</div>
<hr/>
<h6 class="mb-0">Header Colors</h6>
<hr/>
<div class="header-colors-indigators">
<div class="row row-cols-auto g-3">
<div class="col">
<div class="indigator headercolor1" id="headercolor1"></div>
</div>
<div class="col">
<div class="indigator headercolor2" id="headercolor2"></div>
</div>
<div class="col">
<div class="indigator headercolor3" id="headercolor3"></div>
</div>
<div class="col">
<div class="indigator headercolor4" id="headercolor4"></div>
</div>
<div class="col">
<div class="indigator headercolor5" id="headercolor5"></div>
</div>
<div class="col">
<div class="indigator headercolor6" id="headercolor6"></div>
</div>
<div class="col">
<div class="indigator headercolor7" id="headercolor7"></div>
</div>
<div class="col">
<div class="indigator headercolor8" id="headercolor8"></div>
</div>
</div>
</div>
</div>
</div>
</div> -->

<!-- Modal -->
<div class="modal fade" id="commonModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="commonModalLabel"></h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer text-center" style="justify-content: center;">
        <button type="button" class="btn btn-primary save_button w-50"><i class="bx bx-save"></i> <span class="save_button_span"></span></button>
      </div>
    </div>
  </div>
</div>

</div>
<!--end wrapper-->


<!-- Bootstrap bundle JS -->
<script type="text/javascript" src="{{ asset('admin/js/bootstrap.bundle.min.js')}}"></script>
<!--plugins-->
<script type="text/javascript" src="{{ asset('admin/js/jquery.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/simplebar/js/simplebar.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/metismenu/js/metisMenu.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/perfect-scrollbar/js/perfect-scrollbar.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/select2/js/select2.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/datetimepicker/js/picker.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/datetimepicker/js/picker.time.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/datetimepicker/js/picker.date.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/easyPieChart/jquery.easypiechart.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/apexcharts-bundle/js/apexcharts.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/plugins/peity/jquery.peity.min.js')}}"></script>
<!--app-->
<script type="text/javascript" src="{{ asset('admin/js/pace.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/js/app.js')}}"></script>
<script type="text/javascript" src="{{ asset('admin/js/script.js')}}"></script>

<!-- custom js -->
<script type="text/javascript" src="{{ asset('admin/js/custom.js')}}"></script>

<script src="{{ asset('admin/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('admin/plugins/datatables/dataTables.bootstrap4.min.js')}}"></script>

<script type="text/javascript">
   var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
   var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
      return new bootstrap.Tooltip(tooltipTriggerEl)
   })
</script>
<script type="text/javascript">
   $(document).ready(function(){
      $.ajaxSetup({
         headers: {
            'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
         }
      });
//Delay the action by 10000ms
      setTimeout(function(){
// Display the div containing the class "bottomdiv"
         $(".fixed_contact_btn").show();
// $.switcher();
      }, 2000);
   });
</script>
<script type="text/javascript" src="{{ asset('admin/js/jquery.switcher.js')}}"></script>
<script>
   $.switcher();
</script>
<script type="text/javascript">
   function toggle_div_fun(id) {
      var divelement = document.getElementById(id);
      if(divelement.style.display == 'none')
         divelement.style.display = 'block';
      else
         divelement.style.display = 'none';
   }
</script>

<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    @yield('js')
</body>

</html>

