<!--********** Preloader start **********-->

<div id="preloader">
  <div class="sk-three-bounce">
    <div class="sk-child sk-bounce1"></div>
    <div class="sk-child sk-bounce2"></div>
    <div class="sk-child sk-bounce3"></div>
  </div>
</div>

<!--********** Preloader end **********-->

<!--********** Main wrapper start **********-->

<div id="main-wrapper">

  <!--********** Logo section start ***********-->

    <div class="nav-header">
    <a href="/index" class="brand-logo">
      <img class="" width="66.5px" height="66.5px" src="../../uploads/<%= accessdata.masterstore.app_logo %>"  alt="imagess">
      
      <h1 class="brand-title" width="101.5px" height="29.5px">
        <span class="svg-logo-text-path" fill-rule="evenodd" stroke="rgb(0, 0, 0)" stroke-width="1px"
          stroke-linecap="butt" stroke-linejoin="miter" fill="rgb(64, 24, 157)">
          <%= accessdata?.masterstore?.app_name %>
        </span>
      </h1>
    </a>
    <div class="nav-control">
      <div class="hamburger">
        <span class="line"></span><span class="line"></span><span class="line"></span>
      </div>
    </div>
  </div> 
  <!--********* Logo section end ***********-->

  <!--************ Topbar start **********-->

  <div class="header">
    <div class="header-content">
      <nav class="navbar navbar-expand">
        <div class="collapse navbar-collapse justify-content-between">
          <div class="header-left">
            <div class="dashboard_bar">
              <%= titel %>
            </div>
          </div>

          <ul class="navbar-nav header-right">

            <!-- <li class="nav-item d-flex align-items-center">
                            <div class="mode  animated backOutRight" >
                            </div>
                        </li> -->
            <li class="nav-item notification_dropdown">
              <a class="nav-link  ai-icon" href="#" role="button" data-bs-toggle="dropdown">
                <div class="mode animated backOutRight" data-id="dark">
                  <svg class="lighticon" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <g>
                      <g>
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M18.1377 13.7902C19.2217 14.8742 16.3477 21.0542 10.6517 21.0542C6.39771 21.0542 2.94971 17.6062 2.94971 13.3532C2.94971 8.05317 8.17871 4.66317 9.67771 6.16217C10.5407 7.02517 9.56871 11.0862 11.1167 12.6352C12.6647 14.1842 17.0537 12.7062 18.1377 13.7902Z"
                          stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </g>
                    </g>
                  </svg>
                </div>
              </a>
            </li>

            <li class="nav-item dropdown notification_dropdown">
              <a class="nav-link  ai-icon" href="#" role="button" data-bs-toggle="dropdown">
                <svg viewBox="0 0 16 16" width="18px" fill="" xmlns="http://www.w3.org/2000/svg">
                  <path class="fill-secondary"
                    d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z">
                  </path>
                  <path
                    d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z">
                  </path>
                </svg>
              </a>

              <div class="dropdown-menu dropdown-menu-end">
                <div id="DZ_W_Notification1" class="widget-media dz-scroll ps">
                  <div class="more_lang active">
                    <div class="lang" id="en" data-lang="ltr" data-value="en"><i
                        class="flag-icon flag-icon-us"></i><span class="lang-txt">English<span> (US)</span></span></div>
                    <div class="lang" id="in" data-lang="ltr" data-value="in"><i
                        class="flag-icon flag-icon-in"></i><span class="lang-txt">Hindi</span></div>
                    <div class="lang" id="pt" data-lang="ltr" data-value="pt"><i
                        class="flag-icon flag-icon-pt"></i><span class="lang-txt">Portugu&ecirc;s<span>
                          (BR)</span></span></div>
                    <div class="lang" id="es" data-lang="ltr" data-value="es"><i
                        class="flag-icon flag-icon-es"></i><span class="lang-txt">Espa&ntilde;ol</span></div>
                    <div class="lang" id="fr" data-lang="ltr" data-value="fr"><i
                        class="flag-icon flag-icon-fr"></i><span class="lang-txt">Fran&ccedil;ais</span></div>
                    <div class="lang" id="cn" data-lang="ltr" data-value="cn"><i
                        class="flag-icon flag-icon-cn"></i><span
                        class="lang-txt">&#x7B80;&#x4F53;&#x4E2D;&#x6587;</span></div>
                    <div class="lang" id="ae" data-lang="rtl" data-value="ae"><i
                        class="flag-icon flag-icon-ae"></i><span
                        class="lang-txt">&#x644;&#x639;&#x631;&#x628;&#x64A;&#x629; <span> (ae)</span></span></div>
                    <div class="lang" id="id" data-lang="ltr" data-value="id"><i
                        class="flag-icon flag-icon-id"></i><span class="lang-txt">Indonesian</span></div>
                    <div class="lang" id="ph" data-lang="ltr" data-value="ph"><i
                        class="flag-icon flag-icon-ph"></i><span class="lang-txt">Philipines</span></div>
                    <div class="lang" id="uk" data-lang="ltr" data-value="uk"><i
                        class="flag-icon flag-icon-uk"></i><span class="lang-txt">Ukraine</span></div>
                  </div>
                </div>
              </div>
              <input type="hidden" id="hidden_lang" value="<%= language_name %>">
            </li>


            <li class="nav-item dropdown notification_dropdown">
              <a class="nav-link  ai-icon" href="#" role="button" data-bs-toggle="dropdown">
                <svg width="26" height="28" viewBox="0 0 26 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M9.45251 25.6682C10.0606 27.0357 11.4091 28 13.0006 28C14.5922 28 15.9407 27.0357 16.5488 25.6682C15.4266 25.7231 14.2596 25.76 13.0006 25.76C11.7418 25.76 10.5748 25.7231 9.45251 25.6682Z"
                    fill="#3E4954" />
                  <path
                    d="M25.3531 19.74C23.8769 17.8785 21.3995 14.2195 21.3995 10.64C21.3995 7.09073 19.1192 3.89758 15.7995 2.72382C15.7592 1.21406 14.5183 0 13.0006 0C11.4819 0 10.2421 1.21406 10.2017 2.72382C6.88095 3.89758 4.60064 7.09073 4.60064 10.64C4.60064 14.2207 2.12434 17.8785 0.647062 19.74C0.154273 20.3616 0.00191325 21.1825 0.240515 21.9363C0.473484 22.6721 1.05361 23.2422 1.79282 23.4595C3.08755 23.8415 5.20991 24.2715 8.44676 24.491C9.84785 24.5851 11.3543 24.64 13.0007 24.64C14.646 24.64 16.1524 24.5851 17.5535 24.491C20.7914 24.2715 22.9127 23.8415 24.2085 23.4595C24.9477 23.2422 25.5268 22.6722 25.7597 21.9363C25.9983 21.1825 25.8448 20.3616 25.3531 19.74Z"
                    fill="#3E4954" />
                </svg>
              </a>
              <div class="dropdown-menu dropdown-menu-end">
                <div id="DZ_W_Notification1" class="widget-media dz-scroll p-3 height410">
                  <ul class="timeline">
                    <% if(accessdata?.notification_data?.length>0){ %>
                    <% accessdata?.notification_data?.forEach((data)=> { %>
                      <li>
                        <a href="#">
                          <div class="timeline-panel">
                            <div class="media me-2">
                              <svg width="16" height="18" viewBox="0 0 26 28" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                  d="M9.45251 25.6682C10.0606 27.0357 11.4091 28 13.0006 28C14.5922 28 15.9407 27.0357 16.5488 25.6682C15.4266 25.7231 14.2596 25.76 13.0006 25.76C11.7418 25.76 10.5748 25.7231 9.45251 25.6682Z"
                                  fill="#3E4954" />
                                <path
                                  d="M25.3531 19.74C23.8769 17.8785 21.3995 14.2195 21.3995 10.64C21.3995 7.09073 19.1192 3.89758 15.7995 2.72382C15.7592 1.21406 14.5183 0 13.0006 0C11.4819 0 10.2421 1.21406 10.2017 2.72382C6.88095 3.89758 4.60064 7.09073 4.60064 10.64C4.60064 14.2207 2.12434 17.8785 0.647062 19.74C0.154273 20.3616 0.00191325 21.1825 0.240515 21.9363C0.473484 22.6721 1.05361 23.2422 1.79282 23.4595C3.08755 23.8415 5.20991 24.2715 8.44676 24.491C9.84785 24.5851 11.3543 24.64 13.0007 24.64C14.646 24.64 16.1524 24.5851 17.5535 24.491C20.7914 24.2715 22.9127 23.8415 24.2085 23.4595C24.9477 23.2422 25.5268 22.6722 25.7597 21.9363C25.9983 21.1825 25.8448 20.3616 25.3531 19.74Z"
                                  fill="#3E4954" />
                              </svg>
                            </div>
                            <div class="media-body">
                              <h6 class="mb-1">
                                <%= data.notification %>
                              </h6>
                              <small class="d-block">
                                <%= data.date %>
                              </small>
                            </div>
                          </div>
                        </a>
                      </li>
                      <% }) %>
                      <%}else{%>
                        <li>
                        <a href="#">
                          <div class="timeline-panel">
                            <div class="media-body">
                              <h5 class="mb-1 text-danger text-center">
                               No Notification Found
                              </h5>
                            </div>
                          </div>
                        </a>
                      </li>
                        <%}%>
                  </ul>
                </div>
                <a class="all-notification" href="/admin/notification">
                  <%= language.Check_All_Notification %> <i class="ti-arrow-right"></i>
                </a>
              </div>
            </li>

            <li class="nav-item dropdown header-profile">
              <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown">
                <% if (accessdata?.logas==='custmor' ) { %>
                  <img class="img-fluid 1" src="../../images/profile-default.png" onerror="this.onerror=null;this.src='../../images/default.png';" alt="image">
                  <% } else if (accessdata?.isstore===true) { %>
                    <img class="img-fluid 2"
                      src="../../uploads/<%= accessdata?.topbardata?.img  %>" onerror="this.onerror=null;this.src='../../images/default.png';"
                      alt="image">
                    <% } else { %>
                      <img class="img-fluid 3"
                        src="../../uploads/<%= accessdata?.topbardata?.img %>" onerror="this.onerror=null;this.src='../../images/default.png';"
                        alt="image">
                      <% } %>
              </a>
              <div class="dropdown-menu dropdown-menu-end">
                <div class="dropdown-item ai-icon">
                  <% if(accessdata?.logas=='custmor' ){ %>
                    <span class="text-green font-weight-bold">
                      <%=accessdata?.topbardata.name %>  
                    </span>
                    <p class="fs-12 mb-0">Customer</p>
                    <% } else if(accessdata?.isstore==true){ %>
                      <span class="text-green font-weight-bold">
                        <%=accessdata?.topbardata?.name %>
                      </span>
                      <p class="fs-12 mb-0">
                        <%=accessdata?.roll?.roll %>
                      </p>
                      <% } else { %>
                        <span class="text-green font-weight-bold">
                          <%=accessdata?.topbardata?.name %>
                        </span>
                        <% if(accessdata?.logas=='master' ){ %>
                          <p class="fs-12 mb-0">
                            <%=accessdata?.roll?.roll %>
                          </p>
                          <% } else { %>
                            <p class="fs-12 mb-0">
                              <%=accessdata?.roll?.roll %>  
                            </p>
                            <% } %>
                              <% } %>
                </div>

                <a href="/profile" class="dropdown-item ai-icon">
                  <svg id="icon-user1" xmlns="http://www.w3.org/2000/svg" class="text-primary" width="18" height="18"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round">
                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                    <circle cx="12" cy="7" r="4"></circle>
                  </svg>
                  <span class="ms-2">
                    <%= language.Profile %>
                  </span>
                </a>

                <a href="/logout" class="dropdown-item ai-icon">
                  <svg id="icon-logout" xmlns="http://www.w3.org/2000/svg" class="text-danger" width="18" height="18"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round">
                    <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
                    <polyline points="16 17 21 12 16 7"></polyline>
                    <line x1="21" y1="12" x2="9" y2="12"></line>
                  </svg>
                  <span class="ms-2">
                    <%= language.Logout %>
                  </span>
                </a>
              </div>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </div>

  <!--********** Topbar end  **********-->

  <!--**********  Sidebar start **********-->

  <div class="deznav">
    <div class="deznav-scroll">
      <ul class="metismenu" id="menu">
        <% if(accessdata?.logas !='custmor' ){ %>
          <li><a href="/index" class="has-arrow ai-icon" aria-expanded="false">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g>
                  <g>
                    <path d="M9.07861 16.1355H14.8936" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                      stroke-linejoin="round"></path>
                    <path fill-rule="evenodd" class="highlight" clip-rule="evenodd"
                      d="M2.3999 13.713C2.3999 8.082 3.0139 8.475 6.3189 5.41C7.7649 4.246 10.0149 2 11.9579 2C13.8999 2 16.1949 4.235 17.6539 5.41C20.9589 8.475 21.5719 8.082 21.5719 13.713C21.5719 22 19.6129 22 11.9859 22C4.3589 22 2.3999 22 2.3999 13.713Z"
                      stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  </g>
                </g>
              </svg>
              <span class="nav-text">
                <%= language.Dashboard %>
              </span>
            </a>
          </li>
          <% } %>
           
          <% if((accessdata.logas=='custmor' &&  accessdata.roll.pos.includes('read')) || accessdata.roll.pos.includes('read') ){ %>
              <li><a href="/admin/pos" class="has-arrow ai-icon" aria-expanded="false">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g>
                      <g>
                        <path
                          d="M15.7499 9.47167V6.43967C15.7549 4.35167 14.0659 2.65467 11.9779 2.64967C9.88887 2.64567 8.19287 4.33467 8.18787 6.42267V9.47167"
                          stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M2.94995 14.2074C2.94995 8.91344 5.20495 7.14844 11.969 7.14844C18.733 7.14844 20.988 8.91344 20.988 14.2074C20.988 19.5004 18.733 21.2654 11.969 21.2654C5.20495 21.2654 2.94995 19.5004 2.94995 14.2074Z"
                          stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                      </g>
                    </g>
                  </svg>
                  <span class="nav-text">
                    <%= language.POS %>
                  </span>
                </a>
              </li>
              <% } %>

                <% if((accessdata?.logas =='custmor' && accessdata?.roll?.orders?.includes('read')) || accessdata?.roll?.orders?.includes('read')){ %>
                  <li><a href="/order/list" class="has-arrow ai-icon" aria-expanded="false">
                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g>
                          <g>
                            <path fill-rule="evenodd" clip-rule="evenodd"
                              d="M2.74976 12.7755C2.74976 5.81947 5.06876 3.50146 12.0238 3.50146C18.9798 3.50146 21.2988 5.81947 21.2988 12.7755C21.2988 19.7315 18.9798 22.0495 12.0238 22.0495C5.06876 22.0495 2.74976 19.7315 2.74976 12.7755Z"
                              stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M3.02515 9.32397H21.0331" stroke="#130F26" stroke-width="1.5"
                              stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M16.4284 13.261H16.4374" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"></path>
                            <path d="M12.0289 13.261H12.0379" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"></path>
                            <path d="M7.62148 13.261H7.63048" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"></path>
                            <path d="M16.4284 17.113H16.4374" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"></path>
                            <path d="M12.0289 17.113H12.0379" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"></path>
                            <path d="M7.62148 17.113H7.63048" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"></path>
                            <path d="M16.033 2.05005V5.31205" stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"></path>
                            <path d="M8.02466 2.05005V5.31205" stroke="#130F26" stroke-width="1.5"
                              stroke-linecap="round" stroke-linejoin="round"></path>
                          </g>
                        </g>
                      </svg>
                      <span class="nav-text">
                        <%= language.Orders %>
                      </span>
                    </a>
                  </li>
                  <% } %>
                    <!-- <li><a href="widget-basic.html" class="has-arrow ai-icon" aria-expanded="false">
                    <i class="flaticon-381-settings-2"></i>
                    <span class="nav-text">Orders Status</span>
                </a>
                </li> -->
               
              
                  <% if((accessdata?.logas =='custmor' &&  accessdata?.roll?.customers?.includes('read')) ||   accessdata?.roll?.customers?.includes('read')){ %>
                    <li><a href="/coustomer/list" class="has-arrow ai-icon" aria-expanded="false">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <g>
                            <g>
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M9.92234 21.8083C6.10834 21.8083 2.85034 21.2313 2.85034 18.9213C2.85034 16.6113 6.08734 14.5103 9.92234 14.5103C13.7363 14.5103 16.9943 16.5913 16.9943 18.9003C16.9943 21.2093 13.7573 21.8083 9.92234 21.8083Z"
                                stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                              </path>
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M9.92231 11.2159C12.4253 11.2159 14.4553 9.1859 14.4553 6.6829C14.4553 4.1789 12.4253 2.1499 9.92231 2.1499C7.41931 2.1499 5.38931 4.1789 5.38931 6.6829C5.38031 9.1769 7.39631 11.2069 9.89031 11.2159H9.92231Z"
                                stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                              </path>
                              <path d="M19.1313 8.12891V12.1389" stroke="#130F26" stroke-width="1.5"
                                stroke-linecap="round" stroke-linejoin="round"></path>
                              <path d="M21.1776 10.1338H17.0876" stroke="#130F26" stroke-width="1.5"
                                stroke-linecap="round" stroke-linejoin="round"></path>
                            </g>
                          </g>
                        </svg>
                        <span class="nav-text">
                          <%= language.Customers %>
                        </span>
                      </a>
                    </li>
                   <%}%>

                    <% if(accessdata?.logas !='custmor' && accessdata?.roll?.coupon?.includes('read')  ){ %>
                      <li><a href="/coupon/list" class="has-arrow ai-icon" aria-expanded="false">
                          <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <g>
                              <g>
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                  d="M21.4399 13.9939C18.7789 13.9939 18.7789 9.87952 21.4399 9.87952C21.4399 5.11236 21.4399 3.41089 12.0449 3.41089C2.6499 3.41089 2.6499 5.11236 2.6499 9.87952C5.3109 9.87952 5.3109 13.9939 2.6499 13.9939C2.6499 18.762 2.6499 20.4635 12.0449 20.4635C21.4399 20.4635 21.4399 18.762 21.4399 13.9939Z"
                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                                </path>
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                  d="M12.0449 9.17114C11.3619 9.17114 11.2969 10.2606 10.8909 10.6462C10.4839 11.0308 9.22087 10.5912 9.04487 11.2743C8.86987 11.9583 10.0069 12.1904 10.1479 12.7768C10.2879 13.3632 9.59387 14.1875 10.1869 14.5986C10.7809 15.0079 11.4199 14.0804 12.0449 14.0804C12.6699 14.0804 13.3089 15.0079 13.9029 14.5986C14.4969 14.1875 13.8019 13.3632 13.9419 12.7768C14.0829 12.1904 15.2199 11.9583 15.0449 11.2743C14.8689 10.5912 13.6059 11.0308 13.1989 10.6462C12.7929 10.2606 12.7279 9.17114 12.0449 9.17114Z"
                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                                </path>
                              </g>
                            </g>
                          </svg>
                          <span class="nav-text">
                            <%= language.Coupon %>
                          </span>
                        </a>
                      </li>
                      <% } %>
                        <% if(accessdata?.logas !='custmor' && accessdata?.roll?.expense?.includes('read')){ %>
                          <li class="has-menu"><a class="has-arrow ai-icon" href="javascript:void()"
                              aria-expanded="false">
                              <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <g>
                                  <g>
                                    <path d="M13.3352 19.5078H19.7122" stroke="#130F26" stroke-width="1.5"
                                      stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                      d="M16.0578 4.85901V4.85901C14.7138 3.85101 12.8078 4.12301 11.7998 5.46601C11.7998 5.46601 6.78679 12.144 5.04779 14.461C3.30879 16.779 4.95379 19.651 4.95379 19.651C4.95379 19.651 8.19779 20.397 9.91179 18.112C11.6268 15.828 16.6638 9.11701 16.6638 9.11701C17.6718 7.77401 17.4008 5.86701 16.0578 4.85901Z"
                                      stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                      stroke-linejoin="round"></path>
                                    <path d="M10.5042 7.21143L15.3682 10.8624" stroke="#130F26" stroke-width="1.5"
                                      stroke-linecap="round" stroke-linejoin="round"></path>
                                  </g>
                                </g>
                              </svg>
                              <span class="nav-text">
                                <%= language.Expence %>
                              </span>
                            </a>
                            <ul aria-expanded="false">
                              <li><a href="/expense/list">
                                  <%= language.Expence_List %>
                                </a></li>
                              <li><a href="/expense/categorylist">
                                  <%= language.Expence_Category %>
                                </a></li>
                              <li><a href="/expense/categorytype">
                                  <%= language.Expence_Category_type %>
                                </a></li>

                            </ul>
                          </li>
                          <% } %>

                            <% if(accessdata?.logas !='custmor' && accessdata?.roll?.service?.includes('read')){ %>
                              <li class="has-menu"><a class="has-arrow ai-icon" href="javascript:void()"
                                  aria-expanded="false">

                                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <g>
                                      <g>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                          d="M20.1601 8.3L14.4901 2.9C13.7601 2.8 12.9401 2.75 12.0401 2.75C5.75015 2.75 3.65015 5.07 3.65015 12C3.65015 18.94 5.75015 21.25 12.0401 21.25C18.3401 21.25 20.4401 18.94 20.4401 12C20.4401 10.58 20.3501 9.35 20.1601 8.3Z"
                                          stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                          stroke-linejoin="round"></path>
                                        <path
                                          d="M13.9341 2.83276V5.49376C13.9341 7.35176 15.4401 8.85676 17.2981 8.85676H20.2491"
                                          stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                          stroke-linejoin="round"></path>
                                        <path d="M14.3125 12.9807H9.41248" stroke="#130F26" stroke-width="1.5"
                                          stroke-linecap="round" stroke-linejoin="round"></path>
                                        <path d="M11.8633 15.4308V10.5308" stroke="#130F26" stroke-width="1.5"
                                          stroke-linecap="round" stroke-linejoin="round"></path>
                                      </g>
                                    </g>
                                  </svg>
                                  <span class="nav-text">
                                    <%= language.Services %>
                                  </span>
                                </a>
                                <ul aria-expanded="false">
                                  <li><a href="/services/list">
                                      <%= language.Services_List %>
                                    </a></li>
                                  <li><a href="/services/type">
                                      <%= language.Services_Types %>
                                    </a></li>
                                  <li><a href="/services/addon">
                                      <%= language.Addons %>
                                    </a></li>
                                  <li><a href="/services/csv_file">
                                      <%= language.Bulk_Upload_Services %>
                                    </a></li>
                                </ul>
                              </li>
                              <% } %>
                                <% if((accessdata?.logas !='custmor' && accessdata?.roll?.account?.includes('read') && accessdata?.roll?.rollType !='master')||(accessdata.logas =='master' && accessdata.mutibranch === false)){ %>
 
                                   <li class="has-menu">
                                    <a class="has-arrow ai-icon" href="javascript:void()"
                                      aria-expanded="false">
                                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <g>
                                          <g>
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                              d="M2.75024 12C2.75024 5.063 5.06324 2.75 12.0002 2.75C18.9372 2.75 21.2502 5.063 21.2502 12C21.2502 18.937 18.9372 21.25 12.0002 21.25C5.06324 21.25 2.75024 18.937 2.75024 12Z"
                                              stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                              stroke-linejoin="round"></path>
                                            <path d="M9.42993 14.5697L14.5699 9.42969" stroke="#130F26"
                                              stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M14.4955 14.5H14.5045" stroke="#130F26" stroke-width="2"
                                              stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M9.4955 9.5H9.5045" stroke="#130F26" stroke-width="2"
                                              stroke-linecap="round" stroke-linejoin="round"></path>
                                          </g>
                                        </g>
                                      </svg>
                                      <span class="nav-text">
                                        <%= language.Cash_Management %>
                                      </span>
                                    </a>
                                    <ul aria-expanded="false">
                                      <li><a href="/account/list">
                                          <%= language.Account_List %>
                                        </a></li>
                                      <li><a href="/account/transection">
                                          <%= language.Transaction_List %>
                                        </a></li>

                                    </ul>
                                   </li>
                                  <% } %>

                                    <% if(accessdata.logas !='custmor' && accessdata.roll.branch_n_store.includes('read') && accessdata.mutibranch==true){ %>
                                      <li>
                                        <a href="/tool/storelist" class="has-arrow ai-icon" aria-expanded="false">
                                          <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <g>
                                              <g>
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                  d="M11.9724 20.3683C8.73343 20.3683 5.96643 19.8783 5.96643 17.9163C5.96643 15.9543 8.71543 14.2463 11.9724 14.2463C15.2114 14.2463 17.9784 15.9383 17.9784 17.8993C17.9784 19.8603 15.2294 20.3683 11.9724 20.3683Z"
                                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                  stroke-linejoin="round"></path>
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                  d="M11.9725 11.4488C14.0985 11.4488 15.8225 9.72576 15.8225 7.59976C15.8225 5.47376 14.0985 3.74976 11.9725 3.74976C9.84645 3.74976 8.12245 5.47376 8.12245 7.59976C8.11645 9.71776 9.82645 11.4418 11.9455 11.4488H11.9725Z"
                                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                  stroke-linejoin="round"></path>
                                                <path
                                                  d="M18.3622 10.3915C19.5992 10.0605 20.5112 8.93254 20.5112 7.58954C20.5112 6.18854 19.5182 5.01854 18.1962 4.74854"
                                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                  stroke-linejoin="round"></path>
                                                <path
                                                  d="M18.9431 13.5444C20.6971 13.5444 22.1951 14.7334 22.1951 15.7954C22.1951 16.4204 21.6781 17.1014 20.8941 17.2854"
                                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                  stroke-linejoin="round"></path>
                                                <path
                                                  d="M5.58372 10.3915C4.34572 10.0605 3.43372 8.93254 3.43372 7.58954C3.43372 6.18854 4.42772 5.01854 5.74872 4.74854"
                                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                  stroke-linejoin="round"></path>
                                                <path
                                                  d="M5.00176 13.5444C3.24776 13.5444 1.74976 14.7334 1.74976 15.7954C1.74976 16.4204 2.26676 17.1014 3.05176 17.2854"
                                                  stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                  stroke-linejoin="round"></path>
                                              </g>
                                            </g>
                                          </svg>
                                          <span class="nav-text">
                                            <%= language.Branch %> /<%= language.Store %>
                                          </span>
                                        </a>
                                      </li>
                                      <% } %>

                                        <% if(accessdata.logas !='custmor' && accessdata.roll.reports.includes('read')){ %>
                                          <li class="has-menu"><a class="has-arrow ai-icon" href="javascript:void()"
                                              aria-expanded="false">
                                              <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <g>
                                                  <g>
                                                    <path d="M7.4831 10.261V16.9547" stroke="#130F26" stroke-width="1.5"
                                                      stroke-linecap="round" stroke-linejoin="round"></path>
                                                    <path d="M12.0368 7.05737V16.9553" stroke="#130F26"
                                                      stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                                                    </path>
                                                    <path d="M16.5158 13.7983V16.9552" stroke="#130F26"
                                                      stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                                                    </path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                      d="M2.30005 12.0369C2.30005 4.73479 4.73479 2.30005 12.0369 2.30005C19.339 2.30005 21.7737 4.73479 21.7737 12.0369C21.7737 19.339 19.339 21.7737 12.0369 21.7737C4.73479 21.7737 2.30005 19.339 2.30005 12.0369Z"
                                                      stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                      stroke-linejoin="round"></path>
                                                  </g>
                                                </g>
                                              </svg>
                                              <span class="nav-text">
                                                <%= language.Reports %>
                                              </span>
                                            </a>
                                            <ul aria-expanded="false">
                                              <li><a href="/report/daily">
                                                  <%= language.Daily_Reports %>
                                                </a></li>
                                              <li><a href="/report/order">
                                                  <%= language.Order_Reports %>
                                                </a></li>
                                              <li><a href="/report/sales">
                                                  <%= language.Sales_Reports %>
                                                </a></li>
                                              <li><a href="/report/expence">
                                                  <%= language.Expence_Reports %>
                                                </a></li>
                                              <li><a href="/report/tax">
                                                  <%= language.Tax_Reports %>
                                                </a></li>
                                            </ul>
                                          </li>
                                          <% } %>
                                          <%
                                            const showMail = (
                                              (accessdata.logas === 'master' && accessdata.mutibranch === false) ||
                                              (accessdata.logas !== 'master' && accessdata.roll?.mail?.includes('read'))
                                            );
                                            const showRoll = (accessdata.logas === 'master' && accessdata.roll?.rollaccess?.includes('read'));
                                            const showMasterSetting = (accessdata.logas === 'master' && accessdata.roll?.master_setting?.includes('read'));
                                            const showStoreSetting = (
                                              (accessdata.logas === 'master' && accessdata.mutibranch === false) ||
                                              (accessdata.logas === 'store' && accessdata.roll?.master?.includes('read'))
                                            );
                                            const showPayOut = (accessdata.logas === 'master' && accessdata.mutibranch === true && accessdata.roll?.Pay_Out?.includes('read'));
                                            const showStaff = accessdata.roll?.staff?.includes('read');
                                          
                                            const showTools = accessdata?.logas !== 'custmor' &&
                                                              accessdata?.roll?.service?.includes('read') &&
                                                              (showMail || showRoll || showMasterSetting || showStoreSetting || showPayOut || showStaff);
                                          %>
                                          <% if(showTools){ %>
                                              <li class="has-menu"><a class="has-arrow ai-icon" href="javascript:void()"
                                                  aria-expanded="false">
                                                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <g>
                                                      <g>
                                                        <path d="M11.1437 17.8829H4.67114" stroke="#130F26"
                                                          stroke-width="1.5" stroke-linecap="round"
                                                          stroke-linejoin="round"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M15.205 17.8839C15.205 19.9257 15.8859 20.6057 17.9267 20.6057C19.9676 20.6057 20.6485 19.9257 20.6485 17.8839C20.6485 15.8421 19.9676 15.1621 17.9267 15.1621C15.8859 15.1621 15.205 15.8421 15.205 17.8839Z"
                                                          stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                          stroke-linejoin="round"></path>
                                                        <path d="M14.1765 7.39439H20.6481" stroke="#130F26"
                                                          stroke-width="1.5" stroke-linecap="round"
                                                          stroke-linejoin="round"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M10.1153 7.39293C10.1153 5.35204 9.43436 4.67114 7.39346 4.67114C5.35167 4.67114 4.67078 5.35204 4.67078 7.39293C4.67078 9.43472 5.35167 10.1147 7.39346 10.1147C9.43436 10.1147 10.1153 9.43472 10.1153 7.39293Z"
                                                          stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                          stroke-linejoin="round"></path>
                                                      </g>
                                                    </g>
                                                  </svg>
                                                  <span class="nav-text">
                                                    <%= language.Tools %>
                                                  </span>
                                                </a>
                                                <ul aria-expanded="false">
                                                  <% if((accessdata.logas=='master' && accessdata.mutibranch==false) ||
                                                        (accessdata.logas !='master' && accessdata.roll.mail.includes('read'))){ %>
                                                    <li><a href="/tool/mail">
                                                        <%= language.Mail_Settings %>
                                                      </a></li>
                                                    <% } %>
                                                      <% if(accessdata.logas=='master' && accessdata.roll.rollaccess.includes('read')){ %>
                                                        <li><a href="/tool/roll">
                                                            <%= language.Module %>
                                                          </a></li>
                                                        <% } %>
                                                          <% if(accessdata.logas=='master' && accessdata.roll.master_setting.includes('read') ){ %>
                                                            <li><a href="/tool/setting">
                                                                <%= language.Master_Settings %>
                                                              </a></li>
                                                            <% } %>
                                                              <% if((accessdata.logas =='master' &&
                                                                     accessdata.mutibranch==false)||
                                                                     (accessdata.roll.master.includes('read') && 
                                                                     accessdata.logas=='store' )){ %>
                                                                <li><a href="/tool/storesetting">
                                                                    <%= language.Store_Settings %>
                                                                  </a></li>
                                                            <% } %>
                                                        <% if(accessdata.logas=='master' && accessdata.mutibranch==true && accessdata.roll.Pay_Out.includes('read')){ %>
                                                          <li><a href="/account/payout">
                                                              <%= language.Pay_Out %>
                                                            </a></li>
                                                          <% } %>
                                                         <% if(accessdata.roll.staff.includes('read')){ %>
                                                           <li><a href="/tool/staff">
                                                               <%= language.Role_staff_management %>
                                                             </a></li>
                                                           <% } %> 
                                                </ul>
                                              </li>
                                              <% } %>

                                                <li><a href="/profile" class="has-arrow ai-icon" aria-expanded="false">
                                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                                      xmlns="http://www.w3.org/2000/svg">
                                                      <g>
                                                        <g>
                                                          <path fill-rule="evenodd" clip-rule="evenodd"
                                                            d="M9.92234 21.8083C6.10834 21.8083 2.85034 21.2313 2.85034 18.9213C2.85034 16.6113 6.08734 14.5103 9.92234 14.5103C13.7363 14.5103 16.9943 16.5913 16.9943 18.9003C16.9943 21.2093 13.7573 21.8083 9.92234 21.8083Z"
                                                            stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round"></path>
                                                          <path fill-rule="evenodd" clip-rule="evenodd"
                                                            d="M9.92231 11.2159C12.4253 11.2159 14.4553 9.1859 14.4553 6.6829C14.4553 4.1789 12.4253 2.1499 9.92231 2.1499C7.41931 2.1499 5.38931 4.1789 5.38931 6.6829C5.38031 9.1769 7.39631 11.2069 9.89031 11.2159H9.92231Z"
                                                            stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round"></path>
                                                        </g>
                                                      </g>
                                                    </svg>
                                                    <span class="nav-text">
                                                      <%= language.Profile %>
                                                    </span>
                                                  </a>
                                                </li>

                                                <li><a href="/logout" class="has-arrow ai-icon" aria-expanded="false">
                                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                                                      xmlns="http://www.w3.org/2000/svg" class="logout">
                                                      <g>
                                                        <g>
                                                          <path d="M11.879 14.791V2.75" stroke="#130F26"
                                                            stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round"></path>
                                                          <path d="M14.795 11.8643L11.879 14.7923L8.96301 11.8643"
                                                            stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round"></path>
                                                          <path
                                                            d="M16.3702 7.25879C19.9492 7.58879 21.2502 8.92879 21.2502 14.2588C21.2502 21.3588 18.9392 21.3588 12.0002 21.3588C5.05924 21.3588 2.75024 21.3588 2.75024 14.2588C2.75024 8.92879 4.05024 7.58879 7.63024 7.25879"
                                                            stroke="#130F26" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round"></path>
                                                        </g>
                                                      </g>
                                                    </svg>
                                                    <span class="nav-text">
                                                      <%= language.Logout %>
                                                    </span>
                                                  </a>
                                                </li>
                                              </ul>
                    </div>
                  </div>

  <!--*********** Sidebar end *************-->