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


<!-- Mirrored from www.urbanui.com/melody/template/pages/layout/sidebar-fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Sep 2018 06:05:56 GMT -->
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>Melody Admin</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <!-- plugins:css -->
  <link rel="stylesheet" href="{{ asset('vendors/iconfonts/font-awesome/css/all.min.css')}}">
  <link rel="stylesheet" href="{{ asset('vendors/css/vendor.bundle.base.css')}}">
  <link rel="stylesheet" href="{{ asset('vendors/css/vendor.bundle.addons.css')}}">

  <link rel="stylesheet" href="{{ asset('vendors/css/jquery-dataTable.min.css')}}">
  <link rel="stylesheet" href="https://cdn.datatables.net/2.2.1/css/dataTables.dataTables.css">
  
  <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">
  <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.bootstrap4.min.css">

  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

  {{-- <script src="https://cdn.datatables.net/plug-ins/1.10.21/sorting/datetime-moment.js"></script> --}}
  <!-- endinject -->
  <!-- plugin css for this page -->
  <!-- End plugin css for this page -->
  <!-- inject:css -->
  <link rel="stylesheet" href="{{ asset('css/style.css')}}">
  <link rel="stylesheet" href="{{ asset('css/search.css')}}">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>

  <!-- endinject -->
  <link rel="shortcut icon" href="http://www.urbanui.com/" />
  <style>
.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand img {
    width: calc(255px - 185px);
    max-width: 100%;
    height: 70px !important;
    margin: auto;
    vertical-align: middle;
}
  </style>
</head>
<body class="sidebar-fixed">
  <div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
    <nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row default-layout-navbar">
      <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
        <a class="navbar-brand brand-logo" href="../../index-2.html"><img src="images/broadauto.png" alt="logo"/></a>
        <a class="navbar-brand brand-logo-mini" href="../../index-2.html"><img src="images/broadauto.png" alt="logo"/></a>
      </div>
      <div class="navbar-menu-wrapper d-flex align-items-stretch">
        <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
          <span class="fas fa-bars"></span>
        </button>
        <ul class="navbar-nav">
          <li class="nav-item nav-search d-none d-md-flex">
            <div class="nav-link">
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text">
                    <i class="fas fa-search"></i>
                  </span>
                </div>
                <input type="text" class="form-control" placeholder="Search" aria-label="Search">
              </div>
            </div>
          </li>
        </ul>
        <ul class="navbar-nav navbar-nav-right">
          <li class="nav-item d-none d-lg-flex">
            <a class="nav-link" href="{{ route('pos-interface3') }}">
              <span class="btn btn-primary">+ POS Sale</span>
            </a>
          </li>
          <li class="nav-item dropdown d-none d-lg-flex">
            <div class="nav-link">
              <span class="dropdown-toggle btn btn-outline-dark" id="languageDropdown" data-toggle="dropdown">Cash Register</span>
              <div class="dropdown-menu navbar-dropdown" aria-labelledby="languageDropdown">
                <a class="dropdown-item font-weight-medium" data-toggle="modal" data-target="#exampleModal1">
                  Start 
                </a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item font-weight-medium" data-toggle="modal" data-target="#exampleModal2">
                  End
                </a>
                
              </div>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
              <i class="fas fa-bell mx-0"></i>
              <span class="count">16</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
              <a class="dropdown-item">
                <p class="mb-0 font-weight-normal float-left">You have 16 new notifications
                </p>
                <span class="badge badge-pill badge-warning float-right">View all</span>
              </a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item preview-item">
                <div class="preview-thumbnail">
                  <div class="preview-icon bg-danger">
                    <i class="fas fa-exclamation-circle mx-0"></i>
                  </div>
                </div>
                <div class="preview-item-content">
                  <h6 class="preview-subject font-weight-medium">Application Error</h6>
                  <p class="font-weight-light small-text">
                    Just now
                  </p>
                </div>
              </a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item preview-item">
                <div class="preview-thumbnail">
                  <div class="preview-icon bg-warning">
                    <i class="fas fa-wrench mx-0"></i>
                  </div>
                </div>
                <div class="preview-item-content">
                  <h6 class="preview-subject font-weight-medium">Settings</h6>
                  <p class="font-weight-light small-text">
                    Private message
                  </p>
                </div>
              </a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item preview-item">
                <div class="preview-thumbnail">
                  <div class="preview-icon bg-info">
                    <i class="far fa-envelope mx-0"></i>
                  </div>
                </div>
                <div class="preview-item-content">
                  <h6 class="preview-subject font-weight-medium">New user registration</h6>
                  <p class="font-weight-light small-text">
                    2 days ago
                  </p>
                </div>
              </a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link count-indicator dropdown-toggle" id="messageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
              <i class="fas fa-envelope mx-0"></i>
              <span class="count">25</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="messageDropdown">
              <div class="dropdown-item">
                <p class="mb-0 font-weight-normal float-left">You have 7 unread mails
                </p>
                <span class="badge badge-info badge-pill float-right">View all</span>
              </div>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item preview-item">
                <div class="preview-thumbnail">
                    <img src="images/faces/face4.jpg" alt="image" class="profile-pic">
                </div>
                <div class="preview-item-content flex-grow">
                  <h6 class="preview-subject ellipsis font-weight-medium">David Grey
                    <span class="float-right font-weight-light small-text">1 Minutes ago</span>
                  </h6>
                  <p class="font-weight-light small-text">
                    The meeting is cancelled
                  </p>
                </div>
              </a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item preview-item">
                <div class="preview-thumbnail">
                    <img src="images/faces/face2.jpg" alt="image" class="profile-pic">
                </div>
                <div class="preview-item-content flex-grow">
                  <h6 class="preview-subject ellipsis font-weight-medium">Tim Cook
                    <span class="float-right font-weight-light small-text">15 Minutes ago</span>
                  </h6>
                  <p class="font-weight-light small-text">
                    New product launch
                  </p>
                </div>
              </a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item preview-item">
                <div class="preview-thumbnail">
                    <img src="images/faces/face3.jpg" alt="image" class="profile-pic">
                </div>
                <div class="preview-item-content flex-grow">
                  <h6 class="preview-subject ellipsis font-weight-medium"> Johnson
                    <span class="float-right font-weight-light small-text">18 Minutes ago</span>
                  </h6>
                  <p class="font-weight-light small-text">
                    Upcoming board meeting
                  </p>
                </div>
              </a>
            </div>
          </li>
          <li class="nav-item nav-profile dropdown">
            <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" id="profileDropdown">
              <img src="images/faces/face5.jpg" alt="profile"/>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
              <a class="dropdown-item">
                <i class="fas fa-cog text-primary"></i>
                Settings
              </a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="{{ url('/logout-user') }}">
                <i class="fas fa-power-off text-primary"></i>
                Logout
              </a>
            </div>
          </li>
          <li class="nav-item nav-settings d-none d-lg-block">
            <a class="nav-link" href="#">
              <i class="fas fa-ellipsis-h"></i>
            </a>
          </li>
        </ul>
        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
          <span class="fas fa-bars"></span>
        </button>
      </div>
    </nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- partial:../../partials/_settings-panel.html -->
      <div class="theme-setting-wrapper">
        <div id="settings-trigger"><i class="fas fa-fill-drip"></i></div>
        <div id="theme-settings" class="settings-panel">
          <i class="settings-close fa fa-times"></i>
          <p class="settings-heading">SIDEBAR SKINS</p>
          <div class="sidebar-bg-options selected" id="sidebar-light-theme"><div class="img-ss rounded-circle bg-light border mr-3"></div>Light</div>
          <div class="sidebar-bg-options" id="sidebar-dark-theme"><div class="img-ss rounded-circle bg-dark border mr-3"></div>Dark</div>
          <p class="settings-heading mt-2">HEADER SKINS</p>
          <div class="color-tiles mx-0 px-4">
            <div class="tiles primary"></div>
            <div class="tiles success"></div>
            <div class="tiles warning"></div>
            <div class="tiles danger"></div>
            <div class="tiles info"></div>
            <div class="tiles dark"></div>
            <div class="tiles default"></div>
          </div>
        </div>
      </div>
      <div id="right-sidebar" class="settings-panel">
        <i class="settings-close fa fa-times"></i>
        <ul class="nav nav-tabs" id="setting-panel" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" id="todo-tab" data-toggle="tab" href="#todo-section" role="tab" aria-controls="todo-section" aria-expanded="true">TO DO LIST</a>
          </li>
          {{-- <li class="nav-item">
            <a class="nav-link" id="chats-tab" data-toggle="tab" href="#chats-section" role="tab" aria-controls="chats-section">CHATS</a>
          </li> --}}
        </ul>
        <div class="tab-content" id="setting-content">
          <div class="tab-pane fade show active scroll-wrapper" id="todo-section" role="tabpanel" aria-labelledby="todo-section">
            <div class="add-items d-flex px-3 mb-0">
              {{-- <form class="form w-100">
                <div class="form-group d-flex">
                  <input type="text" class="form-control todo-list-input" placeholder="Add To-do">
                  <button type="submit" class="add btn btn-primary todo-list-add-btn" id="add-task-todo">Add</button>
                </div>
              </form> --}}
            </div>
            <div class="list-wrapper px-3">
              <ul class="d-flex flex-column-reverse todo-list">
                @foreach ($ToDoList as $ToDo)
                      <li>
												<div class="form-check">
													<label class="form-check-label">
														<input class="checkbox" type="checkbox">
														{{$ToDo->description}}
    
													</label>
                          <span style="font-size: 12px">({{$ToDo->date}})</span>
												</div>
												<i class="remove fa fa-times-circle delete" data-id="{{$ToDo->id}}"></i>
											</li>
                    @endforeach
              </ul>
            </div>
            {{-- <div class="events py-4 border-bottom px-3">
              <div class="wrapper d-flex mb-2">
                <i class="fa fa-times-circle text-primary mr-2"></i>
                <span>Feb 11 2018</span>
              </div>
              <p class="mb-0 font-weight-thin text-gray">Creating component page</p>
              <p class="text-gray mb-0">build a js based app</p>
            </div>
            <div class="events pt-4 px-3">
              <div class="wrapper d-flex mb-2">
                <i class="fa fa-times-circle text-primary mr-2"></i>
                <span>Feb 7 2018</span>
              </div>
              <p class="mb-0 font-weight-thin text-gray">Meeting with Alisa</p>
              <p class="text-gray mb-0 ">Call Sarah Graves</p>
            </div> --}}
          </div>
          <!-- To do section tab ends -->
          <div class="tab-pane fade" id="chats-section" role="tabpanel" aria-labelledby="chats-section">
            <div class="d-flex align-items-center justify-content-between border-bottom">
              <p class="settings-heading border-top-0 mb-3 pl-3 pt-0 border-bottom-0 pb-0">Friends</p>
              <small class="settings-heading border-top-0 mb-3 pt-0 border-bottom-0 pb-0 pr-3 font-weight-normal">See All</small>
            </div>
            <ul class="chat-list">
              <li class="list active">
                <div class="profile"><img src="../../images/faces/face1.jpg" alt="image"><span class="online"></span></div>
                <div class="info">
                  <p>Thomas Douglas</p>
                  <p>Available</p>
                </div>
                <small class="text-muted my-auto">19 min</small>
              </li>
              <li class="list">
                <div class="profile"><img src="../../images/faces/face2.jpg" alt="image"><span class="offline"></span></div>
                <div class="info">
                  <div class="wrapper d-flex">
                    <p>Catherine</p>
                  </div>
                  <p>Away</p>
                </div>
                <div class="badge badge-success badge-pill my-auto mx-2">4</div>
                <small class="text-muted my-auto">23 min</small>
              </li>
              <li class="list">
                <div class="profile"><img src="images/faces/face3.jpg" alt="image"><span class="online"></span></div>
                <div class="info">
                  <p>Daniel Russell</p>
                  <p>Available</p>
                </div>
                <small class="text-muted my-auto">14 min</small>
              </li>
              <li class="list">
                <div class="profile"><img src="images/faces/face4.jpg" alt="image"><span class="offline"></span></div>
                <div class="info">
                  <p>James Richardson</p>
                  <p>Away</p>
                </div>
                <small class="text-muted my-auto">2 min</small>
              </li>
              <li class="list">
                <div class="profile"><img src="images/faces/face5.jpg" alt="image"><span class="online"></span></div>
                <div class="info">
                  <p>Madeline Kennedy</p>
                  <p>Available</p>
                </div>
                <small class="text-muted my-auto">5 min</small>
              </li>
              <li class="list">
                <div class="profile"><img src="images/faces/face6.jpg" alt="image"><span class="online"></span></div>
                <div class="info">
                  <p>Sarah Graves</p>
                  <p>Available</p>
                </div>
                <small class="text-muted my-auto">47 min</small>
              </li>
            </ul>
          </div>
          <!-- chat tab ends -->
        </div>
      </div>
      <!-- partial -->
      <!-- partial:../../partials/_sidebar.html -->
      <nav class="sidebar sidebar-offcanvas" id="sidebar" >
        <ul class="nav" >
          <li class="nav-item nav-profile">
            <div class="nav-link">
              <div class="profile-image">
                <img src="images/faces/user.png" alt="image"/>
              </div>
              <div class="profile-name">
                <p class="name">
                   {{session('user_name')}}
                </p>
                <p class="designation">
                  Super Admin
                </p>
              </div>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{{ route('welcome') }}">
              <i class="fa fa-home menu-icon"></i>
              <span class="menu-title">Dashboard</span>
            </a>
          </li>
          <li class="nav-item">
            {{-- <a class="nav-link" href="../widgets.html">
              <i class="fa fa-puzzle-piece menu-icon"></i>
              <span class="menu-title">Widgets</span>
            </a> --}}
          </li>
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#page-layouts" aria-expanded="false" aria-controls="page-layouts">
              <i class="fa-solid fa-money-bill menu-icon"></i>
              <span class="menu-title">Petty Cash</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="page-layouts">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item d-none d-lg-block"> <a class="nav-link" href="{{ route('add-Petty-Cash') }}">Top Up Petty Cash</a></li>
               
              </ul>
            </div>
          </li>
          

          <li class="nav-item d-none d-lg-block">
            <a class="nav-link" data-toggle="collapse" href="#product-sale" aria-expanded="false" aria-controls="product-layouts">
              <i class="fa fa-balance-scale menu-icon"></i>
              <span class="menu-title">Sale</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="product-sale">
              <ul class="nav flex-column sub-menu">
        
                <li class="nav-item"> <a class="nav-link" href="{{ route('sale-list') }}">Sale List</a></li>
              </ul>
            </div>
          </li>


          
          <li class="nav-item d-none d-lg-block">
            <a class="nav-link" data-toggle="collapse" href="#product-layouts" aria-expanded="false" aria-controls="product-layouts">
              <i class="fas fa-box-open menu-icon"></i>
              <span class="menu-title">Product</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="product-layouts">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"> <a class="nav-link" href="{{ route('add-product') }}">Add Product</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('list-product') }}">Product List</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('return-product') }}">Product Return</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('quantity_adjustment') }}">Quantity Adjustment</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('list-product-branches') }}">Products Branches Report</a></li>
               <li class="nav-item"> <a class="nav-link" href="{{ route('Bar-code') }}">Bar Code Generate</a></li>
              </ul>
            </div>
          </li>
          <li class="nav-item d-none d-lg-block">
            <a class="nav-link" data-toggle="collapse" href="#purchase-layouts" aria-expanded="false" aria-controls="product-layouts">
              <i class="fa fa-shopping-cart menu-icon"></i>
              <span class="menu-title">purchase</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="purchase-layouts">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"> <a class="nav-link" href="{{ route('purchase-product') }}">purchase Product</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('purchase-list') }}">purchase List</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('purchase_order') }}">purchase Orders</a></li>
                
              </ul>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
              <i class="far fa-compass menu-icon"></i>
              <span class="menu-title">Expenses</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="ui-basic">

              <ul class="nav flex-column sub-menu">
                <span style="color: rgb(255, 164, 173); font-size:10px;">------&nbsp; Create Expenses Categories&nbsp; ------ </span>
                <li class="nav-item"> <a class="nav-link" href="{{ route('petty-cash-category') }}">Expenses Categories</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('petty-cash-sub-category') }}"> Expenses sub Categories</a></li>
              </ul>
              <ul class="nav flex-column sub-menu">
                <span style="color: rgb(255, 164, 173); font-size:10px;">------&nbsp; Add Expenses &nbsp; ------ </span>
                <li class="nav-item"> <a class="nav-link" href="{{ route('add-expenses-page') }}">Add Expenses</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('list-expenses-page') }}">List Expenses</a></li>
              </ul>

             
              </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#form-elements" aria-expanded="false" aria-controls="form-elements">
              <i class="fa fa-wrench menu-icon"></i>
              <span class="menu-title">Services & Repairs</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="form-elements">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"><a class="nav-link" href="{{ route('get-daily-report') }}">Daily Report</a></li>                
                <li class="nav-item"><a class="nav-link" href="{{ route('get-monthly-report') }}">Monthly Report</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('get-annualy-report') }}">Annualy Report</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('get-branch-report') }}">Branch Report</a></li>
              </ul>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#form-elements" aria-expanded="false" aria-controls="form-elements">
              <i class="fab fa-wpforms menu-icon"></i>
              <span class="menu-title">Report</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="form-elements">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"><a class="nav-link" href="{{ route('get-daily-report') }}">Daily Report</a></li>                
                <li class="nav-item"><a class="nav-link" href="{{ route('get-monthly-report') }}">Monthly Report</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('get-annualy-report') }}">Annualy Report</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ route('get-branch-report') }}">Branch Report</a></li>
              </ul>
            </div>
          </li>
         
          
          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#apps" aria-expanded="false" aria-controls="apps">
              <i class="fas fa-briefcase menu-icon"></i>
              <span class="menu-title">My Business</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="apps">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"> <a class="nav-link" href="{{ route('user-register') }}">User Register</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('branch-register') }}">Branch Register</a></li>
              </ul>
            </div>
          </li>


          <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#sales-setting" aria-expanded="false" aria-controls="sales-setting">
              <i class="fa fa-cog menu-icon"></i>
              <span class="menu-title">Sales Settings</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="sales-setting">
              <ul class="nav flex-column sub-menu">
                <span style="color: rgb(255, 164, 173); font-size:10px;">--&nbsp; Product Categories & sub-Categories&nbsp; -- </span>
                <li class="nav-item"> <a class="nav-link" href="{{ route('product-category') }}">Create Categories</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('product-sub-category') }}">Create sub-Categories</a></li>
              </ul>
              <ul class="nav flex-column sub-menu">
                <span style="color: rgb(255, 164, 173); font-size:10px;">--&nbsp; Product Brands&nbsp; -- </span>
                <li class="nav-item"> <a class="nav-link" href="{{ route('product-brand') }}">Create Brand</a></li>
               
              </ul>
              <ul class="nav flex-column sub-menu">
                <span style="color: rgb(255, 164, 173); font-size:10px;">--&nbsp;Suppliers & Customers&nbsp; -- </span>
                <li class="nav-item"> <a class="nav-link" href="{{ route('supplier-register') }}">Add Suppliers</a></li>
                <li class="nav-item"> <a class="nav-link" href="{{ route('customer-register') }}">Add Customers</a></li>
              </ul>
            </div>
          </li>
          {{-- <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#e-commerce" aria-expanded="false" aria-controls="e-commerce">
              <i class="fas fa-shopping-cart menu-icon"></i>
              <span class="menu-title">Advanced Features</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="e-commerce">
              <ul class="nav flex-column sub-menu">
                @php
                $userRole = session('role'); // or Auth::user()->role if using Laravel's authentication system
            @endphp
            
            <li class="nav-item">
                @if($userRole == 'admin')
                    <a class="nav-link" href="{{ route('Delete-Requested-Expenses') }}">Delete requested expenses</a>
                @endif
            </li>
                <li class="nav-item"> <a class="nav-link" href="../samples/pricing-table.html"> Delete the requested Top-up </a></li>
                <li class="nav-item"> <a class="nav-link" href="../samples/orders.html"> Orders </a></li>
              </ul>
            </div>
          </li> --}}
          <li class="nav-item">
            <a class="nav-link" href="../documentation.html">
              <i class="far fa-file-alt menu-icon"></i>
              <span class="menu-title">Documentation</span>
            </a>
          </li>
        </ul>
      </nav>

     
     @yield('content')
     
    </div>
    <!-- page-body-wrapper ends -->
  </div>
  <!-- container-scroller -->
<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header" style="background-color: rgb(193, 74, 244)">
        <h5 class="modal-title" id="exampleModalLabel">Start Cash Register</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
           <div class="mb-3">
										<label class="form-label">Time :<span class="text-danger">*</span></label>
										<div class="input-icon-start position-relative">
											<input type="time" class="form-control cashRegisterTime" value="0" id="startcashRegisterTime">
										</div>
									</div>
       <div class="mb-3">
										<label class="form-label">Date :<span class="text-danger">*</span></label>
										<div class="input-icon-start position-relative">
											{{-- <span class="input-icon-addon text-gray-9">
												<i class="ti ti-currency-dollar"></i>
											</span> --}}
                      		
											<input type="date" class="form-control cashRegisterdate" value="0" id="startcashRegisterdate">
										</div>
									</div>
                  <div class="mb-3">
										<label class="form-label">Received Amount :<span class="text-danger">*</span></label>
										<div class="input-icon-start position-relative">
											{{-- <span class="input-icon-addon text-gray-9">
												<i class="ti ti-currency-dollar"></i>
											</span> --}}
                      		
											<input type="text" class="form-control ReceivedAmount" value="0" id="startcashRegisterAmount">
										</div>
									</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="startcashSubmit">Save changes</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">End Cash Register</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
         <div class="mb-3">
										<label class="form-label">Time :<span class="text-danger">*</span></label>
										<div class="input-icon-start position-relative">
											<input type="time" class="form-control cashRegisterTime" value="0" id="endcashRegisterTime">
										</div>
									</div>
       <div class="mb-3">
										<label class="form-label">Date :<span class="text-danger">*</span></label>
										<div class="input-icon-start position-relative">
											{{-- <span class="input-icon-addon text-gray-9">
												<i class="ti ti-currency-dollar"></i>
											</span> --}}
                      		
											<input type="date" class="form-control cashRegisterdate" value="0" id="endcashRegisterdate">
										</div>
									</div>
                  <div class="mb-3">
										<label class="form-label">Received Amount :<span class="text-danger">*</span></label>
										<div class="input-icon-start position-relative">
											{{-- <span class="input-icon-addon text-gray-9">
												<i class="ti ti-currency-dollar"></i>
											</span> --}}
                      		
											<input type="text" class="form-control ReceivedAmount" value="0" id="endcashRegisterAmount">
										</div>
									</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="endcashSubmit">Save changes</button>
      </div>
    </div>
  </div>
</div>
  <!-- plugins:js -->
  <script src="{{ asset('vendors/js/vendor.bundle.base.js') }}"></script>
  <script src="{{ asset('vendors/js/vendor.bundle.addons.js') }}"></script>
  <!-- endinject -->
  <!-- inject:js -->
  <script src="{{ asset('js/off-canvas.js') }}"></script>
  <script src="{{ asset('js/hoverable-collapse.js') }}"></script>
  <script src="{{ asset('js/misc.js') }}"></script>
  <script src="{{ asset('js/settings.js') }}"></script>
  <script src="{{ asset('js/todolist.js') }}"></script>
  <!-- endinject -->
  <!-- Custom js for this page-->
  <script src="{{ asset('js/dashboard.js') }}"></script>

  <script src="{{ asset('js/lc_select.js') }}"></script>
  {{-- <script src="{{ asset('js/lc_select.min.js') }}"></script> --}}
  {{-- <script src="{{ asset('js/fileUpload.js') }}"></script> --}}
  <script src="{{ asset('js/owl-carousel.js') }}"></script> 
  <script src="{{ asset('js/tablesorter.js') }}"></script> 
  <script src="{{ asset('js/jq.tablesort.js') }}"></script> 
  <script src="{{ asset('js/file-upload.js') }}"></script> 
  <script src="{{ asset('js/dropify.js') }}"></script> 


  <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<!-- Include Buttons DataTables JavaScript from CDN -->
<script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
<!-- Include JSZip from CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<!-- Include pdfmake from CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<!-- Include vfs_fonts from CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<!-- Include Buttons HTML5 JavaScript from CDN -->
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
<!-- Include Buttons Print JavaScript from CDN -->
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.print.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

  <!-- End custom js for this page-->
</body>

<script>
    $(document).ready(function() {
        let today = new Date().toISOString().split('T')[0];
        $('.cashRegisterdate').val(today);

         let now = new Date();
        let hours = String(now.getHours()).padStart(2, '0');
        let minutes = String(now.getMinutes()).padStart(2, '0');
        let currentTime = `${hours}:${minutes}`;
        
        $('.cashRegisterTime').val(currentTime);



$(document).on("click", "#startcashSubmit", function (e) {
  
        e.preventDefault();
        var startcashRegisterAmount = parseFloat($('#startcashRegisterAmount').val()) || 0;
	      var startcashRegisterTime = $("#startcashRegisterTime").val();
        var startcashRegisterdate =$('#startcashRegisterdate').val();
         

        var isValid = true;
            var errorMessage = '';

            // Perform individual validation checks for each input field
        if (!startcashRegisterdate || startcashRegisterdate.length === 0) {
            errorMessage += 'Date is required.<br>';
            isValid = false;
        }
        if (!startcashRegisterAmount || startcashRegisterAmount.length === 0) {
            errorMessage += 'Amount is required.<br>';
            isValid = false;
        }

        if (!isValid) {
                Swal.fire({
                    icon: 'error',
                    title: 'Validation Error',
                    html: errorMessage,
                    showCloseButton: true,
                    showCancelButton: false,
                    focusConfirm: false,
                    confirmButtonText: 'OK',
                });
                return;
      }else{
        var form_data = new FormData();
            form_data.append('_token', '{{ csrf_token() }}');
            form_data.append('startcashRegisterAmount', startcashRegisterAmount);
            form_data.append('startcashRegisterTime', startcashRegisterTime);
            form_data.append('startcashRegisterdate', startcashRegisterdate);

            $.ajax({
                url: '/store-startcashRegister', // Replace with your backend URL
                type: 'POST',
                data: form_data,
                contentType: false,
                processData: false,
                success: function (response) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Success',
                        text: 'Your data has been submitted successfully!',
                        confirmButtonText: 'OK',
                    }).then((result) => {
                      if (result.isConfirmed) {
                         window.location.reload();
                      }
                    });
                },
               error: function (xhr, status, error) {
                if (xhr.status === 409) {
                  Swal.fire({
                    icon: 'warning',
                    title: 'Already Exists',
                    text: xhr.responseJSON.message || 'A record for today already exists.',
                    confirmButtonText: 'OK',
                });
              } else {
                Swal.fire({
                  icon: 'error',
                  title: 'Error',
                  text: 'There was an error submitting your data.',
                  confirmButtonText: 'OK',
                });
              }
            }
          });
      }
              
    });


   
    $(document).on("click", "#endcashSubmit", function (e) {
        e.preventDefault();
            var endcashRegisterAmount = parseFloat($('#endcashRegisterAmount').val()) || 0;
	      var endcashRegisterdate = $("#endcashRegisterdate").val();
        var endcashRegisterTime =$('#endcashRegisterTime').val();
       

        var isValid = true;
            var errorMessage = '';

            // Perform individual validation checks for each input field
        if (!endcashRegisterTime || endcashRegisterTime.length === 0) {
            errorMessage += 'Date is required.<br>';
            isValid = false;
        }
        if (!endcashRegisterAmount || endcashRegisterAmount.length === 0) {
            errorMessage += ' Amount is required.<br>';
            isValid = false;
        }

        if (!isValid) {
                Swal.fire({
                    icon: 'error',
                    title: 'Validation Error',
                    html: errorMessage,
                    showCloseButton: true,
                    showCancelButton: false,
                    focusConfirm: false,
                    confirmButtonText: 'OK',
                });
                return;
      }else{
        var form_data = new FormData();
            form_data.append('_token', '{{ csrf_token() }}');
            form_data.append('endcashRegisterTime', endcashRegisterTime);
             form_data.append('endcashRegisterdate', endcashRegisterdate);
            form_data.append('endcashRegisterAmount', endcashRegisterAmount);
    


            $.ajax({
                url: '/store-endcashSubmit', // Replace with your backend URL
                type: 'POST',
                data: form_data,
                contentType: false,
                processData: false,
                success: function (response) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Success',
                        text: 'Your data has been submitted successfully!',
                        confirmButtonText: 'OK',
                    }).then((result) => {
                      if (result.isConfirmed) {
                         window.location.reload();
                      }
                    });
                },
               error: function (xhr, status, error) {
                if (xhr.status === 409) {
                  Swal.fire({
                    icon: 'warning',
                    title: 'Already Exists',
                    text: xhr.responseJSON.message || 'A record for today already exists.',
                    confirmButtonText: 'OK',
                });
              } else {
                Swal.fire({
                  icon: 'error',
                  title: 'Error',
                  text: 'There was an error submitting your data.',
                  confirmButtonText: 'OK',
                });
              }
            }
            });
      }
              
    });


    });
</script>
<!-- Mirrored from www.urbanui.com/melody/template/pages/layout/sidebar-fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Sep 2018 06:05:56 GMT -->
</html>

