<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="icon" sizes="16x16" href="{{ asset('images/favicon.ico') }}">
    <title>@yield('title') | {{ env('APP_NAME') }}</title>
    <!-- ===== Bootstrap CSS ===== -->
    <link href="{{ asset('bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('plugins/components/custom-select/custom-select.css') }}" rel="stylesheet">
    <!-- ===== Plugin CSS ===== -->
    <link href="{{ asset('plugins/components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet"
        type="text/css" />
    <!-- ===== Animation CSS ===== -->
    <link href="{{ asset('css/animate.css') }}" rel="stylesheet">
    <!-- ===== Custom CSS ===== -->
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    <link href="{{ asset('css/toast.css') }}" rel="stylesheet">
    <!-- ===== Color CSS ===== -->
    <link href="{{ asset('css/colors/default.css') }}" id="theme" rel="stylesheet">
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->
    <link href="{{ asset('plugins/components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">

    <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> -->

    <?php
    function current_page($uri = '/')
    {
        return strstr(request()->path(), $uri);
    }
    
    function home_page()
    {
        if (request()->path() == '/') {
            return true;
        } else {
            return false;
        }
    }
    ?>

       <style type="text/css">
/* .select2-container--mytheme {
  background-color: #fff;
}
.select2-container--mytheme .select2-search__field {
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 20px;
}

.select2-container--mytheme .select2-selection__rendered {
  background-color: #f1f3f4;
  border-radius: 20px;
  border-color: #d3d3d3;
  border-width: 1px;
}

.select2-container--mytheme .select2-selection__arrow {
  border-color: #d3d3d3;
}

.select2-container--mytheme .select2-dropdown {
  border-radius: 20px;
  background-color: #fff;
  border-color: #d3d3d3;
  border-width: 1px;
}

.select2-container--mytheme .select2-results__option--highlighted {
  background-color: #f0f0f0;
} */
/* Increase padding of the search input field */
/* Increase the height of the search input field */
.select2-container--mytheme .select2-search__field {
  height: 40px;
  padding: 10px 12px;
  color: #fff; /* Input text color */
}

/* Increase the height and border radius of the selected option */
.select2-container--mytheme .select2-selection__rendered {
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  background-color: #76B5C5;
  border-color: #76B5C5;
  color: #fff; /* Selected text color */
}

/* Highlight the selected option on hover */
.select2-container--mytheme .select2-selection__rendered:hover {
  background-color: #60A7B9;
}

/* Increase the height, padding, and border radius of the dropdown */
.select2-container--mytheme .select2-dropdown {
  height: 200px;
  padding: 10px 0;
  border-width: 2px;
  border-radius: 30px;
  border-color: #76B5C5;
}

/* Set the background color and text color of the dropdown options */
.select2-container--mytheme .select2-results__option {
  background-color: #76B5C5;
  color: #fff;
}

/* Highlight the dropdown option on hover */
.select2-container--mytheme .select2-results__option:hover {
  background-color: #60A7B9;
  color: #fff;
}

/* Set the background color and text color of the selected dropdown option */
.select2-container--mytheme .select2-results__option[aria-selected=true] {
  background-color: #60A7B9;
  color: #fff;
}

/* Set the background color and text color of the dropdown option group headers */
.select2-container--mytheme .select2-results__group {
  background-color: #76B5C5;
  color: #fff;
}





        @media print {
            a[href]:after {
                visibility: hidden;
            }

            /*  table.table-bordered{
        border:1px solid black !important;
        margin-top:20px;
        }
        table.table-bordered > thead > tr > th{
        border:1px solid black !important;
        }
        table.table-bordered > tbody > tr > td{
        border:1px solid black !important;
        }*/
            /* .white-box {
        border: 1px solid #000000 !important;
        }*/
            .div-border {
                border: 1px solid #000000;
                padding: 5px;
            }

            .font-weight-bold {
                font-weight: bold;
            }

            .pricing-section {
                border: 1px solid black;
                padding: 15px;
            }

            .us-text {
                float: left;
            }

            .us-next-line {
                display: block;
            }
        }

        #myTable th {
            color: black;
        }


        table.table-striped tbody tr:nth-of-type(odd) {
            background-color: #fafbfd !important;
        }


        table.table-striped tbody tr:nth-of-type(even):hover {
            background-color: #e5f4ff !important;
        }

        table.table-striped tbody tr:nth-of-type(odd):hover {
            background-color: #e5f4ff !important;
        }

        .table-hover>tbody>tr:hover {
            background-color: #e5f4ff !important;
        }

        .anchor-link {
            display: none;
        }

        /* .newha {
            float: right;
            font-size: 30px;
            background: #102b4d;
            width: 45px;
            height: 45px;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            line-height: 50px;
            color: #f8eded;
            margin-right: 20px;
            margin-top: 6px;
            transition: 0s;
            display: inline-block;
        } */

        /* .newha:hover .swh {
            display: block;
            margin-right: -5px;
            transition-delay: 1s;
            margin-top: 5px;
        } */

        /* .newha:hover {
            background: black;
        }

        .swh {
            color: white;
            display: none;
            float: right;
            width: 85px;
            height: 40px;
            background: black;
            text-align: center;
            line-height: 40px;
            border: 1px solid black;
            margin-right: 5px;
            border-radius: 13%;
            font-size: 14px;
            font-weight: bold;
            box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
            transform: scale(1.03);
            letter-spacing: 1px;
            font-family: Helvetica;
        } */

        .newhas1 {
       margin-top: 3px;
       background: white;
       display: flex;
       box-sizing:border-box;
       padding: 20px;
       margin-left: 5px;
       flex-direction: row;
       border-radius: 10px;
       margin-right:6px;
      }

        .newhas1:hover {
            background: #ECF5EB;;
            cursor: pointer;
        }

        .imghai {
            margin-left: 20px;
        }

        .imghai>i {}

        .imghai:hover .swhh {
            display: inline;
            transition: 0.5s ease;

        }

        .imghai>img {
            width: 35px;
            height: 35px;
        }

        .has {
            float: left;
            font-size: 25px;
            background: lightblue;
            width: 37px;
            height: 37px;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            line-height: 40px;
            color: #f8eded;
            margin-right: 20px;
            margin-top: 6px;
            transition: 0s;
        }

        .lu {
          display: flex;
          flex: auto;
          font-weight: bold;
          font-size: x-large;
        }

        .newdiv {
            display: none;
            position: absolute;
            z-index: 3;
            width: 22%;
            background: white;
            float: right;
            transform: scale(1.03);
            margin-top: 12px;
            margin-right: 30px;
            border-radius: 10px;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            margin-left: 76%;
        }
        .nayadiv {
              padding: 10px;
              border-radius: 10px;
              margin-left: 5px;
              font-size: 17px;
              color:#006e6a;
              margin-right: 6px;
              margin-bottom: 5px;
        }
        .nayadiv:hover {
            background: #ECF5EB;
            cursor: pointer;
        }

        .show {
            display: block;
        }

        .seconddiv {
            display: none;
            position: absolute;
            z-index: 10;
            width: 25%;
            background: white;
            float: right;
            transform: scale(1.03);
            margin-top: 12px;
            border-radius: 10px;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            margin-left: 73%;
            padding: 23px;
        }

        .fas {
            color: black;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
        }

        .fas:hover {
            color: black;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #D8D8D8;
            border-radius: 50%;
        }

        .hastext {
            display: flex;
            color: black;
            font-size: 21px;
            font-weight: 600;
            display: contents;
        }

        .newsecondiv {
            margin-top: 20px;
            cursor: pointer;

        }
        .newsecondiv > li{
            list-style-type: none;
        }
        .newsecondiv:hover {
            background: #D8D8D8;
            height: 50px;
            border-radius: 7px;
        }

        .radios {
            float: right;
        }

        .lui {
            font-family: 'Segoe UI Historic';
            font-weight: 200px;
            font-size: 18px;
            color: black;
            padding: 5px;
        }

       
        
        .hass {
            font-size: 25px;
            background: lightblue;
            width: 37px;
            height: 37px;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            line-height: 40px;
            color: #f8eded;
            margin-right: 20px;
            margin-top: 6px;
            margin-left: 5px;
            transition: 0s;
            object-fit: cover;
            border: 1px solid #dfd2d5;
        }

        .swhh {
            position: absolute;
            width: 130px;
            z-index: 3;
            display: none;
            color: white;
            height: 25px;
            background: black;
            margin-top: 8px;
            text-align: center;
            line-height: 20px;
            border: 1px solid black;
            border-radius: 10%;
            margin-left: -117px;
            font-size: 10px;
            font-weight: bold;
            box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
            transform: scale(1.03);
            font-family: Helvetica;
        }

        #rot {
             font-size: 52px;
             position: absolute;
             top: 3px;
             right: 14px;
             line-height: 0px;
             color: #3D515A;
        }
        #rot:hover {
            color: #3D515A;
            cursor: pointer;
            transition: 0.4s;
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
        }

        .shows {
            display: block;
        }

        .showing {
            display: none;
        }

        #ley {
            font-size: 23px;
            color: white;
            background: violet;
            width: 34px;
            height: 35px;
            border-radius: 50%;
            text-align: center;
            line-height: revert;
        }
        .halp{
            float: left;
            font-size: 25px;
            background: lightblue;
            width: 35px;
            height: 37px;
            text-align: center;
            border-radius: 50%;
            cursor: pointer;
            line-height: 40px;
            color: #f8eded;
            margin-right: 20px;
            margin-top: 6px;
            transition: 0s;
        }
        .chal {
          width: 45px;
          height: 45px;
          border-radius: 50%;
          position: absolute;
          z-index: 2;
          right: 20px;
            }
            #newid {
              color: white;
              font-weight: 700;
              font-size: 21px;
              margin-top: 5%;
              margin-right: 25px;
            }
            .ekdiv{
                display: flex;
                float: right;
                margin-top: 2px;
                margin-bottom: 2px;
            }
            /* select project style */
            .sboxnew{
               width: 35%;
               /* margin: 22px auto 0; */
               /* position: absolute;
               z-index: 10;
               margin-left: 22%;
               margin-top: -90px; */
}
.optionss{
    margin-top: 20px;
    padding: 0px;
}
.optionss li{
    height: 58px;
    border-radius: 5px;
    font-size: 21px;
    font-weight: 500px;
    list-style-type: none;
    cursor: pointer;
}
.optionss li:hover{
    background:  #e5f4ff !important;;
    width: 100%;
}
.select-btn, .options li{
    display: flex;
    cursor: pointer;
    align-items: center;
}
.select-btn{
    height: 65px;
    font-size: 22px;
    padding: 0 20px;
    background: #31708f;
    justify-content: space-between;
}
.select-btn i{
    font-size: 31px;
    transition: transform 0.3s linear;
}
.sboxnew.active .select-btn i{
    display: block;
    transform: rotate(-180deg);
}
.content{
    display: none;
    padding: 20px;
    margin-top: 2px;
    background: #31708f;
    z-index: 5;
}
.sboxnew.active .content{
    display: block;
}
.content .search{
position: relative;
}
.search i{
    left: 15px;
    line-height: 53px;
    position: absolute;
    font-size: 20px;
    color: #999;
}
.search input{
    height: 53px;
    width: 100%;
    outline: none;
    border-radius: 40px;
    font-size: 17px;
    padding: 0 15px 0 43px;
    border: 1px solid black;
}
.content .options{
    margin-top: 10px;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 7px;
}
.options::-webkit-scrollbar{
    width: 11px;
}
.options::-webkit-scrollbar-track{
    background: #ccc;
    border-radius: 25px;
}
.options::-webkit-scrollbar-thumb{
    background:  slategray;;
    border-radius: 25px;
}
.options li{
    height: 58px;
    border-radius: 5px;
    padding: 0 13px;
    font-size: 21px;
    font-weight: 500px;
}
.options li:hover, li.selected{
    background: lightslategray;
}
html{
    scroll-behavior: smooth; 
}
#progress {
    color: red;
    position: fixed;
    bottom: 20px;
    right: 10px;
    width: 55px;
    height: 55px;
    display: none;
    place-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 5;
}
#progress-value{
    display: block;
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    background: black;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 30px;
    color: white;
}
/*  */
.circle-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden; 
  border: none; 
  cursor: pointer; 
  margin-right: 20px;
  margin-top: 8px;
} 
.circle-btn img {
  width: 100%; 
  height: 100%;
  object-fit: cover;
}

/*  */
.span {
    display: none;
    position: absolute;
    float: right;
    background: gray;
    width: 5%;
    border-radius: 7px;
    text-align: center;
    color: white;
    font-size: 15px;
    font-weight: 500;
    height: 38px;
    line-height: 2.5;
    z-index: 1;
    letter-spacing: .5px;
    top: 61px;
    right: 6px;
    background: #000000a6;;
    opacity: 0;
}
.circle-btn:hover .span{
  display: block;
  opacity: 1;
} 
        /* End Select box  */
        @media only screen and (max-width: 1024px) {
            .newdiv {
                display: none;
                width: auto;
                position: absolute;
                z-index: 3;
                /* height: 185px; */
                background: white;
                /* float: right; */
                transform: scale(1.03);
                margin-top: 12px;
                /* margin-right: 30px; */
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 823px;
            }

            .seconddiv {
                display: none;
                position: absolute;
                z-index: 3;
                width: 30%;
                background: white;
                transform: scale(1.03);
                margin-top: 12px;
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 823px;
                padding: 23px;
            }
        }

        @media only screen and (max-width: 862px) {
            .newdiv {
                display: none;
                width: auto;
                position: absolute;
                z-index: 3;
                /* height: 185px; */
                background: white;
                /* float: right; */
                transform: scale(1.03);
                margin-top: 12px;
                /* margin-right: 30px; */
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 633px;
            }

            .seconddiv {
                display: none;
                position: absolute;
                z-index: 3;
                width: 35%;
                /* height: 220px; */
                background: white;
                /* float: right; */
                transform: scale(1.03);
                margin-top: 12px;
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 633px;
                padding: 23px;
            }
        }

        @media only screen and (max-width: 1075px) {
            .newdiv {
                display: none;
                width: auto;
                position: absolute;
                z-index: 3;
                /* height: 185px; */
                background: white;
                /* float: right; */
                transform: scale(1.03);
                margin-top: 12px;
                /* margin-right: 30px; */
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 70%;
            }

            .seconddiv {
                display: none;
                position: absolute;
                z-index: 3;
                width: 32%;
                /* height: 220px; */
                background: white;
                /* float: right; */
                transform: scale(1.03);
                margin-top: 12px;
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 65%;
                padding: 23px;
            }
        }

        @media only screen and (max-width: 720px) {
            .newdiv {
                display: none;
                width: auto;
                position: absolute;
                z-index: 3;
                /* height: 185px; */
                background: white;
                /* float: right; */
                transform: scale(1.03);
                margin-top: 75px;
                /* margin-right: 30px; */
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 56%;
            }

            .seconddiv {
                display: none;
                position: absolute;
                z-index: 3;
                width: 43%;
                /* height: 220px; */
                background: white;
                /* float: right; */
                transform: scale(1.03);
                margin-top: 75px;
                border-radius: 10px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                margin-left: 55%;
                padding: 23px;
            }
        }
         
 


    </style>
    @yield('css')
</head>

<body class="mini-sidebar">
    <!-- Preloader -->

    @php
        $data = \App\MultiProject::getMultiProject();
        $active = \App\MultiProject::getActiveProject();

        $app_society=false;
        $app_high_rise = false;
       
       
    


    @endphp
   

    @can('isSuperAdmin')
    @php
    $app_society = false;
    $app_high_rise = false;
     if(isset($ids[0])){
        if($ids[0] != 'all'){
            $result=   \App\MultiProject::whereIn('id',$ids)->where('project_type_id',\App\ProjectType::society)->first();
       
            if(!empty( $result))
            {
                $app_society = true;
               $app_high_rise = true; 
            }
            else {
                $app_society = false;
               $app_high_rise = true; 
            }
        }
        else {
          $r=  \App\MultiProject::where('project_type_id',\App\ProjectType::society)->first();
          if(!empty( $r))
            {
                $app_society = true;
               $app_high_rise = true; 
            }
            else {
                $app_society = false;
               $app_high_rise = true; 
            }
        }
     }
  
       
      
    @endphp
    @elsecannot('isSuperAdmin')
    @php
    if($cookie_project_type == \App\ProjectType::society)
        {
            $app_society=true;
            $app_high_rise = false;
        }
        if($cookie_project_type == \App\ProjectType::high_rise ){
            $app_high_rise = true;
            $app_society=false;
        }
       
    @endphp 
    @endcan

   
 
    <div id="wrapper">
        <div class="preloader">
            <div class="cssload-speeding-wheel"></div>
        </div>


        <!-- ===== Top-Navigation ===== -->
        <nav class="navbar navbar-default navbar-static-top m-b-0 no-print" style="position: sticky; top: 0;">
            <div class="navbar-header">
                <div class="ekdiv">
                    {{-- <p id="newid">SUPER ADMIN</p> --}}
                    @if (!empty($active['project']))
                        <p id="newid">{{ $active['project']->name }}</p>
                    @else
                        <p id="newid">{{ Auth::user()->name }}</p>
                    @endif
                    <!-- <i class="fa fa-refresh rot" aria-hidden="true"></i>  -->

                    <div class="circle-btn" onclick="show()">
                    <span
 
                            class="x4k7w5x x1h91t0o x1h9r5lt x1jfb8zj xv2umb2 x1beo9mf xaigb6o x12ejxvf x3igimt xarpa2k xedcshv x1lytzrv x1t2pt76 x7ja8zs x1qrby5j"
                            id="rot">
                            <div aria-label="Switch Profiles"
                                class="x1i10hfl xjbqb8w xjqpnuy xa49m3k xqeqjp1 x2hbi6w x13fuv20 xu3j5b3 x1q0q8m5 x26u7qi x972fbf xcfux6l x1qhh985 xm0m39n x9f619 x1ypdohk xdl72j9 x2lah0s xe8uvvx xdj266r x11i5rnm xat24cr x1mh8g0r x2lwn1j xeuugli xexx8yu x4uap5 x18d9i69 xkhd6sd x1n2onr6 x16tdsg8 x1hl2dhg xggy1nq x1ja2u2z x1t137rt x1o1ewxj x3x9cwd x1e5q0jg x13rtm0m x3nfvp2 x1q0g3np x87ps6o x1lku1pv x1a2a7pz x6s0dn4 xl56j7k"
                                role="button" tabindex="0">
                                <div class="x135icu2"><svg fill="currentColor" viewBox="0 0 20 20" width="1em"
                                        height="1em"
                                        class="x1lliihq x1k90msu x2h7rmj x1qfuztq xfuq9xy x10w6t97 x1td3qas">
                                        <g fill-rule="evenodd" transform="translate(-446 -398)">
                                            <g fill-rule="nonzero">
                                                <path
                                                    d="M96.628 206.613A7.97 7.97 0 0 1 96 203.5a7.967 7.967 0 0 1 2.343-5.657A7.978 7.978 0 0 1 104 195.5a7.978 7.978 0 0 1 5.129 1.86.75.75 0 0 0 .962-1.15A9.479 9.479 0 0 0 104 194a9.478 9.478 0 0 0-6.717 2.783A9.467 9.467 0 0 0 94.5 203.5a9.47 9.47 0 0 0 .747 3.698.75.75 0 1 0 1.381-.585zm14.744-6.226A7.97 7.97 0 0 1 112 203.5a7.967 7.967 0 0 1-2.343 5.657A7.978 7.978 0 0 1 104 211.5a7.978 7.978 0 0 1-5.128-1.86.75.75 0 0 0-.962 1.152A9.479 9.479 0 0 0 104 213a9.478 9.478 0 0 0 6.717-2.783 9.467 9.467 0 0 0 2.783-6.717 9.47 9.47 0 0 0-.747-3.698.75.75 0 1 0-1.381.585z"
                                                    transform="translate(352 204.5)"></path>
                                                <path
                                                    d="M109.5 197h-2.25a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 1 0-1.5 0V197zm-11 13h2.25a.75.75 0 1 0 0-1.5h-3a.75.75 0 0 0-.75.75v3a.75.75 0 1 0 1.5 0V210z"
                                                    transform="translate(352 204.5)"></path>
                                            </g>
                                        </g>
                                    </svg></div>
                                <div
                                    class="x1jx94hy x1z11no5 xjy5m1g x1mnwbp6 x4pb5v6 xyqdw3p x10ogl3i xg8j3zb x1k2j06m x10l6tqk">
                                    <div class="x1rg5ohu x1n2onr6 x3ajldb x1ja2u2z"></div>
                                </div>
                            </div>
                        </span>

                        @if (empty($active['project']))
                            <img src="{{ asset('plugins/images/users/admin.jpg') }}" alt="">
                        @else
                            <img src="{{ asset('images/' . $active['project']->image) }}" alt="">
                        @endif
                        <span class="span">Switch</span>
                    </div>



                    <!-- <div class="newha" onclick="myFunction()">   <img src="images/logoo1.png" class="chal"> <i class="fa fa-spinner " aria-hidden="true"></i>
                    <button type="button" class="swh">Switch</button>
                </div> -->


                </div>
                <a class="navbar-toggle font-20 hidden-sm hidden-md hidden-lg " href="#" data-toggle="collapse"
                    data-target=".navbar-collapse">

                    <i class="fa fa-bars"></i>
                </a>

                <div class="top-left-part" style="text-align: center;padding:15px;">
                    <a class="logo" href="{{ route('home') }}">

                        <!-- <img src="{{ asset('images/logo.png') }}" class="logo-img" style="width: 15%; height: 15%; background: white"> -->
                        <span style="font-size: 21px;color:white;font-weight:700;">
                            {{ env('APP_NAME') }}

                        </span>
                    </a>
                </div>
                <ul class="nav navbar-top-links navbar-left hidden-xs">
                    <li>
                        <a href="#" class="sidebartoggler font-20 waves-effect waves-light"><i
                                class="icon-arrow-left-circle"></i></a>
                    </li>



                </ul>

            </div>
        </nav>
        <!-- ===== Top-Navigation-End ===== -->
        <div class="color-shicher-wraper no-print" style="z-index: 9999; margin-top: 30px;">
            <div class="setting-button-wrapper-1">
                <button type="button" class="setting-button" title="Payment Schedule Calculator"><i id="id12"
                        class="fa fa-calculator"></i></button>
            </div>
            <form id="form_app" method="post" target="_blank" action="{{ route('schedule.generate') }}">
                {{ csrf_field() }}
                <div class="swhicher-button">
                    <h3><b>Payment Scheduler </b><button type="button" onclick="refresh()"><i
                                class="fa fa-refresh fa-sm"></i></button></h3>
                    <div style="margin-bottom: 5px;"><label style="width:35%">Unit No</label>
                        <select class="chosen-select" style="margin-bottom: 0px;width:63%!important;"
                            name="unit_number_app" id="unit_number_app">

                            <option value=""></option>
                            @foreach ($units as $p)
                                <option value="{{ $p->id }}">{{ $p->unit_number }}</option>
                            @endforeach

                        </select>
                        <!-- <input type="integer" style="margin-bottom: 0px;width:53%;" autocomplete="off" class="form-group" id='total_sqft_app' value=""> -->
                    </div>
                    <!-- <div style="margin-bottom: 10px;"><label style="width:40%">Type</label>
        <input type="integer" style="margin-bottom: 0px;width:53%;" autocomplete="off" class="form-group" id='rate_sqft_app' value="">
        </div> -->
                    <div style="margin-bottom: 5px;"><label style="width:35%">Status</label>
                        <input type="integer" disabled="" readonly="" style="margin-bottom: 0px;width:63%;"
                            autocomplete="off" class="form-group" id='status_app' value="">
                    </div>
                    <div style="margin-bottom: 5px;"><label style="width:35%">Type</label>
                        <input type="integer" disabled="" readonly="" style="margin-bottom: 0px;width:63%;"
                            autocomplete="off" class="form-group" id='type_app' value="">
                    </div>
                    <div style="margin-bottom: 5px;"><label style="width:35%">Size</label>
                        <input type="integer" disabled="" readonly="" style="margin-bottom: 0px;width:63%;"
                            autocomplete="off" class="form-group" id='size_app' value="">
                    </div>

                    <div style="margin-bottom: 5px;"><label style="width:35%">Categories</label>
                        <div class="bootstrap-tagsinput" id="category_app">

                        </div>
                        <!-- <textarea disabled="" readonly="" style="margin-bottom: 0px;width:53%;" autocomplete="off" class="form-group"
                            id='category_app'></textarea> -->

                    </div>
                    <div style="margin-bottom: 5px;"><label style="width:35%">Total Price</label>
                        <input type="integer" disabled="" readonly="" style="margin-bottom: 0px;width:63%;"
                            autocomplete="off" class="form-group" id='total_amount_app' value="">
                    </div>
                    <div style="margin-bottom: 5px;"><label style="width:35%">Extra Charges</label>
                        <input type="integer" disabled="" readonly="" style="margin-bottom: 0px;width:63%;"
                            autocomplete="off" class="form-group" id='extra_charges_app' value="">
                    </div>
                    <div style="margin-bottom: 10px;"><label style="width:40%;    font-size: 1.3rem;">Discount (
                            <input type="checkbox" id="per_discount"> % )</label>
                        <input type="integer" style="margin-bottom: 0px;width:53%;" class="form-group"
                            autocomplete="off" id='discount_app' name="discount_app" value="">
                    </div>
                    <div style="margin-bottom: 5px;"><label style="width:35%">Net Amount</label>
                        <input type="integer" disabled="" readonly="" style="margin-bottom: 0px;width:63%;"
                            autocomplete="off" class="form-group" id='net_amount_app' value="">
                    </div>


                    <div style="margin-bottom: 5px;">
                        <label style="width:35%">Down Payment</label>
                        <input type="integer" style="margin-bottom: 0px;width:63%;" class="form-group"
                            autocomplete="off" name="down_payment_app" id='down_payment_app' value="">
                    </div>
                    <div style="margin-bottom: 5px;">
                        <label style="width:35%">Montlhy</label>
                        <input type="integer" style="margin-bottom: 0px;width:30%;" class="form-group"
                            autocomplete="off" name="monthly_installment_app" id='monthly_installment_app'
                            value=""> <input readonly="" type="integer" autocomplete="off" disabled=""
                            style="margin-bottom: 0px;width:30%;" class="form-group"
                            name="total_monthly_installment_app" id='total_monthly_installment_app' value="">
                    </div>
                    <div style="margin-bottom: 5px;">
                        <!--  <label style="width:35%">Semi Annually</label> -->
                        <select style="width:35%" name="annual_select" id="annual_select">
                            <option value="1">None</option>
                            <option value="3">Quarterly</option>
                            <option value="6" selected="">Semi Annually</option>
                            <option value="12">Annually</option>
                        </select>
                        <input type="integer" autocomplete="off" style="margin-bottom: 0px;width:30%;"
                            class="form-group" name="annual_installment_app" id='annual_installment_app'
                            value="">
                        <input type="integer" autocomplete="off" disabled=""
                            style="margin-bottom: 0px;width:30%;" class="form-group"
                            name="total_annual_installment_app" id='total_annual_installment_app' value="">
                    </div>
                    <div style="margin-bottom: 5px;">
                        <label style="width:35%">Possession</label>
                        <input type="integer" style="margin-bottom: 0px;width:63%;" class="form-group"
                            autocomplete="off" name="possession_app" id='possession_app' value="">
                    </div>
                    <div style="margin-bottom: 5px;">
                        <label style="width:35%">Total Months</label>
                        <input type="integer" autocomplete="off" s
                            class="form-group" name="total_months_atyle="margin-bottom: 0px;width:63%;"pp" id='total_months_app' value="">
                    </div>
                    <div style="margin-bottom: 5px; text-align: center;">
                        <a href="javascript:{}" onclick="document.getElementById('form_app').submit();"
                            class="fcbtn btn btn-success btn-outline btn-1c">Print Payment Schedule</a>
                    </div>

                </div>
            </form>

        </div>
        <!--/.color-shicher-wraper-->
        <!-- ===== Left-Sidebar ===== -->
        <aside class="sidebar no-print" role="navigation">
            <div class="slim-scroll">
                <div class="user-profile">
                    <div class="dropdown user-pro-body">
                        <div class="profile-image">
                            <img src="{{ asset('images/villas.png') }}" alt="user-img"
                                class="img-circle">
                            <a href="#" class="dropdown-toggle u-dropdown text-blue" data-toggle="dropdown"
                                role="button" aria-haspopup="true" aria-expanded="false">
                                <span class="badge badge-danger">
                                    <i class="fa fa-angle-down"></i>
                                </span>
                            </a>
                            <ul class="dropdown-menu animated flipInY">
                                <li><a href="{{ route('admin.profile') }}"><i class="fa fa-user"></i> Profile</a>
                                </li>

                                <li><a href="{{ route('projectswitch.index') }}"><i class="fa fa-fighter-jet"></i>
                                        Project Switching</a>
                                </li>
                                <li role="separator" class="divider"></li>

                                <form id='form1' action="{{ route('logout') }}" method="POST">
                                    {{ csrf_field() }}
                                </form>
                                <li> <a href='#' onclick="document.getElementById('form1').submit();"><i
                                            class="fa fa-power-off"></i> Logout</a></li>

                            </ul>
                        </div>
                        <p class="profile-text m-t-15 font-16"><a href="#"> {{ Auth::user()->name }}</a></p>
                    </div>
                </div>
                <nav class="sidebar-nav active">
                    <ul id="side-menu" class="in">
                        <li class="{{ home_page() ? 'active' : '' }}">
                            <a href="{{ route('home') }}" class="{{ home_page() ? 'active' : '' }}"
                                aria-expanded="false"><i class="icon-screen-desktop fa-fw"></i> <span
                                    class="hide-menu">Dashboard</span></a>
                        </li>




                        @permission(['list-customer', 'create-customer'])
                            <li>

                                <a class=" {{ current_page('customer/all') ? 'active' : '' }} {{ current_page('add/customer') ? 'active' : '' }} {{ current_page('customer-requests') ? 'active' : '' }} waves-effect"
                                    href="javascript:void(0);" aria-expanded="false">
                                    <i class="fa fa-caret-right caret-icon"></i>
                                    <i class="icon-people fa-fw"></i>
                                    <span class="hide-menu">Customers</span></a>
                                <ul aria-expanded="false"
                                    class="collapse {{ current_page('customer/all') ? 'in' : '' }} {{ current_page('add/customer') ? 'in' : '' }} {{ current_page('customer-requests') ? 'in' : '' }}">

                                    @permission('create-customer')

                                        <li class="{{ current_page('add/customer') ? 'active' : '' }}"> <a
                                                class="{{ current_page('add/customer') ? 'active' : '' }}"
                                                href="{{ route('customer.addView') }}"><i class="icon-check fa-fw"></i> New
                                                Customer</a> </li>
                                    @endpermission

                                    @permission('list-customer')

                                        <li class="{{ current_page('customer/all') ? 'active' : '' }}"> <a
                                                class="{{ current_page('customer/all') ? 'active' : '' }}"
                                                href="{{ route('customer.all') }}"><i class="icon-check fa-fw"></i> Customers
                                                List</a> </li>
                                    @endpermission

                                </ul>


                            </li>

                            @permission(['list-customer', 'create-customer'])
                            <li>

                                <a class=" {{ current_page('nominee/all') ? 'active' : '' }} 
                                {{ current_page('/add/nominee') ? 'active' : '' }}
                                  waves-effect"
                                    href="javascript:void(0);" aria-expanded="false">
                                    <i class="fa fa-caret-right caret-icon"></i>
                                    <i class="icon-user fa-fw"></i>
                                    <span class="hide-menu">Nominees</span></a>
                                <ul aria-expanded="false"
                                    class="collapse {{ current_page('nominee/all') ? 'in' : '' }} {{ current_page('add/nominee') ? 'in' : '' }} ">

                                    @permission('create-customer')

                                        <li class="{{ current_page('add/nominee') ? 'active' : '' }}"> <a
                                                class="{{ current_page('add/nominee') ? 'active' : '' }}"
                                                href="{{ route('nominee.addView') }}"><i class="icon-check fa-fw"></i> New
                                                Nominee</a> </li>
                                    @endpermission

                                    @permission('list-customer')

                                        <li class="{{ current_page('nominee/all') ? 'active' : '' }}"> <a
                                                class="{{ current_page('nominee/all') ? 'active' : '' }}"
                                                href="{{ route('nominee.all') }}"><i class="icon-check fa-fw"></i> Nominee
                                                List</a> </li>
                                    @endpermission

                                </ul>


                            </li>
                            @endpermission
                        @endpermission

                        @permission(['list-inventory', 'create-inventory'])
                            <li>
                                <a class=" {{ current_page('inventory-status-sheet') ? 'active' : '' }} {{ current_page('add/inventory') ? 'active' : '' }} {{ current_page('inventory/all') ? 'active' : '' }} waves-effect"
                                    href="javascript:void(0);" aria-expanded="false">
                                    <i class="fa fa-caret-right caret-icon"></i>
                                    <i class="icon-layers fa-fw"></i>
                                    <span class="hide-menu">Inventories</span></a>
                                <ul aria-expanded="false"
                                    class="collapse {{ current_page('inventory-status-sheet') ? 'in' : '' }} {{ current_page('add/inventory') ? 'in' : '' }} {{ current_page('inventory/all') ? 'in' : '' }}">

                                    @permission('create-inventory')
                                    @can('isSuperAdmin')
                                        <li class="{{ current_page('add/inventory') ? 'active' : '' }}"> <a
                                                class="{{ current_page('add/inventory') ? 'active' : '' }}"
                                                href="{{ route('inventory.add.before') }}"><i class="icon-check fa-fw"></i>
                                                 Add Inventory</a> </li>
                                       @elsecannot('isSuperAdmin')
                                                 <li class="{{ current_page('add/inventory') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('add/inventory') ? 'active' : '' }}"
                                                    href="{{ route('inventory.add') }}"><i class="icon-check fa-fw"></i>
                                                     Add Inventory</a> </li>
                                                 @endcan
                                    @endpermission

                                    @permission('list-inventory')
                                        <li class="{{ current_page('inventory/') ? 'active' : '' }}"> <a
                                                class="{{ current_page('inventory/') ? 'active' : '' }}"
                                                href="{{ route('inventory.all') }}"><i class="icon-check fa-fw"></i>
                                                Inventory List</a> </li>
                                    @endpermission

                                    @permission('list-inventory')
                                        <li class="{{ current_page('inventory-status-sheet') ? 'active' : '' }}"> <a
                                                class="{{ current_page('inventory-status-sheet') ? 'active' : '' }}"
                                                href="{{ route('inventory.sheet') }}"><i class="icon-check fa-fw"></i>
                                                Inventory Status Sheet</a> </li>
                                    @endpermission

                                </ul>

                            </li>
                        @endpermission






                        @permission(['list-registration', 'create-membership', 'list-membership', 'approve-membership'])

                            <li>
                                <a class=" {{ current_page('adjust-units/all') ? 'active' : '' }} {{ current_page('refund-units') ? 'active' : '' }} {{ current_page('pending-development-charges') ? 'active' : '' }} {{ current_page('add/development-charges') ? 'active' : '' }} {{ current_page('statement/') ? 'active' : '' }} {{ current_page('pending-statement') ? 'active' : '' }} {{ current_page('registrations') ? 'active' : '' }} {{ current_page('memberships') ? 'active' : '' }} {{ current_page('transfer/all') ? 'active' : '' }} {{ current_page('add/statement') ? 'active' : '' }}  {{ current_page('cancel-statements') ? 'active' : '' }} {{ current_page('noc') ? 'active' : '' }}  {{ current_page('block-units/all') ? 'active' : '' }} {{ current_page('list/development-charges') ? 'active' : '' }} waves-effect"
                                    href="javascript:void(0);" aria-expanded="false">
                                    <i class="fa fa-caret-right caret-icon"></i>
                                    <i class="glyphicon glyphicon-th-list fa-fw"></i> <span class="hide-menu">
                                        Sales</span></a>
                                <ul aria-expanded="false"
                                    class="collapse {{ current_page('adjust-units/all') ? 'in' : '' }} {{ current_page('refund-units') ? 'in' : '' }} {{ current_page('pending-development-charges') ? 'in' : '' }} {{ current_page('add/development-charges') ? 'in' : '' }} {{ current_page('statement/') ? 'in' : '' }} {{ current_page('pending-statement') ? 'in' : '' }} {{ current_page('transfer/') ? 'in' : '' }} {{ current_page('memberships') ? 'in' : '' }} {{ current_page('registrations') ? 'in' : '' }} {{ current_page('add/statement') ? 'in' : '' }} {{ current_page('cancel-statements') ? 'in' : '' }}  {{ current_page('noc') ? 'in' : '' }}  {{ current_page('block-units/all') ? 'in' : '' }} {{ current_page('list/development-charges') ? 'in' : '' }}">


                                    @permission('create-membership')
                                    @can('isSuperAdmin')
                                    <li class="{{ current_page('before-add/statement') ? 'active' : '' }}"> <a
                                        class="{{ current_page('before-add/statement') ? 'active' : '' }}"
                                        href="{{ route('statement.add.before-admin') }}"><i class="icon-check fa-fw"></i>New
                                        Sale</a> </li>

                                    @elsecannot('isSuperAdmin')
                                    <li class="{{ current_page('add/statement') ? 'active' : '' }}"> <a
                                        class="{{ current_page('add/statement') ? 'active' : '' }}"
                                        href="{{ route('statement.addView') }}"><i class="icon-check fa-fw"></i>New
                                        Sale</a> </li>
                                    @endcan
                                    @endpermission

                                    @permission('list-membership')
                                        <li class="{{ current_page('statement/') ? 'active' : '' }}"> <a
                                                class="{{ current_page('statement/') ? 'active' : '' }}"
                                                href="{{ route('statement.all') }}"><i class="icon-check fa-fw"></i>
                                                Properties List</a> </li>
                                    @endpermission

                                    @permission('approve-membership')
                                        <li class="{{ current_page('pending-statement') ? 'active' : '' }}"> <a
                                                class="{{ current_page('pending-statement') ? 'active' : '' }}"
                                                href="{{ route('statement.pending') }}"><i class="icon-check fa-fw"></i>
                                                Pending Statements @if ($pendingStatements > 0)
                                                    <span class="label label-rounded pull-right"
                                                        style="line-height: 1.8;    min-width: 0px;font-size: 14px;padding: 0px 8px;background-color: rgb(204 2 2);">{{ $pendingStatements }}</span>
                                                @endif
                                            </a>
                                        </li>
                                    @endpermission



                            
                                    @permission('list-membership')
                                    

                                        @permission('view-block')
                                            <li class="{{ current_page('block-units/all') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('block-units/all') ? 'active' : '' }}"
                                                    href="{{ route('property.block.view') }}"><i class="icon-check fa-fw"></i>
                                                    Block list<br></a> </li>
                                        @endpermission
                                        @permission('list-membership')
                                      
                                        <li>

                                            <a class=" waves-effect {{  current_page('noc') ? 'active' : '' }} {{ current_page('transfer/') ? 'active' : '' }}"
                                                href="javascript:void(0);" aria-expanded="false">
                                                <i class="fa fa-caret-right caret-icon"></i>
                                                <i class="fa fa-building-o fa-fw"></i> <span
                                                    class="hide-menu">Unit Transfer  
                                                </span>
                                            </a>
                                            <ul aria-expanded="false"
                                                class="collapse {{  current_page('noc') ? 'active' : '' }} {{ current_page('transfer/') ? 'active' : '' }} ">


                                                @permission('list-membership')
                                                <li class="{{ current_page('noc') ? 'active' : '' }}">
                                                    <a class="{{ current_page('noc') ? 'active' : '' }}"
                                                        href="{{ route('noc_req') }}">
                                                        <i class="icon-check fa-fw"></i>
                                                        NOC List</a>
                                                </li>
                                                @endpermission


                                                @permission('list-membership')
                                                <li class="{{ current_page('transfer/') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('transfer/') ? 'active' : '' }}"
                                                    href="{{ route('transfer.all') }}"><i class="icon-check fa-fw"></i> Transfer
                                                    List</a> </li>
                                                    @endpermission
                                                   


                                                

                                               

                                            </ul>
                                        </li>
                                    @endpermission
                                            @if ($app_society)

                                                <li>

                                                    <a class=" {{ current_page('add/development-charges') ? 'active' : '' }} {{ current_page('add/development-charges') ? 'active' : '' }} {{ current_page('pending-development-charges') ? 'active' : '' }} {{ current_page('list/development-charges') ? 'active' : '' }} waves-effect "
                                                        href="javascript:void(0);" aria-expanded="false">
                                                        <i class="fa fa-caret-right caret-icon"></i>
                                                        <i class="fa fa-building-o fa-fw"></i> <span
                                                            class="hide-menu">Development Charges  
                                                        </span>
                                                    </a>
                                                    <ul aria-expanded="false"
                                                        class="collapse {{ current_page('pending-development-charges') ? 'in' : '' }} {{ current_page('add/development-charges') ? 'in' : '' }} {{ current_page('add/development-charges') ? 'active' : '' }}  {{ current_page('/pending-development-charges') ? 'active' : '' }} {{ current_page('list/development-charges') ? 'in' : '' }}">


                                                        @permission('list-membership')
                                                            <li
                                                                class="{{ current_page('add/development-charges') ? 'active' : '' }}">
                                                                <a class="{{ current_page('add/development-charges') ? 'active' : '' }}"
                                                                    href="{{ route('statement.addDevelopmentCharges') }}"><i
                                                                        class="icon-check fa-fw"></i>Add Charges</a>
                                                            </li>
                                                        @endpermission





                                                        @permission('approve-membership')
                                                            <li
                                                                class="{{ current_page('pending-development-charges') ? 'active' : '' }}">
                                                                <a class="{{ current_page('pending-development-charges') ? 'active' : '' }}"
                                                                    href="{{ route('development-charges.pending') }}"><i
                                                                        class="icon-check fa-fw"></i> Pending Charges @if ($pendingDevelopmentCharges > 0)
                                                                        <span class="label label-rounded pull-right"
                                                                            style="line-height: 1.8;    min-width: 0px;font-size: 14px;padding: 0px 8px;background-color: rgb(204 2 2);">{{ $pendingDevelopmentCharges }}</span>
                                                                    @endif
                                                                </a>
                                                            </li>
                                                        @endpermission

                                                        @permission('edit-membership')
                                                            <li
                                                                class="{{ current_page('list/development-charges') ? 'active' : '' }}">
                                                                <a class="{{ current_page('list/development-charges') ? 'active' : '' }}"
                                                                    href="{{ route('development-charges.list') }}"><i
                                                                        class="icon-check fa-fw"></i> List Charges

                                                                </a>
                                                            </li>
                                                        @endpermission


                                                    </ul>
                                                </li>
                                            @endif
                                       



                                        <li>

                                            <a class=" waves-effect  {{ current_page('refund-units') ? 'active' : '' }} {{ current_page('cancel-statements') ? 'active' : '' }} {{ current_page('cancel-statements') ? 'active' : '' }}  {{ current_page('refund-units') ? 'active' : '' }}  {{ current_page('adjust-units/all') ? 'active' : '' }}  "
                                                href="javascript:void(0);" aria-expanded="false">
                                                <i class="fa fa-caret-right caret-icon"></i>
                                                <i class="icon-chart fa-fw"></i> <span
                                                    class="hide-menu">Cancellation</span></a>
                                            <ul aria-expanded="false"
                                                class="collapse {{ current_page('adjust-units/all') ? 'in' : '' }} {{ current_page('refund-units') ? 'in' : '' }} {{ current_page('cancel-statements') ? 'in' : '' }} {{ current_page('report/generel-ledger') ? 'active' : '' }}  {{ current_page('report/trial-balance') ? 'active' : '' }} {{ current_page('report/balance-sheet') ? 'active' : '' }} {{ current_page('report/profit-loss-statement') ? 'active' : '' }} {{ current_page('report/cash-flow-statement') ? 'active' : '' }}  ">


                                                <li class="{{ current_page('cancel-statements') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('cancel-statements') ? 'active' : '' }}"
                                                        href="{{ route('statement.cancel') }}"><i
                                                            class="icon-check fa-fw"></i>Cancelled Units</a> </li>

                                                @permission('view-refund')
                                                    <li class="{{ current_page('refund-units') ? 'active' : '' }} "> <a
                                                            class="{{ current_page('refund-units') ? 'active' : '' }}"
                                                            href="{{ route('property.refund') }}"><i
                                                                class="icon-check fa-fw"></i> Refunded Units<br></a> </li>
                                                @endpermission
                                                @permission('view-adjust')
                                                    <li class="{{ current_page('adjust-units/all') ? 'active' : '' }} "> <a
                                                            class="{{ current_page('adjust-units/all') ? 'active' : '' }}"
                                                            href="{{ route('property.adjust.view') }}"><i
                                                                class="icon-check fa-fw"></i>Adjusted Units</a> </li>
                                                @endpermission

                                            </ul>
                                        </li>
                                    @endpermission
                                </ul>
                            </li>
                        @endpermission




                       
                            @if ($app_society)

                                {{-- Balloting --}}

                                @permission(['view-balloting', 'create-balloting'])
                                    <li>
                                        <a class=" {{ current_page('/pre-conditions') ? 'active' : '' }} 
                                                  {{ current_page('balloting/all-map-files') ? 'active' : '' }}  {{ current_page('balloting/pre-condition-list') ? 'active' : '' }}  {{ current_page('balloting/direct') ? 'active' : '' }} waves-effect"
                                            href="javascript:void(0);" aria-expanded="false">
                                            <i class="fa fa-caret-right caret-icon"></i>
                                            <i class="fa fa-globe fa-fw"></i>
                                            <span class="hide-menu">Balloting</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('/pre-conditions') ? 'in' : '' }} {{ current_page('balloting/pre-conditions') ? 'in' : '' }} {{ current_page('balloting/all-map-files') ? 'in' : '' }} {{ current_page('balloting/pre-condition-list') ? 'in' : '' }} {{ current_page('balloting/direct') ? 'in' : '' }}">

                                            @permission('create-balloting')
                                                <li class="{{ current_page('/pre-conditions') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('/pre-conditions') ? 'active' : '' }}"
                                                        href="{{ route('balloting.start.preconditions') }}"><i
                                                            class="icon-check fa-fw"></i> Design Balloting</a> </li>
                                            @endpermission

                                            @permission('view-balloting')
                                                <li class="{{ current_page('/all-map-files') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('/all-map-files') ? 'active' : '' }}"
                                                        href="{{ route('balloting.map.list') }}"><i
                                                            class="icon-check fa-fw"></i> Balloting List</a> </li>
                                            @endpermission

                                            @permission('view-balloting')
                                                <li class="{{ current_page('/pre-condition-list') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('/pre-condition-list') ? 'active' : '' }}"
                                                        href="{{ route('balloting.precondition.list') }}"><i
                                                            class="icon-check fa-fw"></i> Pre-Condition List</a> </li>
                                            @endpermission

                                            @permission('create-balloting')
                                                <li class="{{ current_page('/direct') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('/direct') ? 'active' : '' }}"
                                                        href="{{ route('balloting.direct.index') }}"><i
                                                            class="icon-check fa-fw"></i> Direct Balloting</a> </li>
                                            @endpermission

                                        </ul>

                                    </li>
                                @endpermission
                                {{-- End Balloting --}}

                            @endif
                        



                        @permission(['merging-properties', 'merging-properties-requisition',
                            'merging-properties-approval', 'buy-back-requisition', 'buyback-properties',
                            'buy-back-approval', 'buyback-payment'])
                            <li>
                                <a class=" {{ current_page('buy-back/add') ? 'active' : '' }} {{ current_page('buy-back/list') ? 'active' : '' }} {{ current_page('buy-back/list-requisition') ? 'active' : '' }} {{ current_page('buy-back/add-requisition') ? 'active' : '' }} {{ current_page('/property-list') ? 'active' : '' }}   {{ current_page('/pending-approval') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }} {{ current_page('/add-requisition') ? 'active' : '' }} waves-effect "href="javascript:void(0);"
                                    aria-expanded="false"> 
                                    <i class="fa fa-caret-right caret-icon"></i> 
                                    <i class="icon-home fa-fw"></i><span class="hide-menu"> Merging Property </span></a>
                                    <ul aria-expanded="false"
                                        class="collapse  {{ current_page('buy-back/add') ? 'in' : '' }} {{ current_page('buy-back/list') ? 'in' : '' }}  {{ current_page('buy-back/list-requisition') ? 'in' : '' }} {{ current_page('buy-back/add-requisition') ? 'in' : '' }} {{ current_page('/property-list') ? 'in' : '' }}  {{ current_page('/pending-approval') ? 'in' : '' }} {{ current_page('/add-requisition') ? 'in' : '' }} {{ current_page('/list-requisition') ? 'in' : '' }}">


                                    @permission(['merging-properties', 'merging-properties-requisition',
                                        'merging-properties-approval'])

                                        <li>
                                            <a class="{{ current_page('merging-properties') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false">
                                                <i class="fa fa-caret-right caret-icon"></i> <span class="hide-menu"> Merging
                                                    Forms</span></a>
                                            <ul aria-expanded="false"
                                                class="collapse {{ current_page('merging-properties') ? 'in' : '' }} ">



                                                <li>
                                                    <a class=" {{ current_page('merging-properties/add-requisition') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }} {{ current_page('/pending-approval') ? 'active' : '' }}  waves-effect "
                                                        href="javascript:void(0);" aria-expanded="false">
                                                        <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                            class="hide-menu"> Requisition Form</span></a>
                                                    <ul aria-expanded="false"
                                                        class="collapse  {{ current_page('merging-properties/add-requisition') ? 'in' : '' }} {{ current_page('/list-requisition') ? 'in' : '' }} {{ current_page('/pending-approval') ? 'in' : '' }}">

                                                        @permission('merging-properties-requisition')

                                                            <li
                                                                class="{{ current_page('merging-properties/add-requisition') ? 'active' : '' }}">
                                                                <a class="{{ current_page('merging-properties/add-requisition') ? 'active' : '' }}"
                                                                    href="{{ route('merging.properties.requisition') }}"><i
                                                                        class="icon-check fa-fw"></i>Requisition Form Add</a>
                                                            </li>

                                                            <li class="{{ current_page('/list-requisition') ? 'active' : '' }}">
                                                                <a class="{{ current_page('/list-requisition') ? 'active' : '' }}"
                                                                    href="{{ route('merging.properties.list.requisition') }}"><i
                                                                        class="icon-check fa-fw"></i>Requisition Form List</a>
                                                            </li>

                                                        @endpermission

                                                        @permission('merging-properties-approval')

                                                            <li class="{{ current_page('/pending-approval') ? 'active' : '' }}">
                                                                <a class="{{ current_page('/pending-approval') ? 'active' : '' }}"
                                                                    href="{{ route('merging.properties.pending.approval') }}"><i
                                                                        class="icon-check fa-fw"></i>Pending approval</a>
                                                            </li>

                                                        @endpermission

                                                    </ul>
                                                </li>

                                                <li>
                                                    <a class="  waves-effect {{ current_page('merging-properties/list') ? 'active' : '' }} {{ current_page('merging-properties/add') ? 'active' : '' }} "
                                                        href="javascript:void(0);" aria-expanded="false">
                                                        <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                            class="hide-menu"> Assessment Form</span></a>
                                                    <ul aria-expanded="false"
                                                        class="collapse {{ current_page('merging-properties/add') ? 'in' : '' }} {{ current_page('merging-properties/list') ? 'in' : '' }}">

                                                        @permission('merging-properties')

                                                            <li
                                                                class="{{ current_page('merging-properties/add') ? 'active' : '' }}">
                                                                <a class="{{ current_page('merging-properties/add') ? 'active' : '' }}"
                                                                    href="{{ route('merging.properties') }}"><i
                                                                        class="icon-check fa-fw"></i>Assesment Form Add</a>
                                                            </li>

                                                            <li
                                                                class="{{ current_page('merging-properties/list') ? 'active' : '' }}">
                                                                <a class="{{ current_page('merging-properties/list') ? 'active' : '' }}"
                                                                    href="{{ route('merging.properties.list') }}"><i
                                                                        class="icon-check fa-fw"></i>Assesment Form List</a>
                                                            </li>

                                                        @endpermission
                                                </li>
                                            </ul>

                                            @permission('merging-properties')

                                            <li class="{{ current_page('/property-list') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('/property-list') ? 'active' : '' }}"
                                                    href="{{ route('merging.property.list') }}">Merging Property List</a> </li>

                                        @endpermission
                                    </ul>

                                </li>

                            @endpermission
                    {{--    @permission(['buy-back-requisition', 'buyback-properties', 'buy-back-approval',
                                'buyback-payment'])

                                <li>
                                    <a class=" {{ current_page('buy-back') ? 'active' : '' }}  waves-effect"
                                        href="javascript:void(0);" aria-expanded="false">
                                        <i class="fa fa-caret-right caret-icon"></i>
                                        <span class="hide-menu">Buy Back Properties</span></a>
                                    <ul aria-expanded="false" class="collapse {{ current_page('buy-back') ? 'in' : '' }} ">

                                        <li>
                                            <a class=" waves-effect {{ current_page('buy-back/add-requisition') ? 'active' : '' }} {{ current_page('buy-back/list-requisition') ? 'active' : '' }}    "
                                                href="javascript:void(0);" aria-expanded="false">
                                                <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                    class="hide-menu"> Requisition Form</span></a>
                                            <ul aria-expanded="false"
                                                class="collapse {{ current_page('buy-back/add-requisition') ? 'in' : '' }} {{ current_page('buy-back/list-requisition') ? 'in' : '' }}">

                                                @permission('buy-back-requisition')

                                                    <li class="{{ current_page('buy-back/add-requisition') ? 'active' : '' }}">
                                                        <a class="{{ current_page('buy-back/add-requisition') ? 'active' : '' }}"
                                                            href="{{ route('buy.back.requisition') }}"><i
                                                                class="icon-check fa-fw"></i>Requisition Form Add</a>
                                                    </li>

                                                    <li class="{{ current_page('buy-back/list-requisition') ? 'active' : '' }}">
                                                        <a class="{{ current_page('buy-back/list-requisition') ? 'active' : '' }}"
                                                            href="{{ route('buy.back.list.requisition') }}"><i
                                                                class="icon-check fa-fw"></i>Requisition Form List</a>
                                                    </li>

                                                @endpermission
                                            </ul>
                                        </li>

                                        <li>
                                            <a class=" waves-effect {{ current_page('buy-back/add') ? 'active' : '' }} {{ current_page('buy-back/list') ? 'active' : '' }} "
                                                href="javascript:void(0);" aria-expanded="false">
                                                <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                    class="hide-menu"> Buy Back Form</span></a>
                                            <ul aria-expanded="false"
                                                class="collapse {{ current_page('buy-back/add') ? 'in' : '' }} {{ current_page('buy-back/list') ? 'in' : '' }}">


                                                @permission('buyback-properties')

                                                    <li class="{{ current_page('buy-back/add') ? 'active' : '' }}"> <a
                                                            class="{{ current_page('buy-back/add') ? 'active' : '' }}"
                                                            href="{{ route('buy.back.properties') }}"><i
                                                                class="icon-check fa-fw"></i>Buy Back Form Add</a> </li>

                                                    <li class="{{ current_page('buy-back/list') ? 'active' : '' }}"> <a
                                                            class="{{ current_page('buy-back/list') ? 'active' : '' }}"
                                                            href="{{ route('buy.back.properties.list') }}"><i
                                                                class="icon-check fa-fw"></i>Buy Back Form List</a> </li>

                                                @endpermission
                                            </ul>
                                        </li>

                                        <li>
                                            <a class=" waves-effect {{ current_page('add-payment') ? 'active' : '' }} {{ current_page('buy-back/list-payment') ? 'active' : '' }}"
                                                href="javascript:void(0);" aria-expanded="false">
                                                <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                    class="hide-menu"> Payment Form</span></a>
                                            <ul aria-expanded="false"
                                                class="collapse {{ current_page('add-payment') ? 'in' : '' }} {{ current_page('buy-back/list-payment') ? 'in' : '' }}">

                                                @permission('buyback-payment')

                                                    <li class="{{ current_page('add-payment') ? 'active' : '' }}"> <a
                                                            class="{{ current_page('add-payment') ? 'active' : '' }}"
                                                            href="{{ route('buy.back.payment') }}"><i
                                                                class="icon-check fa-fw"></i>Payment Form Add</a> </li>

                                                    <li class="{{ current_page('buy-back/list-payment') ? 'active' : '' }}"> <a
                                                            class="{{ current_page('buy-back/list-payment') ? 'active' : '' }}"
                                                            href="{{ route('buy.back.payment.list') }}"><i
                                                                class="icon-check fa-fw"></i>Payment Form List</a> </li>

                                                @endpermission

                                            </ul>
                                        </li>

                                        @permission('buy-back-approval')

                                            <li class="{{ current_page('/pending-approval') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('/pending-approval') ? 'active' : '' }}"
                                                    href="{{ route('buy.back.pending.approval.tab') }}">Pending approval</a>
                                            </li>

                                        @endpermission

                                    </ul>

                                </li>

                            @endpermission --}}

                        </ul>
                        </li>
                    @endpermission

                    @permission('follow-up')

                        <li>
                            <a class=" {{ current_page('/expired') ? 'active' : '' }} {{ current_page('follow-up/upcoming') ? 'active' : '' }} {{ current_page('follow-up') ? 'active' : '' }} {{ current_page('report/account-statement') ? 'active' : '' }} {{ current_page('follow-up/upcoming') ? 'active' : '' }}  {{ current_page('today') ? 'active' : '' }}  {{ current_page('follow-up/expired') ? 'active' : '' }} waves-effect"
                                href="javascript:void(0);" aria-expanded="false">
                                <i class="fa fa-caret-right caret-icon"></i>
                                <i class="icon-calender fa-fw"></i> <span class="hide-menu">Follow ups</span></a>
                            <ul aria-expanded="false"
                                class="collapse {{ current_page('/expired') ? 'in' : '' }} {{ current_page('follow-up/upcoming') ? 'in' : '' }} {{ current_page('today') ? 'in' : '' }} {{ current_page('report/account-statement') ? 'in' : '' }}">


                                <li class="{{ current_page('report/account-statement') ? 'active' : '' }} "> <a
                                        class="{{ current_page('report/account-statement') ? 'active' : '' }}"
                                        href="{{ route('report.account-statement') }}"><i class="icon-check fa-fw"></i>
                                        Recovery Account<br>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Statement</a> </li>

                                <li class="{{ current_page('follow-up/upcoming') ? 'active' : '' }}"> <a
                                        class="{{ current_page('follow-up/upcoming') ? 'active' : '' }}"
                                        href="{{ route('followup.upcoming') }}"><i class="icon-check fa-fw"></i> Up
                                        Coming</a> </li>

                                <li class="{{ current_page('today') ? 'active' : '' }}"> <a
                                        class="{{ current_page('today') ? 'active' : '' }}"
                                        href="{{ route('followup.today') }}"><i class="icon-check fa-fw"></i> Today</a>
                                </li>

                                <li class="{{ current_page('/expired') ? 'active' : '' }}"> <a
                                        class="{{ current_page('/expired') ? 'active' : '' }}"
                                        href="{{ route('followup.expired') }}"><i class="icon-check fa-fw"></i>
                                        Expired</a> </li>


                            </ul>

                        </li>

                    @endpermission


                    @permission(['create-receipt', 'list-receipt'])

                        <li>
                            <a class=" {{ current_page('token/receipt/pendings') ? 'active' : '' }} {{ current_page('receipt/pendings') ? 'active' : '' }} {{ current_page('refend-token') ? 'active' : '' }}    waves-effect"
                                href="javascript:void(0);" aria-expanded="false">
                                <i class="fa fa-caret-right caret-icon"></i>
                                <i class="icon-book-open fa-fw"></i>
                                <span class="hide-menu">Receipts</span></a>
                            <ul aria-expanded="false"
                                class="collapse {{ current_page('token/receipt/pendings') ? 'in' : '' }} {{ current_page('receipt/pendings') ? 'in' : '' }} {{ current_page('refend-token') ? 'in' : '' }} ">

                                <li>
                                    <a class=" waves-effect  {{ current_page('receipt/downpayment') ? 'active' : '' }} {{ current_page('add/receipt') ? 'active' : '' }} {{ current_page('/add-requisition') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }}  {{ current_page('receipt/pendings') ? 'active' : '' }}  "
                                        href="javascript:void(0);" aria-expanded="false">
                                        <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                            class="hide-menu"> Customer Receipt</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('receipt/downpayment') ? 'in' : '' }} {{ current_page('add/receipt') ? 'in' : '' }} {{ current_page('/add-requisition') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }} {{ current_page('receipt/pendings') ? 'in' : '' }}">

                                        @permission('create-receipt')
                                            <li class="{{ current_page('add/receipt') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('add/receipt') ? 'active' : '' }}"
                                                    href="{{ route('receipt.addView') }}"><i class="icon-check fa-fw"></i>
                                                    Add Customer Receipt </a> </li>
                                        @endpermission

                                        @permission('list-receipt')

                                            <li class="{{ current_page('receipt/downpayment') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('receipt/downpayment') ? 'active' : '' }}"
                                                    href="{{ route('receipt.downpayment.all') }}"><i
                                                        class="icon-check fa-fw"></i>Customer Receipt List</a> </li>

                                        @endpermission

                                        @permission('approve-receipt')
                                            <li class="{{ current_page('receipt/pendings') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('receipt/pendings') ? 'active' : '' }}"
                                                    href="{{ route('receipt.pending') }}"><i
                                                        class="icon-check fa-fw"></i>Pending Receipts @if ($pendingReceipts > 0)
                                                        <span class="label label-rounded pull-right"
                                                            style=" line-height: 1.8;   min-width: 0px;font-size: 14px;padding: 0px 8px;background-color: rgb(204 2 2);">{{ $pendingReceipts }}</span>
                                                    @endif
                                                </a>
                                            </li>
                                        @endpermission
                                    </ul>
                                </li>
                               
                                    @if ($app_society)
                                        <li>
                                            <a class=" waves-effect {{ current_page('add/dealer-receipt') ? 'active' : '' }} {{ current_page('receipt/package-pendings') ? 'active' : '' }} {{ current_page('receipt/dealer/package-approved') ? 'active' : '' }}  {{ current_page('/add-requisition') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }}    "
                                                href="javascript:void(0);" aria-expanded="false">
                                                <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                    class="hide-menu"> Dealer Package Receipt</span></a>
                                            <ul aria-expanded="false"
                                                class="collapse {{ current_page('add/dealer-receipt') ? 'in' : '' }} {{ current_page('receipt/package-pendings') ? 'in' : '' }} {{ current_page('receipt/dealer/package-approved') ? 'in' : '' }}   {{ current_page('/add-requisition') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }}">


                                                @permission('create-receipt')
                                                    <li class="{{ current_page('add/dealer-receipt') ? 'active' : '' }}"> <a
                                                            class="{{ current_page('add/dealer-receipt') ? 'active' : '' }}"
                                                            href="{{ route('receipt.addView.dealerproperty') }}"><i
                                                                class="icon-check fa-fw"></i> Add Dealer Receipt </a> </li>
                                                @endpermission

                                                @permission('list-receipt')
                                                    <li
                                                        class="{{ current_page('receipt/dealer/package-approved') ? 'active' : '' }}">
                                                        <a class="{{ current_page('receipt/dealer/package-approved') ? 'active' : '' }}"
                                                            href="{{ route('receipt.package-approved.get') }}"><i
                                                                class="icon-check fa-fw"></i>Dealer Receipt List</a>
                                                    </li>
                                                @endpermission

                                                @permission('approve-receipt')
                                                    <li
                                                        class="{{ current_page('receipt/package-pendings') ? 'active' : '' }}">
                                                        <a class="{{ current_page('receipt/package-pendings') ? 'active' : '' }}"
                                                            href="{{ route('receipt.package.pending') }}"><i
                                                                class="icon-check fa-fw"></i>Pending Dealer Receipts
                                                            @if ($pendingPackageReceipt > 0)
                                                                <span class="label label-rounded pull-right"
                                                                    style="margin-top: -29px; line-height: 1.8;   min-width: 0px;font-size: 14px;padding: 0px 8px;background-color: rgb(204 2 2);">{{ $pendingPackageReceipt }}</span>
                                                            @endif

                                                        </a>
                                                    </li>
                                                @endpermission
                                            </ul>
                                        </li>
                                    @endif
                                

                                <li>
                                    <a class=" waves-effect {{ current_page('receipt-add/transfer') ? 'active' : '' }}  {{ current_page('receipt/transfer') ? 'active' : '' }}   {{ current_page('receipt/cheaque/cancel') ? 'active' : '' }} {{ current_page('receipt/company/tax') ? 'active' : '' }} {{ current_page('receipt/customer/tax') ? 'active' : '' }} {{ current_page('receipt/surcharge') ? 'active' : '' }}  {{ current_page('/add-requisition') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }}    "
                                        href="javascript:void(0);" aria-expanded="false">
                                        <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                            class="hide-menu">
                                            Other Receipts</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('receipt/cheaque/cancel') ? 'in' : '' }} {{ current_page('receipt/company/tax') ? 'in' : '' }} {{ current_page('receipt/customer/tax') ? 'in' : '' }} {{ current_page('receipt/surcharge') ? 'in' : '' }} {{ current_page('/add-requisition') ? 'active' : '' }} {{ current_page('/list-requisition') ? 'active' : '' }}">


                                        <li class="{{ current_page('receipt/surcharge') ? 'active' : '' }}"> <a
                                                class="{{ current_page('receipt/surcharge') ? 'active' : '' }}"
                                                href="{{ route('receipt.surcharge') }}"><i
                                                    class="icon-check fa-fw"></i>Surcharge Receipts</a> </li>


                                        <li class="{{ current_page('receipt/customer/tax') ? 'active' : '' }}"> <a
                                                class="{{ current_page('receipt/customer/tax') ? 'active' : '' }}"
                                                href="{{ route('receipt.customer.tax.all') }}"><i
                                                    class="icon-check fa-fw"></i>Customer Tax Receipts</a> </li>

                                        <li class="{{ current_page('receipt/company/tax') ? 'active' : '' }}"> <a
                                                class="{{ current_page('receipt/company/tax') ? 'active' : '' }}"
                                                href="{{ route('receipt.company.tax.all') }}"><i
                                                    class="icon-check fa-fw"></i>Company Tax Receipts</a> </li>

                                        <li class="{{ current_page('receipt/transfer') ? 'active' : '' }}"> <a
                                                class="{{ current_page('receipt/transfer') ? 'active' : '' }}"
                                                href="{{ route('transfer.receipt') }}"><i
                                                    class="icon-check fa-fw"></i>Transfer Receipts</a> </li>

                                                  
                                                    <li class="{{ current_page('receipt/cheaque/cancel') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('receipt/cheaque/cancel') ? 'active' : '' }}"
                                                        href="{{ route('receipt.cancel.cheaque') }}"><i
                                                            class="icon-check fa-fw"></i>Cancel Cheaque Receipts</a> </li>
                                    </ul>
                                </li>








                                @permission(['create-receipt', 'list-receipt'])


                                    <li>
                                        <a class=" waves-effect {{ current_page('receipt/refund-unit') ? 'active' : '' }}   {{ current_page('receipt/refund-pendings') ? 'in' : '' }} {{ current_page('receipt/refund-openfile') ? 'active' : '' }} "
                                            href="javascript:void(0);" aria-expanded="false">
                                            <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                class="hide-menu">
                                                Unit Refund Receipts</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('receipt/refund-unit') ? 'in' : '' }}  {{ current_page('receipt/refund-pendings') ? 'in' : '' }}  {{ current_page('receipt/refund-openfile') ? 'active' : '' }}">



                                            <li class="{{ current_page('receipt/refund-unit') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('receipt/refund-unit') ? 'active' : '' }}"
                                                    href="{{ route('property.refund.receipt') }}"><i
                                                        class="icon-check fa-fw"></i>Add Close File Receipts</a> </li>
                                            @if ($app_society)
                                                <li class="{{ current_page('receipt/refund-openfile') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('receipt/refund-openfile') ? 'active' : '' }}"
                                                        href="{{ route('property.refund-openfile.receipt') }}"><i
                                                            class="icon-check fa-fw"></i>Add Open File Receipts</a> </li>
                                            @endif
                                            <li class="{{ current_page('receipt/refund-pendings') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('receipt/refund-pendings') ? 'active' : '' }}"
                                                    href="{{ route('receipt.refund.pending') }}"><i
                                                        class="icon-check fa-fw"></i>Pending Receipts</a> </li>

                                                        <li class="{{ current_page('refund-receipt/list') ? 'active' : '' }}"> <a
                                                            class="{{ current_page('refund-receipt/list') ? 'active' : '' }}"
                                                            href="{{ route('receipt.refund.list') }}"><i
                                                                class="icon-check fa-fw"></i>Receipt List</a> </li>
                                        </ul>
                                    </li>

                                    <li>
                                        <a class=" waves-effect {{ current_page('receipt/cancel-unit') ? 'active' : '' }} {{ current_page('receipt/cancel-openfile') ? 'active' : '' }}   {{ current_page('receipt/cancel-pendings') ? 'in' : '' }} {{ current_page('cancel-receipt/list') ? 'active' : '' }} "
                                            href="javascript:void(0);" aria-expanded="false">
                                            <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span
                                                class="hide-menu">
                                                Unit Cancel Receipts</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('receipt/cancel-unit') ? 'in' : '' }}  {{ current_page('receipt/cancel-openfile') ? 'in' : '' }}  {{ current_page('receipt/cancel-pendings') ? 'in' : '' }}  {{ current_page('cancel-receipt/list') ? 'active' : '' }}">



                                            <li class="{{ current_page('receipt/cancel-unit') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('receipt/cancel-unit') ? 'active' : '' }}"
                                                    href="{{ route('property.cancel.receipt') }}"><i
                                                        class="icon-check fa-fw"></i>Add Close File Receipts</a> </li>
                                            @if ($app_society)
                                                <li class="{{ current_page('receipt/cancel-openfile') ? 'active' : '' }}"> <a
                                                        class="{{ current_page('receipt/cancel-openfile') ? 'active' : '' }}"
                                                        href="{{ route('property.cancel-openfile.receipt') }}"><i
                                                            class="icon-check fa-fw"></i>Add Open File Receipts</a> </li>
                                            @endif
                                            <li class="{{ current_page('receipt/cancel-pendings') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('receipt/cancel-pendings') ? 'active' : '' }}"
                                                    href="{{ route('receipt.cancel.pending') }}"><i
                                                        class="icon-check fa-fw"></i>Pending Receipts</a> </li>

                                                        <li class="{{ current_page('cancel-receipt/list') ? 'active' : '' }}"> <a
                                                            class="{{ current_page('cancel-receipt/list') ? 'active' : '' }}"
                                                            href="{{ route('receipt.cancel.list') }}"><i
                                                                class="icon-check fa-fw"></i>Receipt List</a> </li>
                                        </ul>
                                    </li>



                                    <li>
                                        <a class="   {{ current_page('token/receipt/pendings') ? 'active' : '' }} {{ current_page('refend-token') ? 'active' : '' }} {{ current_page('token/receipt/all') ? 'active' : '' }} {{ current_page('add/token/receipt') ? 'active' : '' }}  waves-effect"
                                            href="javascript:void(0);" aria-expanded="false">
                                            <i class="fa fa-caret-square-o-down" aria-hidden="true"></i>
                                            <span class="hide-menu">Token Receipts</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('token/receipt/pendings') ? 'in' : '' }} {{ current_page('refend-token') ? 'in' : '' }} {{ current_page('token/receipt/all') ? 'in' : '' }} {{ current_page('add/token/receipt') ? 'in' : '' }} {{ current_page('token.receipt.addView') ? 'in' : '' }} ">

                                            <li class="{{ current_page('add/token/receipt') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('add/token/receipt') ? 'active' : '' }}"
                                                    href="{{ route('token.receipt.addView') }}"><i
                                                        class="icon-check fa-fw"></i> Add
                                                    Token Receipts</a> </li>


                                            <li class="{{ current_page('token/receipt/all') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('token/receipt/all') ? 'active' : '' }}"
                                                    href="{{ route('token.receipt.all') }}"><i
                                                        class="icon-check fa-fw"></i>List
                                                    Token Receipt</a> </li>

                                            <li class="{{ current_page('refend-token') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('refend-token') ? 'active' : '' }}"
                                                    href="{{ route('refend.token') }}"><i
                                                        class="icon-check fa-fw"></i>Refund Token
                                                    Receipt</a> </li>

                                            <li class="{{ current_page('token/receipt/pendings') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('token/receipt/pendings') ? 'active' : '' }}"
                                                    href="{{ route('token.receipt.pending') }}"><i
                                                        class="icon-check fa-fw"></i>Pending Token Receipt</a> </li>

                                        </ul>

                                    </li>

                                @endpermission

                            </ul>

                        </li>
                    @endpermission



                    @permission(['list-dealer', 'create-dealer', 'list-dealer-rebate'])
                        <li>
                            <a class=" {{ current_page('add/dealer') ? 'active' : '' }} {{ current_page('dealer/all') ? 'active' : '' }} {{ current_page('issue/open-file') ? 'active' : '' }} {{ current_page('pending/open-file/all-packages') ? 'active' : '' }} {{ current_page('dealer-rebate/all') ? 'active' : '' }} {{ current_page('dealer-package-rebate/all') ? 'active' : '' }} waves-effect"
                                href="javascript:void(0);" aria-expanded="false">
                                <i class="fa fa-caret-right caret-icon"></i>
                                <i class="icon-user-follow fa-fw"></i> <span class="hide-menu">Dealers @if ($app_society)
                                        @if ($pendingPackage > 0)
                                            <i class="fa fa-circle pull-right" aria-hidden="true"
                                                style="line-height: 1.8;    min-width: 0px;font-size: 14px;padding: 0px 8px; color: rgb(204 2 2);"></i>
                                        @endif
                                    @endif
                                </span>
                            </a>
                            <ul aria-expanded="false"
                                class="collapse  {{ current_page('add/dealer') ? 'in' : '' }} {{ current_page('dealer/all') ? 'in' : '' }} {{ current_page('issue/open-file') ? 'in' : '' }} {{ current_page('pending/open-file/all-packages') ? 'in' : '' }} {{ current_page('dealer-rebate/all') ? 'in' : '' }}  {{ current_page('dealer-package-rebate/all') ? 'in' : '' }}">
                                @permission('create-dealer')
                                    <li class="{{ current_page('add/dealer') ? 'active' : '' }}"> <a
                                            class="{{ current_page('add/dealer') ? 'active' : '' }}"
                                            href="{{ route('dealer.addView') }}"><i class="icon-check fa-fw"></i> Add Dealer</a> </li>
                                @endpermission
                                
                                    @if ($app_society)
                                        @permission('view-openfile')
                                            <li class="{{ current_page('issue/open-file') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('issue/open-file') ? 'active' : '' }}"
                                                    href="{{ route('openfile.view') }}"><i
                                                        class="icon-check fa-fw"></i>Issue Open File/Form</a> </li>
                                        @endpermission
                                        @permission('approve-openfile-package')
                                            <li class="{{ current_page('pending/open-file/all-packages') ? 'active' : '' }}">
                                                <a class="{{ current_page('pending/open-file/all-packages') ? 'active' : '' }}"
                                                    href="{{ route('openfile.pending.package') }}"><i
                                                        class="icon-check fa-fw"></i> Pending Packages @if ($pendingPackage > 0)
                                                        <span class="label label-rounded pull-right"
                                                            style="line-height: 1.8;    min-width: 0px;font-size: 14px;padding: 0px 8px;background-color: rgb(204 2 2);">{{ $pendingPackage }}</span>
                                                    @endif </a>
                                            </li>
                                        @endpermission
                                    @endif
                                

                                @permission('list-dealer')

                                    <li class="{{ current_page('dealer/all') ? 'active' : '' }}"> <a
                                            class="{{ current_page('dealer/all') ? 'active' : '' }}"
                                            href="{{ route('dealer.all') }}"><i class="icon-check fa-fw"></i> Dealer
                                            List</a> </li>
                                @endpermission

                                @permission('list-dealer-rebate')
                                    <li class="{{ current_page('dealer-rebate/all') ? 'active' : '' }}"> <a
                                            class="{{ current_page('dealer-rebate/all') ? 'active' : '' }}"
                                            href="{{ route('rebate.all') }}"><i class="icon-check fa-fw"></i> Dealer
                                            Inventory Rebates</a> </li>
                                @endpermission
                               
                                    @if ($app_society)
                                        @permission('list-dealer-rebate')
                                            <li class="{{ current_page('dealer-package-rebate/all') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('dealer-package-rebate/all') ? 'active' : '' }}"
                                                    href="{{ route('rebate.package.all') }}"><i
                                                        class="icon-check fa-fw"></i> Dealer Package Rebates</a> </li>
                                        @endpermission
                                    @endif
                                

                            </ul>

                        </li>
                    @endpermission



                    @permission(['manage-account-dashboard', 'list-chart-of-account', 'list-voucher',
                        'manage-customer-voucher', 'manage-vendor-voucher', 'manage-dealer-voucher',
                        'manage-employee-voucher', 'manage-reconciliation', 'list-bank-account', 'hrm',
                        'list-customer-adjustment', 'fixed-assets'])
                        <li>
                            <a class=" waves-effect {{ current_page('bank-account/all') ? 'active' : '' }} {{ current_page('reconciliations') ? 'active' : '' }}
        {{ current_page('adjustment') ? 'active' : '' }}
        {{ current_page('chart-of-account') ? 'active' : '' }} {{ current_page('general-journal-entries') ? 'active' : '' }} {{ current_page('customer-vouchers') ? 'active' : '' }}
        {{ current_page('vendor-vouchers') ? 'active' : '' }} 
        {{ current_page('accounts/fixed-assets') ? 'active' : '' }} {{ current_page('dealer-vouchers') ? 'active' : '' }} {{ current_page('employee-vouchers') ? 'active' : '' }}
        {{ current_page('account-dashboard') ? 'active' : '' }} "
                                href="javascript:void(0);" aria-expanded="false"> 
                                <i class="fa fa-caret-right caret-icon"></i> <i class="icon-chart fa-fw"></i> <span
                                    class="hide-menu"> Accounts</span></a>

                            <ul aria-expanded="false"
                                class="collapse  {{ current_page('bank-account/all') ? 'in' : '' }}
        {{ current_page('customer-vouchers') ? 'in' : '' }}
        {{ current_page('vendor-vouchers') ? 'in' : '' }}
        {{ current_page('accounts/fixed-assets') ? 'in' : '' }}
        {{ current_page('dealer-vouchers') ? 'in' : '' }}
        {{ current_page('employee-vouchers') ? 'in' : '' }}
        {{ current_page('reconciliations') ? 'in' : '' }}
        {{ current_page('adjustment') ? 'in' : '' }}{{ current_page('chart-of-account') ? 'in' : '' }} {{ current_page('general-journal-entries') ? 'in' : '' }} 
        {{ current_page('account-dashboard') ? 'in' : '' }} ">

                                @permission('manage-account-dashboard')
                                    <li class="{{ current_page('account-dashboard') ? 'active' : '' }}"> <a
                                            class="{{ current_page('account-dashboard') ? 'active' : '' }}"
                                            href="{{ route('account-dashboard') }}"><i class="icon-check fa-fw"></i>
                                            Dashboard</a> </li>
                                @endpermission


                                @permission('list-voucher')
                                    <li class="{{ current_page('general-journal-entries') ? 'active' : '' }}"> <a
                                            class="{{ current_page('general-journal-entries') ? 'active' : '' }}"
                                            href="{{ route('entry.all') }}"><i class="icon-check fa-fw"></i> General Journal
                                            Entries</a> </li>
                                @endpermission

                                @permission('manage-customer-voucher')
                                    <li class="{{ current_page('customer-vouchers') ? 'active' : '' }}"> <a
                                            class="{{ current_page('customer-vouchers') ? 'active' : '' }}"
                                            href="{{ route('customer-vouchers') }}"><i class="icon-check fa-fw"></i>
                                            Customer</a> </li>
                                @endpermission



                                @permission('manage-vendor-voucher')
                                    <li class="{{ current_page('vendor-vouchers') ? 'active' : '' }}"> <a
                                            class="{{ current_page('vendor-vouchers') ? 'active' : '' }}"
                                            href="{{ route('vendor-vouchers') }}"><i class="icon-check fa-fw"></i>
                                            Vendor</a> </li>
                                @endpermission


                                @permission('fixed-assets')

                                    <li class="{{ current_page('accounts/fixed-assets') ? 'active' : '' }}"> <a
                                            class="{{ current_page('fixed-assets') ? 'active' : '' }}"
                                            href="{{ route('fixed.assets.accounts') }}"><i class="icon-check fa-fw"></i>
                                            Fixed Asset</a> </li>

                                @endpermission

                                @permission('manage-dealer-voucher')

                                    <li class="{{ current_page('dealer-vouchers') ? 'active' : '' }}"> <a
                                            class="{{ current_page('dealer-vouchers') ? 'active' : '' }}"
                                            href="{{ route('dealer-vouchers') }}"><i class="icon-check fa-fw"></i>
                                            Dealer</a> </li>

                                @endpermission

                                @permission('manage-employee-voucher')

                                    <li class="{{ current_page('employee-vouchers') ? 'active' : '' }}"> <a
                                            class="{{ current_page('employee-vouchers') ? 'active' : '' }}"
                                            href="{{ route('employee-vouchers') }}"><i class="icon-check fa-fw"></i>
                                            Employee</a> </li>
                                @endpermission





                                @permission('manage-reconciliation')

                                    <li class="{{ current_page('reconciliatons') ? 'active' : '' }}"> <a
                                            class="{{ current_page('reconciliations') ? 'active' : '' }}"
                                            href="{{ route('reconcile.all') }}"><i class="icon-check fa-fw"></i>
                                            Reconciliations</a> </li>

                                @endpermission

                                @permission('list-customer-adjustment')
                                    <li class="{{ current_page('adjustment') ? 'active' : '' }}"> <a
                                            class="{{ current_page('adjustment') ? 'active' : '' }}"
                                            href="{{ route('adjustment.all') }}"><i class="icon-check fa-fw"></i> Customer
                                            Adjustments</a> </li>
                                @endpermission

                                @permission('list-bank-account')
                                    <li class="{{ current_page('bank-account/all') ? 'active' : '' }}"> <a
                                            class="{{ current_page('bank-account/all') ? 'active' : '' }}"
                                            href="{{ route('bank.all') }}"><i class="icon-check fa-fw"></i>Bank Accounts</a>
                                    </li>
                                @endpermission


                            </ul>

                        </li>
                    @endpermission


                    <!-- <li >
        <a class=" waves-effect  {{ current_page('expense') ? 'active' : '' }} {{ current_page('payment') ? 'active' : '' }}  {{ current_page('vendor') ? 'active' : '' }}" href="javascript:void(0);" aria-expanded="false">
        <i class="fa fa-caret-right caret-icon"></i>
        <i class="icon-grid fa-fw"></i> <span class="hide-menu"> Expense</span></a>
        <ul aria-expanded="false" class="collapse  {{ current_page('expense') ? 'in' : '' }} {{ current_page('payment') ? 'in' : '' }} {{ current_page('vendor') ? 'in' : '' }}">


        @permission('list-expense')
                        <li class="{{ current_page('expense') ? 'active' : '' }}"> <a class="{{ current_page('expense') ? 'active' : '' }}" href="{{ route('expense.all') }}"><i class="icon-check fa-fw"></i> Bills</a> </li>
        @endpermission
        @permission('list-expense')
                        <li class="{{ current_page('payment') ? 'active' : '' }}"> <a class="{{ current_page('payment') ? 'active' : '' }}" href="{{ route('payment.all') }}"><i class="icon-check fa-fw"></i> Payments</a> </li>
        @endpermission




        @permission('list-dealer-rebate')
                        <li class="{{ current_page('dealer-rebate') ? 'active' : '' }}"> <a class="{{ current_page('dealer-rebate') ? 'active' : '' }}" href="{{ route('rebate.all') }}"><i class="icon-check fa-fw"></i> Dealer Rebates</a> </li>
        @endpermission

        @permission('view-vendor')
                        <li class="{{ current_page('vendor') ? 'active' : '' }}"> <a class="{{ current_page('vendor') ? 'active' : '' }}" href="{{ route('vendor1.all') }}"><i class="icon-check fa-fw"></i> Vendors</a> </li>
        @endpermission

        </ul>

        </li> -->




                    @permission(['view-department', 'list-item', 'list-item-category', 'list-purchase-request',
                        'view-vendor', 'create-item-manufacture', 'view-vendor', 'store-keeper',
                        'manage-procurement-dashboard', 'mir'])

                        <li>
                            <a class=" class= {{ current_page('cs-approval-pending/1') ? 'active' : '' }} {{ current_page('pr-approval-pending/1') ? 'active' : '' }} {{ current_page('material-issue-request/list') ? 'active' : '' }} {{ current_page('work-order/list') ? 'active' : '' }} {{ current_page('work-order/create') ? 'active' : '' }} {{ current_page('vendors/vendor-list') ? 'active' : '' }} {{ current_page('vendors/add-vendor') ? 'active' : '' }} {{ current_page('store-keeper/purchase-order') ? 'active' : '' }} {{ current_page('store-keeper/dashboard') ? 'active' : '' }} {{ current_page('categories/category-list') ? 'active' : '' }} {{ current_page('dashboard/1') ? 'active' : '' }} {{ current_page('purchase-requests') ? 'active' : '' }} 
        {{ current_page('item-manufacture') ? 'active' : '' }} 
        {{ current_page('categories/add-category') ? 'active' : '' }} 
        {{ current_page('department') ? 'active' : '' }}
        {{ current_page('request-for-quotations') ? 'active' : '' }} {{ current_page('comparative-statements') ? 'active' : '' }} {{ current_page('purchase-orders') ? 'active' : '' }} {{ current_page('purchase-order-receipts') ? 'active' : '' }}  waves-effect"
                                href="javascript:void(0);" aria-expanded="false">
                                <i class="fa fa-caret-right caret-icon"></i>
                                <i class="icon-notebook fa-fw"></i>
                                <span class="hide-menu">Procurement</span></a>
                            <ul aria-expanded="false"
                                class="collapse {{ current_page('dashboard/1') ? 'in' : '' }}
        {{ current_page('cs-approval-pending/1') ? 'in' : '' }}
        {{ current_page('pr-approval-pending/1') ? 'in' : '' }}
        {{ current_page('material-issue-request/list') ? 'in' : '' }}
        {{ current_page('work-order/create') ? 'in' : '' }}
        {{ current_page('work-order/list') ? 'in' : '' }}
        {{ current_page('vendors/vendor-list') ? 'in' : '' }}
        {{ current_page('vendors/add-vendor') ? 'in' : '' }}
        {{ current_page('store-keeper/purchase-order') ? 'in' : '' }}
        {{ current_page('categories/category-list') ? 'in' : '' }}
        {{ current_page('store-keeper/dashboard') ? 'in' : '' }}
        {{ current_page('items') ? 'in' : '' }}
        {{ current_page('categories/category-list') ? 'active' : '' }}
        {{ current_page('categories/add-category') ? 'in' : '' }}
        {{ current_page('department') ? 'in' : '' }}
        {{ current_page('item-manufacture') ? 'active' : '' }} 
        {{ current_page('purchase-requests') ? 'in' : '' }}  {{ current_page('request-for-quotations') ? 'in' : '' }} {{ current_page('comparative-statements') ? 'in' : '' }} 
        {{ current_page('purchase-orders') ? 'in' : '' }} {{ current_page('purchase-order-receipts') ? 'in' : '' }}">
                                @php
                                    $user = \App\User::with('role')->find(Auth::user()->id);
                                @endphp


                                @permission(['manage-procurement-dashboard'])
                                    <li>
                                        <a class="{{ current_page('dashboard/1') ? 'active' : '' }}  waves-effect"
                                            href="{{ route('dashboard1', [$user->role->role_id]) }}"
                                            aria-expanded="false"><i class="fa fa-building-o"></i> <span class="hide-menu"
                                                style="margin-left: 20px;"> Dashboard </span></>

                                    </li>

                                @endpermission


                                @role('admin')
                                    <li>
                                        <a class="{{ current_page('procurement-dashboard') ? 'active' : '' }} waves-effect"
                                            href="{{ route('dashboard1', [$user->role->role_id]) }}"
                                            aria-expanded="false"><i class="fa fa-building-o"></i> <span class="hide-menu"
                                                style="margin-left: 20px;"> Dashboard </span></a>

                                    </li>

                                @endrole




                                @permission(['view-department', 'create-department'])
                                    <li>
                                        <a class="{{ current_page('department') ? 'active' : '' }}  waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">Department</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('department') ? 'in' : '' }} ">

                                            @permission(['create-department'])
                                                <li class="{{ current_page('departments/add-department') ? 'active' : '' }}">
                                                    <a class="{{ current_page('departments/add-department') ? 'active' : '' }}"
                                                        href="{{ route('department.add') }}" class="  waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Add </span></a>

                                                </li>
                                            @endpermission



                                            @permission(['view-department'])
                                                <li class="{{ current_page('departments/department-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('departments/department-list') ? 'active' : '' }}"
                                                        href="{{ route('department.list') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> List </span></a>

                                                </li>
                                            @endpermission

                                        </ul>

                                    </li>


                                @endpermission

                                @permission(['list-item-category', 'create-item-category'])

                                    <li>
                                        <a class=" {{ current_page('categories/add-category') ? 'active' : '' }} {{ current_page('categories/category-list') ? 'active' : '' }}   waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">Category</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('categories/add-category') ? 'in' : '' }} {{ current_page('categories/category-list') ? 'in' : '' }} ">

                                            @permission(['create-item-category'])
                                                <li class="{{ current_page('categories/add-category') ? 'active' : '' }}">
                                                    <a class="{{ current_page('categories/add-category') ? 'active' : '' }}"
                                                        href="{{ route('category.add') }}" class="waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            Add
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission



                                            @permission(['list-item-category'])
                                                <li class="{{ current_page('categories/category-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('categories/category-list') ? 'active' : '' }}"
                                                        href="{{ route('category.list') }}" class="waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            List
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission


                                        </ul>

                                    </li>


                                @endpermission

                                @permission(['create-item-manufacture', 'item-manufacture'])

                                    <li>
                                        <a class=" {{ current_page('items/create-manufacture') ? 'active' : '' }} {{ current_page('item-manufacture') ? 'active' : '' }}  waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">Items
                                                manufacture</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('items/create-manufacture') ? 'in' : '' }} {{ current_page('item-manufacture') ? 'in' : '' }} ">


                                            @permission(['create-item-manufacture'])
                                                <li class="{{ current_page('items/create-manufacture') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/create-manufacture') ? 'active' : '' }}"
                                                        href="{{ route('create.manufacture') }}" class="waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            Add
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission


                                            @permission(['item-manufacture'])
                                                <li class="{{ current_page('items/item-manufacture-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/item-manufacture-list') ? 'active' : '' }}"
                                                        href="{{ route('item.manufacture.list') }}" class="waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            List
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission


                                        </ul>

                                    </li>

                                @endpermission



                                @permission(['store-keeper'])

                                    <li>
                                        <a class=" {{ current_page('items/aging-report') ? 'active' : '' }} {{ current_page('items/returning-list') ? 'active' : '' }} {{ current_page('items/releasing-list') ? 'active' : '' }}  {{ current_page('store-keeper/purchase-order') ? 'active' : '' }}  {{ current_page('store-keeper/dashboard') ? 'active' : '' }}  waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">Store
                                                Keeper</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('items/aging-report') ? 'in' : '' }} {{ current_page('items/returning-list') ? 'in' : '' }} {{ current_page('items/releasing-list') ? 'in' : '' }}  {{ current_page('store-keeper/purchase-order') ? 'in' : '' }}  {{ current_page('store-keeper/dashboard') ? 'in' : '' }}">


                                            @permission(['store-keeper'])
                                                <li class="{{ current_page('store-keeper/dashboard') ? 'active' : '' }}">
                                                    <a class="{{ current_page('store-keeper/dashboard') ? 'active' : '' }}"
                                                        href="{{ route('manage.store.keeper.dashboard') }}" class="waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            Dashboard
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission


                                            @permission(['store-keeper'])
                                                <li class="{{ current_page('store-keeper/purchase-order') ? 'active' : '' }}">
                                                    <a class="{{ current_page('store-keeper/purchase-order') ? 'active' : '' }}"
                                                        href="{{ route('store.keeper.purchase.order') }}" class="waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            Purchase Order
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission



                                            @permission(['store-keeper-view-item-list'])
                                                <li class="{{ current_page('items/item-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/item-list') ? 'active' : '' }}"
                                                        href="{{ route('item.list') }}" class="waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            Inventory List
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission


                                            @permission(['list-item', 'create-item', 'releasing-item-view'])
                                                <li class="{{ current_page('items/releasing-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/releasing-list') ? 'active' : '' }}"
                                                        href="{{ route('item.releasing-list') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;">Inventory Releasings </span></a>

                                                </li>
                                            @endpermission



                                            @permission(['list-item', 'create-item', 'returning-item-view'])
                                                <li class="{{ current_page('items/returning-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/returning-list') ? 'active' : '' }}"
                                                        href="{{ route('item.returning-list') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;">Inventory Returnings </span></a>
                                                </li>
                                            @endpermission


                                            @permission(['list-item', 'create-item', 'item-aging-report'])
                                                <li class="{{ current_page('items/aging-report') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/aging-report') ? 'active' : '' }}"
                                                        href="{{ route('item.aging-report') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Inventory Aging Report </span></a>
                                                </li>
                                            @endpermission



                                        </ul>

                                    </li>

                                @endpermission



                                @permission(['item-unit'])
                                    <li>
                                        <a class="{{ current_page('item-unit') ? 'active' : '' }} {{ current_page('items/create-unit') ? 'active' : '' }} {{ current_page('items/unit-list') ? 'active' : '' }} waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">Item
                                                units</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('item-unit') ? 'in' : '' }} {{ current_page('items/create-unit') ? 'in' : '' }} {{ current_page('items/unit-list') ? 'in' : '' }}">

                                            @permission(['item-unit'])
                                                <li class="{{ current_page('items/create-unit') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/create-unit') ? 'active' : '' }}"
                                                        href="{{ route('create.item.unit') }}" class="  waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Add </span></a>

                                                </li>
                                            @endpermission



                                            @permission(['item-unit'])
                                                <li class="{{ current_page('items/unit-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/unit-list') ? 'active' : '' }}"
                                                        href="{{ route('item.unit.list') }}" class="  waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> List </span></a>
                                                </li>
                                            @endpermission

                                        </ul>

                                    </li>

                                @endpermission


                                @permission(['view-vendor'])
                                    <li>
                                        <a class="{{ current_page('vendors/add-vendor') ? 'active' : '' }} {{ current_page('vendors/vendor-list') ? 'active' : '' }} waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">vendor</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('vendors/add-vendor') ? 'in' : '' }} {{ current_page('vendors/vendor-list') ? 'in' : '' }} ">

                                            @permission(['view-vendor'])
                                                <li class="{{ current_page('vendors/add-vendor') ? 'active' : '' }}">
                                                    <a class="{{ current_page('vendors/add-vendor') ? 'active' : '' }}"
                                                        href="{{ route('vendor.add') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false">
                                                        <i class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;">
                                                            Add
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission


                                            @permission(['view-vendor'])
                                                <li class="{{ current_page('vendors/vendor-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('vendors/vendor-list') ? 'active' : '' }}"
                                                        href="{{ route('vendor.list') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i>
                                                        <span class="hide-menu" style="margin-left: 20px;"> List
                                                        </span>
                                                    </a>
                                                </li>
                                            @endpermission
                                        </ul>
                                    </li>
                                @endpermission


                                @permission(['view-item'])
                                    <li>
                                        <a class=" {{ current_page('items/add-item') ? 'active' : '' }} {{ current_page('items/item-list') ? 'active' : '' }} {{ current_page('items/variance-report') ? 'active' : '' }} waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span
                                                class="hide-menu">Inventory</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('items/add-item') ? 'in' : '' }} {{ current_page('items/item-list') ? 'in' : '' }} {{ current_page('items/variance-report') ? 'in' : '' }}">


                                            @permission(['list-item', 'create-item', 'releasing-item-view'])
                                                <li class="{{ current_page('items/add-item') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/add-item') ? 'active' : '' }}"
                                                        href="{{ route('item.add') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Add </span>
                                                    </a>
                                                </li>
                                            @endpermission




                                            @permission(['list-item', 'create-item', 'releasing-item-view'])
                                                <li class="{{ current_page('items/item-list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/item-list') ? 'active' : '' }}"
                                                        href="{{ route('item.list') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> List </span>
                                                    </a>
                                                </li>
                                            @endpermission


                                            @permission(['list-item', 'create-item', 'item-variance-report'])
                                                <li class="{{ current_page('items/variance-report') ? 'active' : '' }}">
                                                    <a class="{{ current_page('items/variance-report') ? 'active' : '' }}"
                                                        href="{{ route('item.variance-report') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Variance Analysis </span></a>
                                                </li>
                                            @endpermission

                                        </ul>

                                    </li>

                                @endpermission





                                @permission(['work-order'])

                                    <li>
                                        <a class=" {{ current_page('work-order') ? 'active' : '' }} {{ current_page('work-order/dashboard') ? 'active' : '' }} {{ current_page('work-order/create') ? 'active' : '' }} {{ current_page('work-order/list') ? 'active' : '' }} waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">Work
                                                Order</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('work-order') ? 'in' : '' }} {{ current_page('work-order/dashboard') ? 'in' : '' }} {{ current_page('work-order/create') ? 'in' : '' }} {{ current_page('work-order/list') ? 'in' : '' }}">

                                            @permission(['work-order'])
                                                <li class="{{ current_page('work-order/dashboard') ? 'active' : '' }}">
                                                    <a class="{{ current_page('work-order/dashboard') ? 'active' : '' }}"
                                                        href="{{ route('work-order.gannt-chart') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Dashboard</span></a>
                                                </li>
                                            @endpermission



                                            @permission(['work-order'])
                                                <li class="{{ current_page('work-order/create') ? 'active' : '' }}">
                                                    <a class="{{ current_page('work-order/create') ? 'active' : '' }}"
                                                        href="{{ route('work-order.create') }}" class="  waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;">Add </span></a>
                                                </li>
                                            @endpermission


                                            @permission(['work-order'])
                                                <li class="{{ current_page('work-order/list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('work-order/list') ? 'active' : '' }}"
                                                        href="{{ route('work-order.list') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> List </span></a>
                                                </li>
                                            @endpermission


                                        </ul>

                                    </li>

                                @endpermission


                                @permission(['list-purchase-request', 'create-purchase-request'])

                                    <li>
                                        <a class="  {{ current_page('purchase-request') ? 'active' : '' }}  {{ current_page('purchase-requests/add-cash') ? 'active' : '' }}  waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">Purchase Request
                                            </span></a>
                                        <ul aria-expanded="false"
                                            class="collapse  {{ current_page('purchase-request') ? 'in' : '' }} {{ current_page('purchase-requests/add-cash') ? 'in' : '' }} ">


                                            @permission(['list-purchase-request', 'create-purchase-request'])
                                                <li class="{{ current_page('purchase-requests/add-cash') ? 'active' : '' }}">
                                                    <a class="{{ current_page('purchase-requests/add-cash') ? 'active' : '' }}"
                                                        href="{{ route('purchase-requests.add.cash') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Cash Pr </span></a>
                                                </li>
                                            @endpermission

                                            @permission(['list-purchase-request', 'create-purchase-request'])
                                                <li class="{{ current_page('purchase-requests/add') ? 'active' : '' }}">
                                                    <a class="{{ current_page('purchase-requests/add') ? 'active' : '' }}"
                                                        href="{{ route('purchase-requests.add') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> Add </span></a>

                                                </li>
                                            @endpermission


                                            @permission(['list-purchase-request', 'create-purchase-request'])
                                                <li class="{{ current_page('purchase-requests/list') ? 'active' : '' }}">
                                                    <a class="{{ current_page('purchase-requests/list') ? 'active' : '' }}"
                                                        href="{{ route('purchase-requests.list') }}" class=" waves-effect"
                                                        href="javascript:void(0);" aria-expanded="false"><i
                                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                                            style="margin-left: 20px;"> List </span></a>

                                                </li>
                                            @endpermission


                                        </ul>

                                    </li>

                                @endpermission





                                @permission(['mir'])
                                    <li class="{{ current_page('material-issue-request/list') ? 'active' : '' }}">
                                        <a class="{{ current_page('material-issue-request/list') ? 'active' : '' }}"
                                            href="{{ route('material.issue.request.list') }}" class="waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i>
                                            <span class="hide-menu">
                                                MIR
                                            </span>
                                        </a>
                                    </li>
                                @endpermission






                                @permission(['approve-po'])
                                    <li>
                                        <a class="{{ current_page('approval') ? 'active' : '' }}  {{ current_page('pr-approval-pending/1') ? 'active' : '' }} {{ current_page('cs-approval-pending/1') ? 'active' : '' }} waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span
                                                class="hide-menu">Approvals</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('approval') ? 'in' : '' }} {{ current_page('pr-approval-pending/1') ? 'in' : '' }} {{ current_page('cs-approval-pending/1') ? 'in' : '' }} ">

                                            @permission(['list-purchase-request', 'create-purchase-request'])

                                                <li class="{{ current_page('pr-approval-pending/1') ? 'active' : '' }}">
                                                    <a class="{{ current_page('pr-approval-pending/1') ? 'active' : '' }}"
                                                        href="{{ route('pr-approval-pending', [$user->role->role_id]) }}"
                                                        class=" waves-effect" href="javascript:void(0);"
                                                        aria-expanded="false"><i class="fa fa-building-o"></i> <span
                                                            class="hide-menu" style="margin-left: 20px;">PR Pending </span></a>
                                                </li>
                                            @endpermission


                                            @permission(['approve-po'])
                                                <li class="{{ current_page('cs-approval-pending/1') ? 'active' : '' }}">
                                                    <a class="{{ current_page('cs-approval-pending/1') ? 'active' : '' }}"
                                                        class=" waves-effect"
                                                        href="{{ route('cs-approval-pending', [$user->role->role_id]) }}"
                                                        aria-expanded="false"><i class="fa fa-building-o"></i> <span
                                                            class="hide-menu" style="margin-left: 20px;"> PO Pending </span></a>

                                                </li>
                                            @endpermission


                                        </ul>

                                    </li>
                                @endpermission




                                @permission(['list-request-for-quotation'])
                                    <li>
                                        <a class="{{ current_page('request-for-quotations') ? 'active' : '' }} waves-effect"
                                            href="{{ route('request-for-quotations.list') }}" aria-expanded="false"><i
                                                class="fa fa-building-o"></i> <span class="hide-menu"
                                                style="margin-left: 20px;"> Request For Quotation </span></a>

                                    </li>
                                @endpermission


                                @permission(['list-comparative-statement'])
                                    <li>
                                        <a class="{{ current_page('comparative-statements') ? 'active' : '' }} waves-effect"
                                            href="{{ route('comparative-statements.list') }}" aria-expanded="false"><i
                                                class="fa fa-building-o"></i> <span class="hide-menu"
                                                style="margin-left: 20px;"> Comparative Statement </span></a>

                                    </li>
                                @endpermission

                                @permission(['list-purchase-order'])
                                    <li>
                                        <a class="{{ current_page('purchase-orders') ? 'active' : '' }} waves-effect"
                                            href="{{ route('purchase-orders.list') }}" aria-expanded="false"><i
                                                class="fa fa-building-o"></i> <span class="hide-menu"
                                                style="margin-left: 20px;"> Purchase Order </span></a>

                                    </li>
                                @endpermission

                                @permission(['list-po-receipt'])
                                    <li>
                                        <a class="{{ current_page('purchase-order-receipts') ? 'active' : '' }} waves-effect"
                                            href="{{ route('purchase-order-receipts.list') }}" aria-expanded="false"><i
                                                class="fa fa-building-o"></i> <span class="hide-menu"
                                                style="margin-left: 20px;"> Receipts </span></a>

                                    </li>
                                @endpermission

                            </ul>
                        </li>


                    @endpermission




                    @permission('fixed-assets')

                        <li>
                            <a class=" {{ current_page('asset-location/create') ? 'active' : '' }} {{ current_page('assets/locations') ? 'active' : '' }} {{ current_page('fixed-assets/type') ? 'active' : '' }} {{ current_page('fixed-assets/create') ? 'active' : '' }} {{ current_page('fixed-asset/dashboard') ? 'active' : '' }} {{ current_page('items/fixed-assets') ? 'active' : '' }} {{ current_page('items/fixed-assets/sold') ? 'active' : '' }} {{ current_page('assets/maintainance') ? 'active' : '' }} {{ current_page('fixed-asset/ledger') ? 'active' : '' }} {{ current_page('fixed-asset/depreciation-report') ? 'active' : '' }} waves-effect"
                                href="javascript:void(0);" aria-expanded="false">
                                <i class="fa fa-caret-right caret-icon"></i>
                                <i class="icon-calender fa-fw"></i> <span class="hide-menu">Fixed Asset</span></a>
                            <ul aria-expanded="false"
                                class="collapse {{ current_page('asset-location/create') ? 'in' : '' }} {{ current_page('assets/locations') ? 'in' : '' }} {{ current_page('fixed-assets/type') ? 'in' : '' }} {{ current_page('fixed-assets/create') ? 'in' : '' }} {{ current_page('fixed-asset/dashboard') ? 'in' : '' }} {{ current_page('items/fixed-assets') ? 'in' : '' }} {{ current_page('items/fixed-assets/sold') ? 'in' : '' }} {{ current_page('assets/maintainance') ? 'in' : '' }} {{ current_page('fixed-asset/ledger') ? 'in' : '' }} {{ current_page('fixed-asset/depreciation-report') ? 'in' : '' }}">


                                @permission(['fixed-assets'])
                                    <li class=" {{ current_page('fixed-asset/dashboard') ? 'active' : '' }}">
                                        <a class="{{ current_page('fixed-asset/dashboard') ? 'active' : '' }} "
                                            href="{{ route('fixed.asset.dashboard') }}" class="waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i>
                                            <span class="hide-menu">
                                                Dashboard
                                            </span>
                                        </a>
                                    </li>
                                @endpermission


                                @permission(['fixed-assets'])
                                    <li class="{{ current_page('items/fixed-assets') ? 'active' : '' }}">
                                        <a class="{{ current_page('items/fixed-assets') ? 'active' : '' }}"
                                            href="{{ route('fixed.assets') }}" class="waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i>
                                            <span class="hide-menu">
                                                Assets
                                            </span>
                                        </a>
                                    </li>
                                @endpermission


                                @permission(['fixed-assets'])
                                    <li class="{{ current_page('items/fixed-assets/sold') ? 'active' : '' }}">
                                        <a class="{{ current_page('items/fixed-assets/sold') ? 'active' : '' }}"
                                            href="{{ route('fixed.assets.sold') }}" class="waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i>
                                            <span class="hide-menu">
                                                For Sale
                                            </span>
                                        </a>
                                    </li>
                                @endpermission


                                @permission(['fixed-asset-types', 'fixed-assets'])

                                    <li>
                                        <a class=" {{ current_page('fixed-assets/type') ? 'active' : '' }} {{ current_page('fixed-assets/create') ? 'active' : '' }} {{ current_page('fixed-asset-types') ? 'active' : '' }}  waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu"> Type</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('fixed-assets/type') ? 'in' : '' }} {{ current_page('fixed-assets/create') ? 'in' : '' }} {{ current_page('fixed-asset-types') ? 'in' : '' }} ">


                                            <li class="{{ current_page('fixed-assets/create') ? 'active' : '' }}">
                                                <a class="{{ current_page('fixed-assets/create') ? 'active' : '' }}"
                                                    href="{{ route('create.fixed.asset.type') }}" class="waves-effect"
                                                    href="javascript:void(0);" aria-expanded="false"><i
                                                        class="fa fa-building-o"></i>
                                                    <span class="hide-menu" style="margin-left: 20px;">
                                                        Add
                                                    </span>
                                                </a>
                                            </li>

                                            <li class="{{ current_page('fixed-assets/type') ? 'active' : '' }}">
                                                <a class="{{ current_page('fixed-assets/type') ? 'active' : '' }}"
                                                    href="{{ route('fixed.asset.type') }}" class="waves-effect"
                                                    href="javascript:void(0);" aria-expanded="false"><i
                                                        class="fa fa-building-o"></i>
                                                    <span class="hide-menu" style="margin-left: 20px;">
                                                        List
                                                    </span>
                                                </a>
                                            </li>

                                        </ul>

                                    </li>

                                @endpermission


                                @permission(['asset-location', 'fixed-assets'])

                                    <li>
                                        <a class="{{ current_page('asset-location/create') ? 'active' : '' }} {{ current_page('assets/locations') ? 'active' : '' }} {{ current_page('fixed-asset-types') ? 'active' : '' }}  waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i> <span class="hide-menu">
                                                Location</span></a>
                                        <ul aria-expanded="false"
                                            class="collapse {{ current_page('assets/locations') ? 'in' : '' }} {{ current_page('asset-location/create') ? 'in' : '' }} {{ current_page('fixed-asset-types') ? 'in' : '' }} ">


                                            <li class="{{ current_page('asset-location/create') ? 'active' : '' }}">
                                                <a class="{{ current_page('asset-location/create') ? 'active' : '' }}"
                                                    href="{{ route('create.asset.location') }}" class="waves-effect"
                                                    href="javascript:void(0);" aria-expanded="false"><i
                                                        class="fa fa-building-o"></i>
                                                    <span class="hide-menu" style="margin-left: 20px;">
                                                        Add
                                                    </span>
                                                </a>
                                            </li>

                                            <li class="{{ current_page('assets/locations') ? 'active' : '' }}">
                                                <a class="{{ current_page('assets/locations') ? 'active' : '' }}"
                                                    href="{{ route('asset.location') }}" class="waves-effect"
                                                    href="javascript:void(0);" aria-expanded="false"><i
                                                        class="fa fa-building-o"></i>
                                                    <span class="hide-menu" style="margin-left: 20px;">
                                                        List
                                                    </span>
                                                </a>
                                            </li>

                                        </ul>

                                    </li>

                                @endpermission

                                @permission(['fixed-assets-maintainance', 'fixed-assets'])
                                    <li class="{{ current_page('assets/maintainance') ? 'active' : '' }}">
                                        <a class="{{ current_page('assets/maintainance') ? 'active' : '' }}"
                                            href="{{ route('asset.maintainance') }}" class="waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i>
                                            <span class="hide-menu">
                                                Maintainance
                                            </span>
                                        </a>
                                    </li>
                                @endpermission

                                @permission(['fixed-assets'])
                                    <li class="{{ current_page('fixed-asset/ledger') ? 'active' : '' }}">
                                        <a class="{{ current_page('fixed-asset/ledger') ? 'active' : '' }}"
                                            href="{{ route('fixed.asset.ledger') }}" class="waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i>
                                            <span class="hide-menu">
                                                Asset Ledger
                                            </span>
                                        </a>
                                    </li>
                                @endpermission

                                @permission(['fixed-assets'])
                                    <li class="{{ current_page('fixed-asset/depreciation-report') ? 'active' : '' }}">
                                        <a class="{{ current_page('fixed-asset/depreciation-report') ? 'active' : '' }}"
                                            href="{{ route('depreciation.report') }}" class="waves-effect"
                                            href="javascript:void(0);" aria-expanded="false"><i
                                                class="icon-calender fa-fw"></i>
                                            <span class="hide-menu">
                                                Depreciation Report
                                            </span>
                                        </a>
                                    </li>
                                @endpermission




                            </ul>

                        </li>


                    @endpermission



                    @permission(['hrm'])

                        <li>

                            <a class=" {{ current_page('hrm/edit/hrm-setting') ? 'active' : '' }} {{ current_page('employees/salary/for/approve') ? 'active' : '' }} {{ current_page('designation/list-designation') ? 'active' : '' }} {{ current_page('designation/add-designation') ? 'active' : '' }}  {{ current_page('hrm/employee-sheet') ? 'active' : '' }} {{ current_page('hrm/add-employee') ? 'active' : '' }} {{ current_page('hrmemployee/list-deduction-title') ? 'active' : '' }}  {{ current_page('hrmemployee/add-deduction-title') ? 'active' : '' }} {{ current_page('hrmemployee/add-allowance-title') ? 'active' : '' }} {{ current_page('hrmemployee/list-allowance-title') ? 'active' : '' }}{{ current_page('hrmemployee/add-allowance-title') ? 'active' : '' }} {{ current_page('/hrm/add-employee') ? 'active' : '' }} {{ current_page('/hrm/add-employee') ? 'active' : '' }} {{ current_page('/hrm/add-employee') ? 'active' : '' }} {{ current_page('hrm/dashboard') ? 'active' : '' }} {{ current_page('hrmemployee/add-benevolent-fund') ? 'active' : '' }} {{ current_page('hrm/employee/list-loan') ? 'active' : '' }} {{ current_page('hrm/add-attendance') ? 'active' : '' }} {{ current_page('hrm/list-attendance/schedual-plan') ? 'active' : '' }} {{ current_page('hrm/texcition/show') ? 'active' : '' }} waves-effect"
                                href="javascript:void(0);" aria-expanded="false">
                                <i class="fa fa-caret-right caret-icon"></i>
                                <i class="icon-people fa-fw"></i>
                                <span class="hide-menu">HRM</span></a>
                            <ul aria-expanded="false"
                                class="collapse {{ current_page('hrm/edit/hrm-setting') ? 'in' : '' }} {{ current_page('employees/salary/for/approve') ? 'in' : '' }} {{ current_page('designation/list-designation') ? 'in' : '' }} {{ current_page('designation/add-designation') ? 'in' : '' }} {{ current_page('hrm/employee-sheet') ? 'in' : '' }} {{ current_page('hrm/add-employee') ? 'in' : '' }} {{ current_page('hrmemployee/list-deduction-title') ? 'in' : '' }} {{ current_page('hrmemployee/add-deduction-title') ? 'in' : '' }} {{ current_page('hrmemployee/add-allowance-title') ? 'in' : '' }} {{ current_page('hrm/dashboard') ? 'in' : '' }} {{ current_page('hrmemployee/add-benevolent-fund') ? 'in' : '' }} {{ current_page('hrmemployee/add-allowance-title') ? 'in' : '' }} {{ current_page('hrmemployee/list-allowance-title') ? 'in' : '' }} {{ current_page('hrm/employee/list-loan') ? 'in' : '' }} {{ current_page('hrm/add-attendance') ? 'in' : '' }} {{ current_page('hrm/list-attendance/schedual-plan') ? 'in' : '' }} {{ current_page('hrm/texcition/show') ? 'in' : '' }}">



                                <li class="{{ current_page('hrm/dashboard') ? 'active' : '' }}"> <a
                                        class="{{ current_page('hrm/dashboard') ? 'active' : '' }}"
                                        href="{{ route('hrm.dashboard') }}"><i class="icon-check fa-fw"></i>
                                        Dashboard</a> </li>





                                <li>
                                    <a class="{{ current_page('follow-up') ? 'active' : '' }}  {{ current_page('hrmemployee/add-benevolent-fund') ? 'active' : '' }} {{ current_page('hrmemployee/show-benevolent-fund') ? 'active' : '' }} waves-effect"
                                        href="javascript:void(0);" aria-expanded="false"><i
                                            class="icon-calender fa-fw"></i> <span class="hide-menu">Benevolent
                                            Fund</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('follow-up') ? 'in' : '' }} {{ current_page('hrmemployee/add-benevolent-fund') ? 'in' : '' }} {{ current_page('hrmemployee/show-benevolent-fund') ? 'in' : '' }}">


                                        <li
                                            class="{{ current_page('hrmemployee/add-benevolent-fund') ? 'active' : '' }}">
                                            <a href="{{ route('add.benevolent.fund') }}"
                                                class="{{ current_page('hrmemployee/add-benevolent-fund') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> Add </span></a>

                                        </li>

                                        <li
                                            class="{{ current_page('hrmemployee/show-benevolent-fund') ? 'active' : '' }}">
                                            <a href="{{ route('benevolent-fund.show') }}"
                                                class="{{ current_page('hrmemployee/show-benevolent-fund') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> List</span></a>

                                        </li>

                                    </ul>

                                </li>





                                <li>
                                    <a class="{{ current_page('follow-up') ? 'active' : '' }} {{ current_page('hrmemployee/add-allowance-title') ? 'active' : '' }} {{ current_page('hrmemployee/list-allowance-title') ? 'active' : '' }} waves-effect"
                                        href="javascript:void(0);" aria-expanded="false"><i
                                            class="icon-calender fa-fw"></i> <span
                                            class="hide-menu">Allowances</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('follow-up') ? 'in' : '' }} {{ current_page('hrmemployee/add-allowance-title') ? 'in' : '' }} {{ current_page('hrmemployee/list-allowance-title') ? 'in' : '' }}">


                                        <li
                                            class="{{ current_page('hrmemployee/add-allowance-title') ? 'active' : '' }}">
                                            <a href="{{ route('add.Allowance.title') }}"
                                                class="{{ current_page('hrmemployee/add-allowance-title') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> Add </span></a>

                                        </li>

                                        <li
                                            class="{{ current_page('hrmemployee/list-allowance-title') ? 'active' : '' }}">
                                            <a href="{{ route('list.Allowance.title') }}"
                                                class="{{ current_page('hrmemployee/list-allowance-title') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> List </span></a>

                                        </li>

                                    </ul>

                                </li>

                                <li
                                    class=" {{ current_page('hrmemployee/list-deduction-title') ? 'active' : '' }} {{ current_page('hrmemployee/add-deduction-title') ? 'active' : '' }} {{ current_page('hrm/add-employee') ? 'active' : '' }} {{ current_page('hrm/employee-sheet') ? 'active' : '' }}">
                                    <a class="{{ current_page('follow-up') ? 'active' : '' }}  waves-effect"
                                        class="{{ current_page('hrmemployee/add-deduction-title') ? 'active' : '' }}"
                                        href="javascript:void(0);" aria-expanded="false"><i
                                            class="icon-calender fa-fw"></i> <span
                                            class="hide-menu">Deductions</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('hrmemployee/list-deduction-title') ? 'in' : '' }} {{ current_page('hrmemployee/add-deduction-title') ? 'in' : '' }} {{ current_page('follow-up') ? 'in' : '' }} {{ current_page('hrm/add-employee') ? 'in' : '' }} {{ current_page('hrm/employee-sheet') ? 'active' : '' }} ">


                                        <li
                                            class="{{ current_page('hrmemployee/add-deduction-title') ? 'active' : '' }}">
                                            <a href="{{ route('add.deduction.title') }}"
                                                class="{{ current_page('hrmemployee/add-deduction-title') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> Add </span></a>

                                        </li>

                                        <li
                                            class="{{ current_page('hrmemployee/list-deduction-title') ? 'active' : '' }}">
                                            <a href="{{ route('list.deduction.title') }}"
                                                class="{{ current_page('hrmemployee/list-deduction-title') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> List </span></a>

                                        </li>

                                    </ul>

                                </li>



                                <li class="{{ current_page('hrm/add-employee') ? 'active' : '' }}"> <a
                                        class="{{ current_page('hrm/add-employee') ? 'active' : '' }}"
                                        href="{{ route('employee.add') }}"><i class="icon-check fa-fw"></i> Add
                                        Employee</a> </li>

                                <li class="{{ current_page('hrm/employee-sheet') ? 'active' : '' }}"> <a
                                        class="{{ current_page('hrm/employee-sheet') ? 'active' : '' }}"
                                        href="{{ route('employee.sheet') }}"><i class="icon-check fa-fw"></i>
                                        Employee List</a> </li>
                                <li>
                                    <a class="{{ current_page('designation/list-designation') ? 'active' : '' }} {{ current_page('designation/add-designation') ? 'active' : '' }} {{ current_page('follow-up') ? 'active' : '' }}  waves-effect"
                                        href="javascript:void(0);" aria-expanded="false"><i
                                            class="icon-calender fa-fw"></i> <span
                                            class="hide-menu">Designation</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('designation/list-designation') ? 'in' : '' }}  {{ current_page('designation/add-designation') ? 'in' : '' }} {{ current_page('follow-up') ? 'in' : '' }} ">


                                        <li class="{{ current_page('designation/add-designation') ? 'active' : '' }}">
                                            <a href="{{ route('designation.add') }}"
                                                class="{{ current_page('designation/add-designation') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> Add </span></a>

                                        </li>

                                        <li class="{{ current_page('designation/list-designation') ? 'active' : '' }}">
                                            <a href="{{ route('designation.list') }}"
                                                class="{{ current_page('designation/list-designation') ? 'active' : '' }}  waves-effect"
                                                href="javascript:void(0);" aria-expanded="false"><i
                                                    class="fa fa-building-o"></i> <span class="hide-menu"
                                                    style="margin-left: 20px;"> List </span></a>

                                        </li>

                                    </ul>

                                </li>



                                <li class="{{ current_page('/hrm/all-employee-salary/list') ? 'active' : '' }}"> <a
                                        class="{{ current_page('/hrm/all-employee-salary/list') ? 'active' : '' }}"
                                        href="{{ route('all-employee.salary.list') }}"><i
                                            class="icon-check fa-fw"></i> Payroll Sheet </a> </li>

                                <li class="{{ current_page('employees/salary/for/approve') ? 'active' : '' }}"> <a
                                        class="{{ current_page('employees/salary/for/approve') ? 'active' : '' }}"
                                        href="{{ route('employee.salary.approve') }}"><i
                                            class="icon-check fa-fw"></i>Pending Payroll {{-- @if ($total_pending_payrolls > 0)<span class="label label-rounded pull-right" style="line-height: 1.8;    min-width: 0px;font-size: 14px;padding: 0px 8px;background-color: rgb(204 2 2);">{{$total_pending_payrolls}}</span> @endif --}}</a>
                                </li>




                                <li class="{{ current_page('hrm/employee/list-loan') ? 'active' : '' }}"> <a
                                        href="{{ route('list.loan') }}"
                                        class="{{ current_page('hrm/employee/list-loan') ? 'active' : '' }}  waves-effect"
                                        href="javascript:void(0);" aria-expanded="false"><i
                                            class="fa fa-building-o"></i> <span class="hide-menu"
                                            style="margin-left: 20px;"> Loan & Advance </span></a></li>


                                <li class="{{ current_page('hrm/add-attendance') ? 'active' : '' }}"> <a
                                        class="{{ current_page('hrm/add-attendance') ? 'active' : '' }}"
                                        href="{{ route('add.attendance') }}"><i class="icon-check fa-fw"></i>
                                        Attendance</a> </li>

                                <li class="{{ current_page('hrm/edit/hrm-setting') ? 'active' : '' }}"> <a
                                        class="{{ current_page('hrm/edit/hrm-setting') ? 'active' : '' }}"
                                        href="{{ route('edit.hrm.setting.attendance') }}"><i
                                            class="icon-settings fa-fw"></i> Hrm Setting</a> </li>

                                {{-- <li class="{{current_page('/hrm/add-attendance/schedual-plan') ? 'active' : '' }}"> <a class="{{current_page('/hrm/add-attendance/schedual-plan') ? 'active' : '' }}" href="{{route('schedual-plan.add')}}"><i class="icon-check fa-fw"></i> Add Attendance schedual</a> </li> --}}

                                <li class="{{ current_page('hrm/list-attendance/schedual-plan') ? 'active' : '' }}">
                                    <a class="{{ current_page('hrm/list-attendance/schedual-plan') ? 'active' : '' }}"
                                        href="{{ route('schedual-plan.list') }}"><i
                                            class="icon-check fa-fw"></i>Schedual plan list</a>
                                </li>

                                <li class="{{ current_page('hrm/texcition/show') ? 'active' : '' }}"> <a
                                        class="{{ current_page('hrm/texcition/show') ? 'active' : '' }}"
                                        href="{{ route('show.texcition') }}"><i class="icon-check fa-fw"></i>Tax
                                        Slabs </a>
                                </li>


                            </ul>


                        </li>

                    @endpermission

                    {{-- Start Report --}}
                    @permission(['view-recovery-report', 'view-profit-loss-report', 'view-rebate-report',
                        'item-in-out-report', 'item-valuation-report', 'view-balance-sheet', 'view-aging-report',
                        'view-general-ledger', 'view-trial-balance', 'view-cash-flow-statement', 'view-dealer-commission',
                        'view-sold-inventory', 'view-received-amount', 'hrm'])
                        <li>
                            <a class=" waves-effect {{ current_page('report/generel-ledger') ? 'active' : '' }} {{ current_page('recovery/due') ? 'active' : '' }}  {{ current_page('report/month-wise-recovery') ? 'active' : '' }} {{ current_page('report/item-valuation') ? 'active' : '' }} {{ current_page('report/inventory') ? 'active' : '' }} {{ current_page('report/item-in-out') ? 'active' : '' }} {{ current_page('hrm/employee/loan/report') ? 'active' : '' }}  {{ current_page('employees/benevolent/fund/report') ? 'active' : '' }} {{ current_page('employees/salary/report') ? 'active' : '' }} {{ current_page('employees/list/report') ? 'active' : '' }} {{ current_page('report/cash-flow-statement') ? 'active' : '' }} {{ current_page('report/profit-loss-statement') ? 'active' : '' }} {{ current_page('report/balance-sheet') ? 'active' : '' }} {{ current_page('report/trial-balance') ? 'active' : '' }} {{ current_page('report/generel-ledger') ? 'active' : '' }} {{ current_page('report/received-amount') ? 'active' : '' }} {{ current_page('report/sold-inventory') ? 'active' : '' }} {{ current_page('report/commission-amount') ? 'active' : '' }} {{ current_page('report/paid-rebate') ? 'active' : '' }} {{ current_page('employees/tax/report') ? 'active' : '' }}  {{ current_page('sales/detail/dashboard') ? 'active' : '' }} {{ current_page('sales/dashboard') ? 'active' : '' }}  {{ current_page('BalanceSheet') ? 'active' : '' }} {{ current_page('/sales/detail/dashboard') ? 'active' : '' }} {{ current_page('/sales/detail/dashboard') ? 'active' : '' }}"
                                href="javascript:void(0);" aria-expanded="false">
                                <i class="fa fa-caret-right caret-icon"></i>
                                <i class="icon-book-open fa-fw"></i> <span class="hide-menu">Reports</span></a>
                            <ul aria-expanded="false"
                                class="collapse {{ current_page('report/generel-ledger') ? 'in' : '' }} {{ current_page('recovery/due') ? 'in' : '' }} {{ current_page('report/month-wise-recovery') ? 'in' : '' }} {{ current_page('report/item-valuation') ? 'in' : '' }} {{ current_page('report/inventory') ? 'in' : '' }} {{ current_page('report/item-in-out') ? 'in' : '' }} {{ current_page('hrm/employee/loan/report') ? 'in' : '' }}  {{ current_page('employees/benevolent/fund/report') ? 'in' : '' }} {{ current_page('employees/salary/report') ? 'in' : '' }} {{ current_page('employees/list/report') ? 'in' : '' }} {{ current_page('report/cash-flow-statement') ? 'in' : '' }} {{ current_page('report/profit-loss-statement') ? 'in' : '' }} {{ current_page('report/balance-sheet') ? 'in' : '' }} {{ current_page('report/trial-balance') ? 'in' : '' }} {{ current_page('report/generel-ledger') ? 'in' : '' }} {{ current_page('report/received-amount') ? 'in' : '' }} {{ current_page('report/sold-inventory') ? 'in' : '' }} {{ current_page('report/commission-amount') ? 'in' : '' }} {{ current_page('report/paid-rebate') ? 'in' : '' }} {{ current_page('employees/tax/report') ? 'in' : '' }}  {{ current_page('sales/detail/dashboard') ? 'in' : '' }} {{ current_page('sales/dashboard') ? 'in' : '' }}   {{ current_page('BalanceSheet') ? 'in' : '' }} {{ current_page('/sales/detail/dashboard') ? 'in' : '' }} {{ current_page('/sales/dashboard') ? 'in' : '' }}">
                                <li>
                                    <a class=" waves-effect {{ current_page('recovery/due') ? 'active' : '' }} {{ current_page('report/received-amount') ? 'active' : '' }} {{ current_page('report/sold-inventory') ? 'active' : '' }} {{ current_page('report/commission-amount') ? 'active' : '' }} {{ current_page('report/paid-rebate') ? 'active' : '' }} {{ current_page('employees/tax/report') ? 'active' : '' }} {{ current_page('sales/detail/dashboard') ? 'active' : '' }} {{ current_page('sales/dashboard') ? 'active' : '' }} {{ current_page('/month-wise-recovery') ? 'active' : '' }} {{ current_page('/month-wise-recovery') ? 'active' : '' }} {{ current_page('/recovery/due') ? 'active' : '' }} {{ current_page('/sales/dashboard') ? 'active' : '' }}{{ current_page('/sales/detail/dashboard') ? 'active' : '' }} {{ current_page('employee.tax.report') ? 'active' : '' }} {{ current_page('report/paid-rebate') ? 'active' : '' }} {{ current_page('report/commission-amount') ? 'active' : '' }} {{ current_page('report/sold-inventory') ? 'active' : '' }}    {{ current_page('received-amount') ? 'active' : '' }}  {{ current_page('report/aging') ? 'active' : '' }} "
                                        href="javascript:void(0);" aria-expanded="false">
                                        <i class="fa fa-caret-right caret-icon"></i>
                                        <i class="glyphicon glyphicon-th-list fa-fw"></i> <span
                                            class="hide-menu">Sales</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('recovery/due') ? 'in' : '' }} {{ current_page('report/received-amount') ? 'in' : '' }} {{ current_page('report/sold-inventory') ? 'in' : '' }}  {{ current_page('report/commission-amount') ? 'in' : '' }} {{ current_page('report/paid-rebate') ? 'in' : '' }} {{ current_page('employees/tax/report') ? 'in' : '' }}  {{ current_page('sales/detail/dashboard') ? 'in' : '' }} {{ current_page('sales/dashboard') ? 'in' : '' }} {{ current_page('/month-wise-recovery') ? 'in' : '' }} {{ current_page('/month-wise-recovery') ? 'active' : '' }} {{ current_page('/recovery/due') ? 'active' : '' }} {{ current_page('/sales/dashboard') ? 'active' : '' }}{{ current_page('/sales/detail/dashboard') ? 'active' : '' }} {{ current_page('employee.tax.report') ? 'active' : '' }} {{ current_page('report/paid-rebate') ? 'active' : '' }} {{ current_page('report/commission-amount') ? 'active' : '' }} {{ current_page('report/sold-inventory') ? 'active' : '' }}    {{ current_page('received-amount') ? 'active' : '' }}  {{ current_page('report/aging') ? 'in' : '' }} ">
                                        @permission('view-recovery-report')
                                            <li class="{{ current_page('report/account-statement') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/account-statement') ? 'active' : '' }}"
                                                    href="{{ route('report.account-statement') }}"><i
                                                        class="icon-check fa-fw"></i> OverDue / OutStanding<br>
                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Report</a> </li>


                                            <li class="{{ current_page('report/month-wise-recovery') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('report/month-wise-recovery') ? 'active' : '' }}"
                                                    href="{{ route('report.month-wise-recovery') }}"><i
                                                        class="icon-check fa-fw"></i> Month Wise Recovery </a> </li>


                                            <li class="{{ current_page('recovery/due') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('recovery/due') ? 'active' : '' }}"
                                                    href="{{ route('recovery.due') }}"><i class="icon-check fa-fw"></i>
                                                    Installment Dues </a> </li>




                                            <li class="{{ current_page('sales/detail/dashboard') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('sales/detail/dashboard') ? 'active' : '' }}"
                                                    href="{{ route('sales.detail.dashboard') }}"><i
                                                        class="icon-check fa-fw"></i> Recovery Breakdown </a> </li>

                                        @endpermission
                                        @permission(['manage-sales-dashboard'])
                                            <li class="{{ current_page('sales/dashboard') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('sales/dashboard') ? 'active' : '' }}"
                                                    href="{{ route('sales.dashboard') }}"><i class="icon-check fa-fw"></i>
                                                    Sale Dashboard </a> </li>
                                        @endpermission

                                        @permission(['hrm'])

                                            <li class="{{ current_page('employees/tax/report') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('employees/tax/report') ? 'active' : '' }}"
                                                    href="{{ route('employee.tax.report') }}"><i
                                                        class="icon-check fa-fw"></i> Tax Deduction</a> </li>


                                        @endpermission
                                        @permission('view-rebate-report')

                                            <li class="{{ current_page('report/paid-rebate') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/paid-rebate') ? 'active' : '' }}"
                                                    href="{{ route('report.paid-rebate') }}"><i
                                                        class="icon-check fa-fw"></i> Paid Rebate</a> </li>
                                        @endpermission

                                        @permission('view-dealer-commission')
                                            <li class="{{ current_page('report/commission-amount') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/commission-amount') ? 'active' : '' }}"
                                                    href="{{ route('report.commission-amount') }}"><i
                                                        class="icon-check fa-fw"></i> Commission Report</a> </li>
                                        @endpermission
                                        @permission('view-sold-inventory')
                                            <li class="{{ current_page('report/sold-inventory') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/sold-inventory') ? 'active' : '' }}"
                                                    href="{{ route('report.sold-inventory') }}"><i
                                                        class="icon-check fa-fw"></i> Sold Inventory</a> </li>
                                        @endpermission
                                        @permission('view-received-amount')

                                            <li class="{{ current_page('report/received-amount') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/received-amount') ? 'active' : '' }}"
                                                    href="{{ route('report.received-amount') }}"><i
                                                        class="icon-check fa-fw"></i> Received Amount<br>
                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Report</a> </li>


                                        @endpermission
                                        @permission('view-aging-report')
                                            <li class="{{ current_page('report/aging') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/aging') ? 'active' : '' }}"
                                                    href="{{ route('report.aging') }}"><i class="icon-check fa-fw"></i>
                                                    A/R Aging Report</a> </li>
                                        @endpermission
                                    </ul>
                                </li>

                                <li>

                                    <a class=" waves-effect {{ current_page('report/generel-ledger') ? 'active' : '' }} {{ current_page('report/cash-flow-statement') ? 'active' : '' }} {{ current_page('report/profit-loss-statement') ? 'active' : '' }} {{ current_page('report/balance-sheet') ? 'active' : '' }} {{ current_page('report/trial-balance') ? 'active' : '' }} {{ current_page('report/generel-ledger') ? 'active' : '' }} {{ current_page('report/trial-balance') ? 'active' : '' }} {{ current_page('report/balance-sheet') ? 'active' : '' }} {{ current_page('report/profit-loss-statement') ? 'active' : '' }} {{ current_page('report/cash-flow-statement') ? 'active' : '' }}    "
                                        href="javascript:void(0);" aria-expanded="false">
                                        <i class="fa fa-caret-right caret-icon"></i>
                                        <i class="icon-chart fa-fw"></i> <span class="hide-menu">Accounts</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('report/generel-ledger') ? 'in' : '' }} {{ current_page('report/cash-flow-statement') ? 'in' : '' }} {{ current_page('report/profit-loss-statement') ? 'in' : '' }} {{ current_page('report/balance-sheet') ? 'in' : '' }} {{ current_page('report/trial-balance') ? 'in' : '' }} {{ current_page('report/generel-ledger') ? 'in' : '' }} {{ current_page('report/trial-balance') ? 'active' : '' }} {{ current_page('report/balance-sheet') ? 'active' : '' }} {{ current_page('report/profit-loss-statement') ? 'active' : '' }} {{ current_page('report/cash-flow-statement') ? 'active' : '' }}  ">

                                        @permission('view-general-ledger')
                                            <li class="{{ current_page('report/generel-ledger') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/general-ledger') ? 'active' : '' }}"
                                                    href="{{ route('report.general-ledger') }}"><i
                                                        class="icon-check fa-fw"></i> General Ledger<br></a> </li>
                                        @endpermission
                                        @permission('view-trial-balance')
                                            <li class="{{ current_page('report/trial-balance') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/trial-balance') ? 'active' : '' }}"
                                                    href="{{ route('report.trial-balance') }}"><i
                                                        class="icon-check fa-fw"></i> Trial Balance<br></a> </li>
                                        @endpermission
                                        @permission('view-balance-sheet')
                                            <li class="{{ current_page('report/balance-sheet') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/balance-sheet') ? 'active' : '' }}"
                                                    href="{{ route('report.balance-sheet') }}"><i
                                                        class="icon-check fa-fw"></i> Balance Sheet</a> </li>
                                        @endpermission
                                        @permission('view-profit-loss-report')
                                            <li
                                                class="{{ current_page('report/profit-loss-statement') ? 'active' : '' }} ">
                                                <a class="{{ current_page('report/profit-loss-statement') ? 'active' : '' }}"
                                                    href="{{ route('report.profit-loss-statement') }}"><i
                                                        class="icon-check fa-fw"></i> Profit & Loss <br>
                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Statement</a>
                                            </li>
                                        @endpermission
                                        @permission('view-cash-flow-statement')
                                            <li class="{{ current_page('report/cash-flow-statement') ? 'active' : '' }} ">
                                                <a class="{{ current_page('report/cash-flow-statement') ? 'active' : '' }}"
                                                    href="{{ route('report.cash-flow-statement') }}"><i
                                                        class="icon-check fa-fw"></i> Cash Flow Statement<br></a>
                                            </li>
                                        @endpermission
                                    </ul>
                                </li>


                                <li>

                                    <a class=" waves-effect {{ current_page('employees/list/report') ? 'active' : '' }} {{ current_page('employees/salary/report') ? 'active' : '' }} {{ current_page('employees/benevolent/fund/report') ? 'active' : '' }} {{ current_page('hrm/employee/loan/report') ? 'active' : '' }}   {{ current_page('hrm/employee/loan/report') ? 'active' : '' }}  "
                                        href="javascript:void(0);" aria-expanded="false">
                                        <i class="fa fa-caret-right caret-icon"></i>
                                        <i class="icon-people fa-fw"></i> <span class="hide-menu">HRM</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('employees/list/report') ? 'in' : '' }} {{ current_page('employees/salary/report') ? 'in' : '' }} {{ current_page('employees/benevolent/fund/report') ? 'in' : '' }} {{ current_page('hrm/employee/loan/report') ? 'in' : '' }}  {{ current_page('hrm/employee/loan/report') ? 'active' : '' }}  ">

                                        @permission(['hrm'])
                                            <li class="{{ current_page('employees/list/report') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('employees/list/report') ? 'active' : '' }}"
                                                    href="{{ route('employee.list.report') }}"><i
                                                        class="icon-check fa-fw"></i> List of Employees</a> </li>

                                            <li class="{{ current_page('employees/salary/report') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('employees/salary/report') ? 'active' : '' }}"
                                                    href="{{ route('employee.salary.report') }}"><i
                                                        class="icon-check fa-fw"></i> Salary Details </a> </li>

                                            <li
                                                class="{{ current_page('employees/benevolent/fund/report') ? 'active' : '' }} ">
                                                <a class="{{ current_page('employees/benevolent/fund/report') ? 'active' : '' }}"
                                                    href="{{ route('employee.benevolent.fund.report') }}"><i
                                                        class="icon-check fa-fw"></i>Benevolent Fund </a>
                                            </li>

                                            <li class="{{ current_page('hrm/employee/loan/report') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('hrm/employee/loan/report') ? 'active' : '' }}"
                                                    href="{{ route('loan.report') }}"><i
                                                        class="icon-check fa-fw"></i>Loan</a> </li>

                                        @endpermission
                                    </ul>
                                </li>
                                <li>

                                    <a class=" waves-effect {{ current_page('report/item-valuation') ? 'active' : '' }} {{ current_page('report/item-valuation') ? 'active' : '' }} {{ current_page('report/inventory') ? 'active' : '' }} {{ current_page('report/item-in-out') ? 'active' : '' }} {{ current_page('report/inventory') ? 'active' : '' }} {{ current_page('report/item-valuation') ? 'active' : '' }}    "
                                        href="javascript:void(0);" aria-expanded="false">
                                        <i class="fa fa-caret-right caret-icon"></i>
                                        <i class="icon-people fa-fw"></i> <span class="hide-menu">Procurment</span></a>
                                    <ul aria-expanded="false"
                                        class="collapse {{ current_page('report/item-valuation') ? 'in' : '' }} {{ current_page('report/item-valuation') ? 'in' : '' }} {{ current_page('report/inventory') ? 'in' : '' }} {{ current_page('report/item-in-out') ? 'in' : '' }} {{ current_page('report/inventory') ? 'active' : '' }} {{ current_page('report/item-valuation') ? 'active' : '' }}  ">
                                        @permission('item-in-out-report')
                                            <li class="{{ current_page('report/item-in-out') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/item-in-out') ? 'active' : '' }}"
                                                    href="{{ route('report.item-in-out') }}"><i
                                                        class="icon-check fa-fw"></i> Item In/Out Report</a> </li>

                                        @endpermission


                                        @permission('inventory-report')
                                            <li class="{{ current_page('report/inventory') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/inventory') ? 'active' : '' }}"
                                                    href="{{ route('report.inventory') }}"><i
                                                        class="icon-check fa-fw"></i> Inventory Report</a> </li>

                                        @endpermission


                                        @permission('item-valuation-report')
                                            <li class="{{ current_page('report/item-valuation') ? 'active' : '' }} "> <a
                                                    class="{{ current_page('report/item-valuation') ? 'active' : '' }}"
                                                    href="{{ route('report.item-valuation') }}"><i
                                                        class="icon-check fa-fw"></i> Item Valuation Report</a> </li>

                                        @endpermission

                                    </ul>
                                </li>







                                @permission('view-general-ledger')
                                    {{-- <li class="{{current_page('report/generel-ledger') ? 'active' : '' }} "> <a class="{{current_page('report/general-ledger') ? 'active' : '' }}" href="{{route('report.general-ledger')}}"><i class="icon-check fa-fw"></i> General Ledger<br></a> </li> --}}
                                @endpermission


                                @permission(['hrm'])
                                    {{-- <li class="{{current_page('employee.list.report') ? 'active' : '' }} "> <a class="{{current_page('employee.list.report') ? 'active' : '' }}" href="{{route('employee.list.report')}}"><i class="icon-check fa-fw"></i> List of Employees</a> </li> --}}

                                    {{-- <li class="{{current_page('employee.tax.report') ? 'active' : '' }} "> <a class="{{current_page('employee.tax.report') ? 'active' : '' }}" href="{{route('employee.tax.report')}}"><i class="icon-check fa-fw"></i> Tax Deduction</a> </li> --}}

                                    {{-- <li class="{{current_page('employee.salary.report') ? 'active' : '' }} "> <a class="{{current_page('employee.salary.report') ? 'active' : '' }}" href="{{route('employee.salary.report')}}"><i class="icon-check fa-fw"></i> Salary Details </a> </li> --}}

                                    {{-- <li class="{{current_page('employee.benevolent.fund.report') ? 'active' : '' }} "> <a class="{{current_page('employee.benevolent.fund.report') ? 'active' : '' }}" href="{{route('employee.benevolent.fund.report')}}"><i class="icon-check fa-fw"></i>Benevolent Fund </a> </li> --}}
                                    {{--  --}}
                                    {{-- <li class="{{current_page('loan.report') ? 'active' : '' }} "> <a class="{{current_page('loan.report') ? 'active' : '' }}" href="{{route('loan.report')}}"><i class="icon-check fa-fw"></i>Loan</a> </li> --}}

                                @endpermission

                                @permission('view-trial-balance')
                                    {{-- <li class="{{current_page('report/trial-balance') ? 'active' : '' }} "> <a class="{{current_page('report/trial-balance') ? 'active' : '' }}" href="{{route('report.trial-balance')}}"><i class="icon-check fa-fw"></i> Trial Balance<br></a> </li> --}}
                                @endpermission

                                @permission('view-balance-sheet')
                                    {{-- <li class="{{current_page('report/balance-sheet') ? 'active' : '' }} "> <a class="{{current_page('report/balance-sheet') ? 'active' : '' }}" href="{{route('report.balance-sheet')}}"><i class="icon-check fa-fw"></i> Balance Sheet</a> </li> --}}
                                @endpermission

                                @permission('view-profit-loss-report')
                                    {{-- <li class="{{current_page('report/profit-loss-statement') ? 'active' : '' }} "> <a class="{{current_page('report/profit-loss-statement') ? 'active' : '' }}" href="{{route('report.profit-loss-statement')}}"><i class="icon-check fa-fw"></i> Profit & Loss <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Statement</a> </li> --}}
                                @endpermission

                                @permission('view-cash-flow-statement')
                                    {{-- <li class="{{current_page('report/cash-flow-statement') ? 'active' : '' }} "> <a class="{{current_page('report/cash-flow-statement') ? 'active' : '' }}" href="{{route('report.cash-flow-statement')}}"><i class="icon-check fa-fw"></i> Cash Flow Statement<br></a> </li> --}}
                                @endpermission

                                @permission('view-aging-report')
                                    {{-- <li class="{{current_page('report/aging') ? 'active' : '' }} "> <a class="{{current_page('report/aging') ? 'active' : '' }}" href="{{route('report.aging')}}"><i class="icon-check fa-fw"></i> A/R Aging Report</a> </li> --}}
                                @endpermission

                                @permission('view-rebate-report')

                                    {{-- <li class="{{current_page('report/paid-rebate') ? 'active' : '' }} "> <a class="{{current_page('report/paid-rebate') ? 'active' : '' }}" href="{{route('report.paid-rebate')}}"><i class="icon-check fa-fw"></i> Paid Rebate</a> </li> --}}
                                @endpermission

                                @permission('view-dealer-commission')
                                    {{-- <li class="{{current_page('report/commission-amount') ? 'active' : '' }} "> <a class="{{current_page('report/commission-amount') ? 'active' : '' }}" href="{{route('report.commission-amount')}}"><i class="icon-check fa-fw"></i> Commission Report</a> </li> --}}
                                @endpermission

                                @permission('view-sold-inventory')
                                    {{-- <li class="{{current_page('report/sold-inventory') ? 'active' : '' }} "> <a class="{{current_page('report/sold-inventory') ? 'active' : '' }}" href="{{route('report.sold-inventory')}}"><i class="icon-check fa-fw"></i> Sold Inventory</a> </li> --}}
                                @endpermission

                                @permission('view-received-amount')

                                    {{-- <li class="{{current_page('report/received-amount') ? 'active' : '' }} "> <a class="{{current_page('report/received-amount') ? 'active' : '' }}" href="{{route('report.received-amount')}}"><i class="icon-check fa-fw"></i> Received Amount Report</a> </li> --}}


                                @endpermission

                                @permission('item-in-out-report')
                                    {{-- <li class="{{current_page('report/item-in-out') ? 'active' : '' }} "> <a class="{{current_page('report/item-in-out') ? 'active' : '' }}" href="{{route('report.item-in-out')}}"><i class="icon-check fa-fw"></i> Item In/Out Report</a> </li> --}}

                                @endpermission


                                @permission('inventory-report')
                                    {{-- <li class="{{current_page('report/inventory') ? 'active' : '' }} "> <a class="{{current_page('report/inventory') ? 'active' : '' }}" href="{{route('report.inventory')}}"><i class="icon-check fa-fw"></i> Inventory Report</a> </li> --}}

                                @endpermission


                                @permission('item-valuation-report')
                                    {{-- <li class="{{current_page('report/item-valuation') ? 'active' : '' }} "> <a class="{{current_page('report/item-valuation') ? 'active' : '' }}" href="{{route('report.item-valuation')}}"><i class="icon-check fa-fw"></i> Item Valuation Report</a> </li> --}}

                                @endpermission

                            </ul>

                        </li>
                    @endpermission

                    {{-- end reports --}}
                    @permission('manage-messages')
                        <li class="{{ current_page('message') ? 'active' : '' }}">
                            <a href="{{ route('message.history') }}"
                                class="{{ current_page('message') ? 'active' : '' }}" aria-expanded="false"><i
                                    class="icon-notebook fa-fw"></i> <span class="hide-menu">Messages</span></a>
                        </li>
                    @endpermission

                    @permission('view-activity-log')

                        <li class="{{ current_page('activitylog') ? 'active' : '' }}">
                            <a href="{{ route('log') }}"
                                class="{{ current_page('activitylog') ? 'active' : '' }}" aria-expanded="false"><i
                                    class="icon-notebook fa-fw"></i> <span class="hide-menu">Activity Log</span></a>
                        </li>
                    @endpermission
                    @permission('view-activity-download-log')
                        <li class="{{ current_page('download-activity') ? 'active' : '' }}">
                            <a href="{{ route('download.log') }}"
                                class="{{ current_page('download-activity') ? 'active' : '' }}"
                                aria-expanded="false"><i class="icon-notebook fa-fw"></i> <span
                                    class="hide-menu">Download Activity Log</span></a>
                        </li>
                    @endpermission
                    @role(['admin', 'otheradmin'])
                        @permission(['view-unit-size', 'view-unit-category', 'view-unit-type', 'view-unit-size',
                            'view-unit-floor', 'view-designation'])
                            <li>
                                <a class=" {{ current_page('pricelist') ? 'active' : '' }} {{ current_page('setting/multiproject-list') ? 'active' : '' }} {{ current_page('unit-size') ? 'active' : '' }}  {{ current_page('role-management') ? 'active' : '' }} {{ current_page('dealer-type') ? 'active' : '' }} {{ current_page('payment-schedule') ? 'active' : '' }} {{ current_page('unit-category') ? 'active' : '' }} {{ current_page('unit-type') ? 'active' : '' }}{{ current_page('unit-floor') ? 'active' : '' }} {{ current_page('unit-block') ? 'active' : '' }} {{ current_page('balloting/setting-map-files') ? 'active' : '' }}  {{ current_page('payment-schedule/all') ? 'active' : '' }} {{ current_page('/email-sms/type') ? 'active' : '' }} {{ current_page('/stmp') ? 'active' : '' }} {{ current_page('voucher-valid-date') ? 'active' : '' }} waves-effect"
                                    href="javascript:void(0);" aria-expanded="false"> 
                                    <i class="fa fa-caret-right caret-icon"></i> <i class="icon-settings fa-fw"></i> <span
                                        class="hide-menu"> Master Settings </span></a>
                                <ul aria-expanded="false"
                                    class="collapse {{ current_page('pricelist') ? 'in' : '' }}  {{ current_page('setting/multiproject-list') ? 'in' : '' }} {{ current_page('unit-size') ? 'in' : '' }} {{ current_page('payment-schedule') ? 'in' : '' }} {{ current_page('role-management') ? 'in' : '' }} 
                                {{ current_page('dealer-type') ? 'in' : '' }} {{ current_page('unit-category') ? 'in' : '' }} {{ current_page('unit-type') ? 'in' : '' }} {{ current_page('balloting/setting-map-files') ? 'in' : '' }} {{ current_page('payment-schedule/all') ? 'in' : '' }} {{ current_page('/email-sms/type') ? 'in' : '' }} {{ current_page('/stmp') ? 'in' : '' }} {{ current_page('voucher-valid-date') ? 'in' : '' }}
                               {{ current_page('unit-floor') ? 'in' : '' }} {{ current_page('unit-block') ? 'in' : '' }}

                                             ">

                                    @role('admin')
                                        <li class="{{ current_page('setting/multiproject-list') ? 'active' : '' }}"> <a
                                                class="{{ current_page('setting/multiproject-list') ? 'active' : '' }}"
                                                href="{{ route('multi.index') }}"><i class="icon-check fa-fw"></i>Create
                                                Project</a> </li>
                                        <li class="{{ current_page('account/all') ? 'active' : '' }}"> <a
                                                class="{{ current_page('account/all') ? 'active' : '' }}"
                                                href="{{ route('account.all') }}"><i class="icon-check fa-fw"></i> User
                                                Accounts</a> </li>

                                    @endpermission

                                    @role('admin')
                                        <li class="{{ current_page('role-management') ? 'active' : '' }}"> <a
                                                class="{{ current_page('role-management') ? 'active' : '' }}"
                                                href="{{ route('role.view') }}"><i class="icon-check fa-fw"></i>Role
                                                Management</a> </li>




                                    @endrole


                                    @permission('view-dealer-type')
                                        <li class="{{ current_page('dealer-type') ? 'active' : '' }}"> <a
                                                class="{{ current_page('dealer-type') ? 'active' : '' }}"
                                                href="{{ route('dealer.type.all') }}"><i class="icon-check fa-fw"></i>Dealer
                                                Type</a> </li>
                                    @endpermission
                                    @permission('list-chart-of-account')
                                        <li class="{{ current_page('chart-of-account') ? 'active' : '' }}"> <a
                                                class="{{ current_page('chart-of-account') ? 'active' : '' }}"
                                                href="{{ route('chart-of-account.all') }}"><i class="icon-check fa-fw"></i>
                                                Chart of Accounts</a> </li>
                                    @endpermission
                                    @permission('view-unit-category')
                                        <li class="{{ current_page('unit-category') ? 'active' : '' }}"> <a
                                                class="{{ current_page('unit-category') ? 'active' : '' }}"
                                                href="{{ route('unitCategory.all') }}"><i
                                                    class="icon-check fa-fw"></i>Property Category</a> </li>
                                    @endpermission
                                    @permission('view-unit-type')
                                        <li class="{{ current_page('unit-type') ? 'active' : '' }}"> <a
                                                class="{{ current_page('unit-type') ? 'active' : '' }}"
                                                href="{{ route('unit.type.all') }}"><i class="icon-check fa-fw"></i> Property
                                                Type</a> </li>
                                    @endpermission

                                    @permission('view-unit-size')
                                        <li class="{{ current_page('unit-size') ? 'active' : '' }}"> <a
                                                class="{{ current_page('unit-size') ? 'active' : '' }}"
                                                href="{{ route('unit.size.all') }}"><i class="icon-check fa-fw"></i>Property
                                                Size</a> </li>
                                    @endpermission

                                    @permission('view-unit-size')
                                        <li class="{{ current_page('unit-block') ? 'active' : '' }}"> <a
                                                class="{{ current_page('unit-block') ? 'active' : '' }}"
                                                href="{{ route('unit.block.all') }}"><i class="icon-check fa-fw"></i>
                                                Property

                                                @if ($app_society)
                                                    Block
                                                @else
                                                    Block
                                                @endif
                                            </a>
                                         </li>
                                    @endpermission

                                    @permission('view-unit-floor')
                                        
                                            <li class="{{ current_page('unit-floor') ? 'active' : '' }}"> <a
                                                    class="{{ current_page('unit-floor') ? 'active' : '' }}"
                                                    href="{{ route('unitFloor.all') }}"><i class="icon-check fa-fw"></i>
                                                    Block or Floor Mapping</a> </li>
                                        
                                        
                                    @endpermission



                                 
                                        @if ($app_society)
                                            @permission('view-balloting')
                                                <li class="{{ current_page('balloting/setting-map-files') ? 'active' : '' }}">
                                                    <a class="{{ current_page('balloting/setting-map-files') ? 'active' : '' }}"
                                                        href="{{ route('balloting.setting.files') }}"><i
                                                            class="icon-check fa-fw"></i>Balloting Map File</a>
                                                </li>
                                            @endpermission
                                            @permission('view-package')
                                                {{-- @role('admin') --}}
                                                <!-- {{ current_page('package') ? 'active' : '' }} -->
                                                <li class="{{ current_page('package') ? 'active' : '' }}"> <a class=""
                                                        href="{{ route('packge.index') }}"><i
                                                            class="icon-check fa-fw"></i>Package</a> </li>
                                                {{-- @endrole --}}
                                            @endpermission
                                        @endif
                                    
                                    @permission('view-unit-block-criteria')

                                        <li class="{{ current_page('unit-blockage') ? 'active' : '' }}"> <a
                                                class="{{ current_page('unit-blockage') ? 'active' : '' }}"
                                                href="{{ route('unitblockage.index') }}"><i class="icon-check fa-fw"></i>Unit Blockage
                                            </a> </li>
                                    @endpermission

                                    @permission('view-pricelist')

                                        <li class="{{ current_page('pricelist') ? 'active' : '' }}"> <a
                                                class="{{ current_page('pricelist') ? 'active' : '' }}"
                                                href="{{ route('pricelist.index') }}"><i class="icon-check fa-fw"></i>Price
                                                List</a> </li>
                                    @endpermission


                                    @role('admin')

                                        <li class="{{ current_page('payment-schedule/all') ? 'active' : '' }}"> <a
                                                class="{{ current_page('payment-schedule/all') ? 'active' : '' }}"
                                                href="{{ route('schedule.all') }}"><i class="icon-check fa-fw"></i>Schedule
                                                Plan</a> </li>
                                    @endrole
                                    @role('admin')

                                        <li class="{{ current_page('/email-sms/type') ? 'active' : '' }}"> <a
                                                class="{{ current_page('/email-sms/type') ? 'active' : '' }}"
                                                href="{{ route('email-sms.index') }}"><i class="icon-check fa-fw"></i>Email /
                                                Sms Template</a> </li>

                                        <li class="{{ current_page('/stmp') ? 'active' : '' }}"> <a
                                                class="{{ current_page('/stmp') ? 'active' : '' }}"
                                                href="{{ route('stmp.index') }}"><i class="icon-check fa-fw"></i>SMTP
                                                Setting</a> </li>

                                    @endrole

                                    @permission('voucher-valid-date')
                                        <li class="{{ current_page('voucher-valid-date') ? 'active' : '' }}"> <a
                                                class="{{ current_page('voucher-valid-date') ? 'active' : '' }}"
                                                href="{{ route('voucher.valid.date') }}"><i
                                                    class="icon-check fa-fw"></i>Voucher Validity</a> </li>
                                    @endpermission

                                    @permission('import-data')
                                    <li class="{{ current_page('import-data') ? 'active' : '' }}"> <a
                                            class="{{ current_page('import-data') ? 'active' : '' }}"
                                            href="{{ route('importdata.chartofaccount') }}"><i
                                                class="icon-check fa-fw"></i>Import Data</a> </li>
                                @endpermission

                                    @role('admin')

                                        <li class="{{ current_page('password/confirm') ? 'active' : '' }}"> <a
                                                class="{{ current_page('password/confirm') ? 'active' : '' }}"
                                                href="{{ route('reset.database') }}"><i class="icon-check fa-fw"></i>Reset
                                                Database</a> </li>
                                    @endrole

                                </ul>
                            </li>
                        @endpermission
                    @endrole

                    @role('admin')

                        <li class="{{ current_page('trash') ? 'active' : '' }}">
                            <a href="{{ route('trash.all') }}" class="{{ current_page('trash') ? 'active' : '' }}"
                                aria-expanded="false"><i class="icon-trash fa-fw"></i> <span class="hide-menu">Trash
                                    Box</span></a>
                        </li>

                        <!--   <li class="{{ current_page('backup') ? 'active' : '' }}">
                        <a href="{{ route('backup') }}" class="{{ current_page('backup') ? 'active' : '' }}" aria-expanded="false"><i class="glyphicon glyphicon-th-list fa-fw"></i> <span class="hide-menu">Backup</span></a>
                        </li> -->

                        <li class="{{ current_page('dnfbp') ? 'active' : '' }}">
                            <a class="{{ current_page('dnfbp') ? 'active' : '' }}" href="{{ route('dnfbp') }}"
                                class="" aria-expanded="false">
                                <i class="glyphicon glyphicon-th-list"></i>
                                <span class="hide-menu">
                                    DNFBP List
                                </span>
                            </a>
                        </li>

                        <li class="">
                            <a href="{{ route('backup') }}" class="" aria-expanded="false">
                                <i class="glyphicon glyphicon-th-list"></i>
                                <span class="hide-menu">
                                    Database Backup
                                </span>
                            </a>
                        </li>


                    @endrole



                    </ul>
                </nav>
            </div>
        </aside>
        <!-- ===== Left-Sidebar-End ===== -->
        <!-- Page Content -->

        <!-- First Container -->
        <!-- <div id="myDropdown" class="newdiv">
            <div class="newhas1">


                @if (empty($active['project']))
<i class="fa fa-user halp" aria-hidden="true"></i>
                    {{-- <img src="" class="has"> --}}
                    <p class="lu" >{{ Auth::user()->name }}</p>
@else
<img src="{{ asset('images/' . $active['project']->image) }}" class="has">
                    <p class="lu">{{ $active['project']->name }}</p>
@endif -->
        <!-- </i><img src="images/img.png"> -->
        <!-- <div class="imghai">
                    
                  
                   
                    @if (!empty($active['other_projects']))
@php
    $enc = Crypt::encrypt($active['other_projects']->id);
@endphp
                    <a href='#'  onclick="callFunctionSwitch('{{ $enc }}')" >
                    <i class="fa fa-refresh rot" aria-hidden="true"></i>  -->
        <!-- <i class="fa fa-repeat rot" aria-hidden="true"></i> -->
        <!-- </a>
                    <p id="ley"  >  {{ strtoupper(substr($active['other_projects']->name, 0, 1)) }}</p>
                  
                    <button   class="swhh"  >Switch to {{ $active['other_projects']->name }}</button>
@else
<i class="fa fa-refresh rot" aria-hidden="true"></i>  -->
        <!-- <i class="fa fa-repeat rot" aria-hidden="true"></i> -->
        <!-- <p id="ley">N</p>
                    <button type="button" class="swhh">Nothing To Switch</button>
@endif
                </div>
            </div>
            <hr style="width: 300px;">
            <div class="nayadiv"onclick="show()">See all Projects</div>
        </div> -->
        <!-- Second Container -->
        <div id="newdrop" class="seconddiv" onclick="showed(event)" style="position: fixed;">
            <!-- <i style='font-size:24px'><i class="fa fa-arrow-left fas" aria-hidden="true"></i></i> -->
            <p class="hastext">PROJECTS</p>
            {{-- <ul class="optionss">
                <li>
                    <img src="images/phata.png" alt="" class="hass">
                    <span>Super Admin</span>
                    <input style="width:17px; height:17px;
                    " type="radio" name="imgsel" class="radios">
                </li>
                <li>
                    <img src="images/test1.png" alt="" class="hass">
                    <span>Metro City</span>
                    <input style="width:17px; height:17px;
                    " type="radio" name="imgsel" class="radios">
                </li>
                <li>
                    <img src="images/logo1.png" alt="" class="hass">
                    <span>Prism City</span>
                    <input style="width:17px; height:17px;
                    " type="radio" name="imgsel" class="radios">
                </li>
            </ul> --}}
            <ul class="optionss">

 
                @foreach ($data['projects'] as $project)
                    @php
                        $id = Crypt::encrypt($project->id);
                        
                    @endphp
                    <li>
                        <img src="{{ asset('images/' . $project->image) }}" alt="" class="hass">
                        <span>{{ $project->name }}</span>
                        {{-- <a href="#" data-toggle="confirmation" data-title="Are you sure to Switch?" data-original-title="" title="" aria-describedby="confirmation9094" > --}}
                        <a href="#">
                            <input style="width:18px; height:18px; margin-top: 10px;
                    "
                                type="radio" name="imgsel" class="radios"
                                onclick="callFunctionSwitch('{{ $id }}')" value=""
                                {{ $data['pro_id'] == $project->id ? 'checked' : '' }}>
                        </a>
                    </li>
                    <div class="popover confirmation fade top in" id="confirmation9094"
                        style="top: 7.25px; left: 1059.5px; display: block;">
                        <div class="arrow" style="left: 50%;"></div>
                        <h3 class="popover-title">Are you sure to delete?</h3>
                        <div class="popover-content">
                            <p class="confirmation-content" style="display: none;"></p>
                            <div class="confirmation-buttons text-center">
                                <div class="btn-group"><a href="http://127.0.0.1:8000/customer/delete/1"
                                        class="btn btn-xs btn-primary" data-apply="confirmation"><i
                                            class="glyphicon glyphicon-ok"></i> Yes</a><a href="#"
                                        class="btn btn-xs btn-default" data-dismiss="confirmation"><i
                                            class="glyphicon glyphicon-remove"></i> No</a></div>
                            </div>
                        </div>
                    </div>
                @endforeach

            </ul>





            <!-- @foreach ($data['projects'] as $project)
@php
    $id = Crypt::encrypt($project->id);
@endphp
            <div class="newsecondiv">
                 <i class="fa fa-user hass" aria-hidden="true"></i>
                <img src="{{ asset('images/' . $project->image) }}" class="hass">
                <p class="lui">{{ $project->name }}
                    <input style="width:20px; height:20px;
                    " type="radio" name="imgsel" class="radios" onclick="callFunctionSwitch('{{ $id }}')" value=""  {{ $data['pro_id'] == $project->id ? 'checked' : '' }}>
            </div>
@endforeach -->
        </div>
        <div class="page-wrapper">
            @yield('breadcrumb')
            <div class="clearfix"></div>
            <!-- Scroll Bar -->
            <div id="progress">
                <span id="progress-value">&#x1F815;</span>
            </div>
            @yield('content')
            <!-- ===== Right-Sidebar ===== -->
            <div class="right-sidebar">
                <div class="slimsrcollright">
                    <div class="rpanel-title"> Service Panel <span><i
                                class="icon-close right-side-toggler"></i></span> </div>
                    <div class="r-panel-body">



                    </div>
                </div>
            </div>
            <!-- ===== Right-Sidebar-End ===== -->
        </div>

        <!-- /.container-fluid -->


        <footer class="footer t-a-c no-print">
            <div class="bg-white p-20" style="margin-bottom: -30px" ">            <center> 2021 © {{ env('APP_NAME') }} / Design & Developed By <a href="http://exagic.com/" target="_blank">EXAGIC</a> </center>        </div>
        </footer>
        </div>
        <!-- /#page-wrapper -->
        </div>
        <!-- /#wrapper -->
        <!-- ==============================
        Required JS Files
        =============================== -->
        <!-- ===== jQuery ===== -->
        <script src="{{ asset('plugins/components/jquery/dist/jquery.min.js') }}"></script>

        <!-- ===== Bootstrap Javasrcipt ===== -->
        <script src="{{ asset('bootstrap/dist/js/bootstrap.min.js') }}"></script>

        <script src="{{ asset('plugins/components/custom-select/custom-select.min.js') }}"></script>

        <script src="{{ asset('plugins/components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
        <!-- ===== Slimsrcoll Javasrcipt ===== -->
        <script src="{{ asset('js/jquery.slimscroll.js') }}"></script>
        <!-- ===== Wave Effects Javasrcipt ===== -->
        <script src="{{ asset('js/waves.js') }}"></script>
        <!-- ===== Menu Plugin Javasrcipt ===== -->
        <script src="{{ asset('js/sidebarmenu.js') }}"></script>

        <script src="{{ asset('js/jquery.slimscroll.js') }}"></script>
        <!-- ===== Custom Javasrcipt ===== -->
        <script src="{{ asset('js/custom.js') }}"></script>
        <script src="{{ asset('js/jasny-bootstrap.js') }}"></script>
        <script src="{{ asset('plugins/components/datatables/jquery.dataTables.min.js') }}"></script>

        <script src="{{ asset('js/anychart-base.min.js') }}" type="text/JavaScript"></script>

        <script src="{{ asset('js/jquery.PrintArea.js') }}" type="text/JavaScript"></script>
        <!-- ===== Plugin JS ===== -->
        <!-- ===== Style Switcher JS ===== -->
        <!--srcipt src="{{ asset('plugins/components/styleswitcher/jQuery.style.switcher.js') }}"></srcipt-->
        <script src="{{ asset('js/app-toast.js') }}"></script>

        <script src="{{ asset('js/jQuery.print.min.js') }}" type="text/JavaScript"></script>
        <script src="https://bootstrap-confirmation.js.org/assets/js/script.js"></script>
        <script src="https://bootstrap-confirmation.js.org/node_modules/bootstrap-confirmation2/bootstrap-confirmation.min.js">
        </script>

        <script src="{{ asset('js/d3.min.js') }}" type="text/JavaScript"></script>
        <script src="{{ asset('js/plugin.js') }}" type="text/JavaScript"></script>
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
 
 
        @yield('js')
        <script>
            $.fn.select2.amd.define('select2/mytheme', [
                'select2/utils',
                'select2/themes/default'
            ], function(Utils, DefaultTheme) {
                var MyTheme = Utils.Decorate(DefaultTheme, function(decorated) {
                    this.defaults = $.extend({}, decorated.defaults, {
                        // Define your custom styles here
                        searchInputPadding: '4px 6px',
                        searchInputFontSize: '14px',
                        searchInputBorderRadius: '20px',
                        selectionBorderRadius: '20px',
                        selectionBackgroundColor: '#f1f3f4',
                        selectionBorderColor: '#d3d3d3',
                        selectionBorderWidth: '1px',
                        dropdownBorderRadius: '20px',
                        dropdownBackgroundColor: '#fff',
                        dropdownBorderColor: '#d3d3d3',
                        dropdownBorderWidth: '1px'
                    });
                });

                return MyTheme;
            });



            $('.selecttwo').select2({
                // theme: 'mytheme'
                theme: 'classic'
            });



            @if (Session::has('message'))
                var type = "{{ Session::get('alert-type', 'info') }}";
                switch (type) {
                    case 'info':
                        toastr.info("{{ Session::get('message') }}");
                        break;

                    case 'warning':
                        toastr.warning("{{ Session::get('message') }}");
                        break;

                    case 'success':
                        toastr.success("{{ Session::get('message') }}");
                        break;

                    case 'error':
                        toastr.error("{{ Session::get('message') }}");
                        break;
                }
                {{ Session::forget('message') }}
            @endif

            //$('.select2').select2();
            $(".mydatepicker").datepicker();
            $('.swhicher-button button').on('click', function() {
                var buttonAttr = $(this).attr('data-att');
                $('link[data-style="color-style"]').attr('href', 'css/' + buttonAttr + '.css');
                $('.logo a img, .footer-logo a img').attr('src', 'images/' + buttonAttr + '-logo.png');
            });
            $('.setting-button-wrapper-1 .setting-button').on('click', function() {
                $('#id12').toggleClass('fa-angle-right');
                $('#id12').toggleClass('fa-calculator');
                $('.color-shicher-wraper').toggleClass('show-color');
                //$('.select2').select2();
            });



            $(document).ready(function() {

                $(".table").each(function() {
                    $(this).addClass("table-hover");
                });


                $(':input[type="number"]').attr({

                    "min": 0
                });

            });


            function numberWithCommas(x) {
                return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            }
            $('#unit_number_app').change(function() {
                //update the unit information when unit number change
                $('.preloader').fadeIn();
                var data = {
                    'unit_number': $(this).val()
                };

                $.get('/getInformationByUnit', data, function(data) {
                    if (data) {
                        $('#total_amount_app').val(data.info.total_price - data.info.extra_amount);
                        $('#net_amount_app').val(data.info.total_price);
                        $('#extra_charges_app').val(data.info.extra_amount);
                        @role('admin')

                            if (data.info.status == {{ \App\Inventory::open }})
                                $('#status_app').val('Open');
                            else if (data.info.status == {{ \App\Inventory::hold_client }})
                                $('#status_app').val('Client Hold');
                            else if (data.info.status == {{ \App\Inventory::hold_company }})
                                $('#status_app').val('Company Hold');
                            else if (data.info.status == {{ \App\Inventory::token_hold }})
                                $('#status_app').val('Token Hold');
                            else if (data.info.status == {{ \App\Inventory::sold }})
                                $('#status_app').val('Sold');
                        @else

                            if (data.info.status == {{ \App\Inventory::open }})
                                $('#status_app').val('Open');
                            else
                                $('#status_app').val('Sold');
                        @endrole


                        if (data.info.status == 1)
                            $('#status_app').val('Open');
                        else
                            $('#status_app').val('Sold');

                        $('#size_app').val(data.info.size.name + " {{ env('SIZE') }}");
                        // $('#inventory-id').val(data.info.id);
                        //  $('#description').val(data.info.description);
                        name = '';
                        for (i = 0; i < data.info.categories.length; i++) {
                            name += '<span class="tag label label-info">' + data.info.categories[i].category
                                .name + '</span>';
                        }


                        //$('#category_app').innerHTML();
                        document.getElementById('category_app').innerHTML = name;
                        //  $('#category').val(data.info.category.name);
                        $('#type_app').val(data.info.type.name);


                        $('#down_payment_app').val(Math.round(parseInt(data.schedule.down_payment) / 100 * data
                            .info.total_price));
                        $('#possession_app').val(Math.round(parseInt(data.schedule.possession) / 100 * data.info
                            .total_price));
                        $('#annual_installment_app').val(Math.round(data.schedule.annual_installment / 100 *
                            data.info.total_price / (data.schedule.total_months / 6)));
                        $('#total_months_app').val(Math.round(data.schedule.total_months));

                        $('#total_annual_installment_app').val(Math.round(data.schedule.annual_installment /
                            100 * data.info.total_price));

                        $('#monthly_installment_app').val(Math.round(data.schedule.monthly_installment / 100 *
                            data.info.total_price / (data.schedule.total_months)));

                        $('#total_monthly_installment_app').val(Math.round(data.schedule.monthly_installment /
                            100 * data.info.total_price));
                        $('#down_payment_app').keyup();
                    }
                });
                $('.preloader').fadeOut();

            });


            $('#down_payment_app').keyup(function() {

                total_price = parseInt($('#net_amount_app').val());
                if (!total_price)
                    total_price = 0;

                possession = parseInt($('#possession_app').val());
                if (!possession)
                    possession = 0;

                down_payment = parseInt($('#down_payment_app').val());
                if (!down_payment)
                    down_payment = 0;

                total_monthly_installment_app = parseInt($('#total_monthly_installment_app').val());
                if (!total_monthly_installment_app)
                    total_monthly_installment_app = 0;

                total_annual_installment_app = parseInt($('#total_annual_installment_app').val());
                if (!total_annual_installment_app)
                    total_annual_installment_app = 0;

                remaining_amount = total_price - possession - down_payment - total_monthly_installment_app -
                    total_annual_installment_app;
                //alert(remaining_amount);

                $('#total_monthly_installment_app').val(parseInt(total_monthly_installment_app + remaining_amount));

                $('#monthly_installment_app').val(parseInt((total_monthly_installment_app + remaining_amount) /
                    parseInt($('#total_months_app').val())));


            });

            $('#possession_app').keyup(function() {

                total_price = parseInt($('#net_amount_app').val());
                if (!total_price)
                    total_price = 0;

                possession = parseInt($('#possession_app').val());
                if (!possession)
                    possession = 0;

                down_payment = parseInt($('#down_payment_app').val());
                if (!down_payment)
                    down_payment = 0;

                total_monthly_installment_app = parseInt($('#total_monthly_installment_app').val());
                if (!total_monthly_installment_app)
                    total_monthly_installment_app = 0;

                total_annual_installment_app = parseInt($('#total_annual_installment_app').val());
                if (!total_annual_installment_app)
                    total_annual_installment_app = 0;

                remaining_amount = total_price - possession - down_payment - total_monthly_installment_app -
                    total_annual_installment_app;
                //alert(remaining_amount);

                $('#total_annual_installment_app').val(parseInt(total_annual_installment_app + remaining_amount));

                val = $('#annual_select').val();

                $('#annual_installment_app').val(parseInt((total_annual_installment_app + remaining_amount) / (parseInt(
                    $('#total_months_app').val()) / val)));


            });


            $('#monthly_installment_app').keyup(function() {

                monthly_installment_app = parseInt($('#monthly_installment_app').val());
                if (!monthly_installment_app)
                    monthly_installment_app = 0;

                $('#total_monthly_installment_app').val(monthly_installment_app * parseInt($('#total_months_app')
                    .val()));
                if (!total_monthly_installment_app)
                    total_monthly_installment_app = 0;

                total_price = parseInt($('#net_amount_app').val());
                if (!total_price)
                    total_price = 0;

                possession = parseInt($('#possession_app').val());
                if (!possession)
                    possession = 0;

                down_payment = parseInt($('#down_payment_app').val());
                if (!down_payment)
                    down_payment = 0;

                total_monthly_installment_app = parseInt($('#total_monthly_installment_app').val());
                if (!total_monthly_installment_app)
                    total_monthly_installment_app = 0;

                total_annual_installment_app = parseInt($('#total_annual_installment_app').val());
                if (!total_annual_installment_app)
                    total_annual_installment_app = 0;

                remaining_amount = total_price - possession - down_payment - total_monthly_installment_app -
                    total_annual_installment_app;
                //alert(remaining_amount);

                $('#total_annual_installment_app').val(parseInt(total_annual_installment_app + remaining_amount));
                val = $('#annual_select').val();

                $('#annual_installment_app').val(parseInt((total_annual_installment_app + remaining_amount) / (parseInt(
                    $('#total_months_app').val()) / val)));


            });


            $('#annual_installment_app').keyup(function() {

                annual_installment_app = parseInt($('#annual_installment_app').val());
                if (!annual_installment_app)
                    annual_installment_app = 0;

                val = $('#annual_select').val();


                $('#total_annual_installment_app').val(annual_installment_app * (parseInt($('#total_months_app')
                    .val()) / val));
                if (!total_annual_installment_app)
                    total_annual_installment_app = 0;

                total_price = parseInt($('#net_amount_app').val());
                if (!total_price)
                    total_price = 0;

                possession = parseInt($('#possession_app').val());
                if (!possession)
                    possession = 0;

                down_payment = parseInt($('#down_payment_app').val());
                if (!down_payment)
                    down_payment = 0;

                total_monthly_installment_app = parseInt($('#total_monthly_installment_app').val());
                if (!total_monthly_installment_app)
                    total_monthly_installment_app = 0;

                total_annual_installment_app = parseInt($('#total_annual_installment_app').val());
                if (!total_annual_installment_app)
                    total_annual_installment_app = 0;

                remaining_amount = total_price - possession - down_payment - total_monthly_installment_app -
                    total_annual_installment_app;
                //alert(remaining_amount);

                // $('#total_monthly_installment_app').val(parseInt(total_monthly_installment_app + remaining_amount));

                // $('#monthly_installment_app').val(parseInt((total_monthly_installment_app + remaining_amount) / 60));

                $('#possession_app').val(parseInt($('#possession_app').val()) + remaining_amount);


            });


            $("#total_months_app").keyup(function() {

                price = parseInt($('#net_amount_app').val());
                schedule = {!! json_encode($schedule->toArray()) !!};

                val = $('#annual_select').val();


                if (price) {

                    $('#possession_app').val(Math.round(parseInt(schedule.possession) / 100 * price));
                    $('#down_payment_app').val(Math.round(parseInt(schedule.down_payment) / 100 * price));
                    $('#annual_installment_app').val(Math.round(schedule.annual_installment / 100 * price / (parseInt($(
                        '#total_months_app').val()) / val)));
                    $('#total_months_app').val(parseInt($('#total_months_app').val()));

                    $('#total_annual_installment_app').val(Math.round(schedule.annual_installment / 100 * price));

                    $('#monthly_installment_app').val(Math.round(schedule.monthly_installment / 100 * price / (parseInt(
                        $('#total_months_app').val()))));

                    $('#total_monthly_installment_app').val(Math.round(schedule.monthly_installment / 100 * price));

                }
            });

            $("#discount_app").keyup(function() {

                discount = parseFloat($('#discount_app').val());

                if (discount >= 0) {

                    price = parseInt($('#total_amount_app').val()) + parseInt($('#extra_charges_app').val());

                    if ($('#per_discount').is(':checked')) {
                        discount = price * (discount / 100);
                    }

                    price = price - discount;

                    $('#net_amount_app').val(price);

                    val = $('#annual_select').val();



                    schedule = {!! json_encode($schedule->toArray()) !!};
                    if (price) {

                        $('#possession_app').val(Math.round(parseInt(schedule.possession) / 100 * price));
                        $('#down_payment_app').val(Math.round(parseInt(schedule.down_payment) / 100 * price));
                        $('#annual_installment_app').val(Math.round(schedule.annual_installment / 100 * price / (
                            parseInt($('#total_months_app').val()) / val)));
                        $('#total_months_app').val(parseInt($('#total_months_app').val()));

                        $('#total_annual_installment_app').val(Math.round(schedule.annual_installment / 100 * price));

                        $('#monthly_installment_app').val(Math.round(schedule.monthly_installment / 100 * price / (
                            parseInt($('#total_months_app').val()))));

                        $('#total_monthly_installment_app').val(Math.round(schedule.monthly_installment / 100 * price));

                    }
                } else {
                    price = parseInt($('#total_amount_app').val()) + parseInt($('#extra_charges_app').val());
                    $('#net_amount_app').val(price)
                }
            });


            $('#annual_select').change(function() {

                val = $('#annual_select').val();

                if (val == 1) {

                    $('#annual_installment_app').val(0);
                    $('#total_annual_installment_app').val(0);

                } else {
                    $('#annual_installment_app').val(parseInt($('#total_annual_installment_app').val() / (parseInt($(
                        '#total_months_app').val()) / val)));


                }

                annual_installment_app = parseInt($('#annual_installment_app').val());
                if (!annual_installment_app)
                    annual_installment_app = 0;

                $('#total_annual_installment_app').val();
                if (!total_annual_installment_app)
                    total_annual_installment_app = 0;

                total_price = parseInt($('#net_amount_app').val());
                if (!total_price)
                    total_price = 0;

                possession = parseInt($('#possession_app').val());
                if (!possession)
                    possession = 0;

                down_payment = parseInt($('#down_payment_app').val());
                if (!down_payment)
                    down_payment = 0;

                total_monthly_installment_app = parseInt($('#total_monthly_installment_app').val());
                if (!total_monthly_installment_app)
                    total_monthly_installment_app = 0;

                total_annual_installment_app = parseInt($('#total_annual_installment_app').val());
                if (!total_annual_installment_app)
                    total_annual_installment_app = 0;

                remaining_amount = total_price - possession - down_payment - total_monthly_installment_app -
                    total_annual_installment_app;

                $('#possession_app').val(parseInt($('#possession_app').val()) + remaining_amount);

            });



            function refresh() {

                $('#total_amount_app').val('');
                $('#discount_app').val('');
                $('#unit_number_app').val('');
                $('#status_app').val('');
                $('#net_amount_app').val('');
                $('#type_app').val('');
                $('#size_app').val('');
                $('#possession_app').val('');
                $('#down_payment_app').val('');
                $('#extra_charges_app').val('');

                document.getElementById('category_app').innerHTML = '';
                $('#annual_installment_app').val('');
                $('#total_months_app').val('');
                $('#total_annual_installment_app').val('');
                $('#monthly_installment_app').val('');
                $('#total_monthly_installment_app').val('');

                return false;

            }

            $(".sidebar-nav ul#side-menu li ").click(function() {
                $(this).find(".caret-icon").toggleClass('fa fa-caret-right fa fa-caret-down');
            });


            setTimeout(function() {
                $('#successMessage').hide('slow');
            }, 3000);
            $("#printableSection").find('#print').on('click', function() {
                //Print printableSection with custom options
                $("#printableSection").print({
                    //Use Global styles
                    globalStyles: true,
                    //Add link with attrbute media=print
                    mediaPrint: false,
                    iframe: false,
                    //Don't print this
                    noPrintSelector: ".avoid-this",
                    //Add this on bottom

                    // prepend : "<b>Print By </b> {{ Ucfirst(Auth::user()->name) }} <br/> <b>Date </b> {{ date('d-F-Y') }} <br/>  ",

                    // append : "<span><br/>GOOD LUCK!</span>",
                    //Log to console when printing is done via a deffered callback
                    deferred: $.Deferred().done(function() {
                        console.log('Printing done', arguments);
                    })
                });
            });


            //     const allStories = [
            //     {
            //         id: 0,
            //         socities_name: "Metro City",
            //         imageUrl: "images/test1.png",

            //     },
            //     {
            //         id: 1,
            //         socities_name: "Prism City",
            //         imageUrl: "images/test1.png",

            //     },
            //     {
            //         id: 2,
            //         socities_name: "BlueArc City",
            //         imageUrl: "images/newmetro.jpeg",

            //     },
            //     {
            //         id: 3,
            //         socities_name: "Roenclave Society",
            //         imageUrl: "images/test1.png",

            //     },
            //     {
            //         id: 4,
            //         socities_name: "Metro City",
            //         imageUrl: "images/metrocity.jpg",

            //     },

            // ];
            // const stories = document.querySelector(".stories");
            // const nextBtn = document.querySelector(".stories-container .next-btn");
            // const previousBtn = document.querySelector(".stories-container .previous-btn");
            // const storiesContent = document.querySelector(".stories-container .inside_content");
            // const createStories = () =>{
            //     allStories.forEach((s) => {
            //         const story = document.createElement("div");
            //         story.classList.add("story");
            //         const img = document.createElement("img");
            //         img.src = s.imageUrl;
            //         const socities_name = document.createElement("div");
            //         socities_name.classList.add("socities_name");
            //         socities_name.innerHTML = s.socities_name;

            //         story.appendChild(img);
            //         story.appendChild(socities_name);

            //         stories.appendChild(story);
            //     });
            // };
            // createStories();
            // nextBtn.addEventListener("click", () => {
            //     storiesContent.scrollLeft += 300;
            // });
            // previousBtn.addEventListener("click", () => {
            //     storiesContent.scrollLeft -= 300;
            // });
            // storiesContent.addEventListener("scroll", () =>{
            //     if(storiesContent.scrollLeft <= 24) {
            //         previousBtn.classList.remove("active");
            //     }
            //     else{
            //         previousBtn.classList.add("active");
            //     }


            //     let maxScrollValue = storiesContent.scrollWidth - storiesContent.clientWidth -24;
            //     if(storiesContent.scrollLeft >= maxScrollValue){
            //         nextBtn.classList.remove("active");
            //     }
            //     else{
            //         nextBtn.classList.add("active");
            //     }
            // });
        </script>
        <script type="text/javascript">
            var config = {
                '.chosen-select': {},
                '.chosen-select-deselect': {
                    allow_single_deselect: true
                },
                '.chosen-select-no-single': {
                    disable_search_threshold: 10
                },
                '.chosen-select-no-results': {
                    no_results_text: 'Oops, nothing found!'
                },
                '.chosen-select-rtl': {
                    rtl: true
                },
                '.chosen-select-width': {
                    width: '95%'
                }
            }
            for (var selector in config) {
                $(selector).chosen(config[selector]);
            }
       
            $('[data-toggle=confirmation]').confirmation({
                rootSelector: '[data-toggle=confirmation]',
               
            });

            function myFunction() {

                $('#myDropdown').show();

            }
            $(document).on('click', function(event) {
                if (!$(event.target).closest('.circle-btn, #myDropdown').length) {
                    $('#myDropdown').hide();
                }
            });
            // window.onclick = function(event) {
            // $('#myDropdown').hide();
            //    if (!event.target.matches('.newha .fa-user')) {
            //     var dropdowning = document.getElementsByClassName("newdiv");
            //     var i;
            //     for (i = 0; i < dropdowning.length; i++) {
            //       var openDropdown = dropdowning[i];
            //       if (openDropdown.classList.contains('show')) {
            //         openDropdown.classList.remove('show');
            //       }
            //     }
            //   }
            // }

            function show() {
                $('#newdrop').show();
                // $('#myDropdown').hide();
                //   document.getElementById("newdrop").classList.toggle("shows");
            }
            $(document).on('click', function(event) {
                if (!$(event.target).closest('.circle-btn, #newdrop').length) {
                    $('#newdrop').hide();
                }
            });

            function showed(event) {
                event.stopPropagation();
                var x = document.getElementById("newdrop");

                $('#newdrop').hide();
                $('#myDropdown').show();

                //   if (x.style.display === "none") {
                //     $('#newdrop').hide();
                //     // x.style.display = "block";
                //   } else {
                //     x.style.display = "none";
                //     myFunction();
                //   }
            }
            // Remove Container
            const sboxnew = document.querySelector(".sboxnew"),
                SelectBtn = sboxnew.querySelector(".select-btn"),
                searchInp = sboxnew.querySelector("input"),
                options = sboxnew.querySelector(".options");



            // Get the select element
            const selectElement = document.getElementById('multipro');

            // Get the options of the select element and create an array of objects
            const opt = Array.from(selectElement.options).map(option => ({
                value: option.value,
                text: option.text
            }));

            function addSocities(selectedSociety) {

                options.innerHTML = "";

                opt.forEach(({
                    value,
                    text
                }) => {
                    let isSelected = text === selectedSociety ? "selected" : "";
                    let li = `<li onclick="updateName(this)" class="${isSelected}"  value="${value}">${text}</li>`;
                    options.insertAdjacentHTML("beforeend", li);
                });
            }
            addSocities();

            function updateName(selectedLi) {

                searchInp.value = "";
                addSocities(selectedLi.innerText);
                sboxnew.classList.remove("active");
                SelectBtn.firstElementChild.innerText = selectedLi.innerText;
                const selectedValue = selectedLi.getAttribute('value');

                // Do something with the selected value

                updateStatus(selectedValue);
            }

            searchInp.addEventListener("keyup", () => {
                console.log(opt);

                let arr = [];
                let searchedVal = searchInp.value.toLowerCase();


                arr = opt.filter(data => {
                    return data.text.toLowerCase().startsWith(searchedVal);
                }).map(data => ` <li onclick="updateName(this)"    value="${data.value}">${data.text}</li>`).join(
                    "");
                options.innerHTML = arr ? arr : `<p>Project Not Found</p>`;

            });
            SelectBtn.addEventListener("click", () => {

                sboxnew.classList.toggle("active");
            });

            // Scroll
            let calcScrollValue = () => {
                let scrollProgess = document.getElementById("progress");
                let progressValue = document.getElementById("progress-value");
                let pos = document.documentElement.scrollTop;
                let calcHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
                let scrollvalue = Math.round((pos * 100) / calcHeight);

                if (pos > 100) {
                    scrollProgess.style.display = "grid";
                } else {
                    scrollProgess.style.display = "none";
                }
                scrollProgess.addEventListener("click", () => {
                    document.documentElement.scrollTop = 0;
                })
                scrollProgess.style.background = `conic-gradient(#0283cc ${scrollvalue}%, #d7d7d7 ${scrollvalue}%)`;
            };
            window.onscroll = calcScrollValue;
            window.onload = calcScrollValue
        </script>
        
          <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
          <script>
              var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
              // $("#postbutton").click(function() {

              function callFunctionSwitch(val) {
                  $('.preloader').fadeIn();
                  $.ajax({
                      /* the route pointing to the post function */
                      url: '{{ route('projectswitch.create') }}',
                      type: 'POST',
                      /* send the csrf-token and the input to the controller */
                      data: {
                          _token: CSRF_TOKEN,
                          project: val
                      },
                      dataType: 'JSON',
                      /* remind that 'data' is the response of the AjaxController */
                      success: function(data) {

                          $('.preloader').fadeOut();
                          //  localStorage.setItem('project_id', data.session);
                          Swal.fire({

                                  icon: 'success',
                                  title: 'Your Project Switched Successfully!',
                                  confirmButtonColor: '#3085d6',

                                  confirmButtonText: 'ok!',
                                  showCancelButton: false,
                                  allowOutsideClick: false
                              })
                              .then((result) => {
                                  if (result.isConfirmed) {

                                      location.href = "{{ route('home') }}";
                                  }
                              });


                      },
                      error: function(xhr, status, error) {
                          // handle error response here
                          if (xhr.status == 422) {
                              var errors = xhr.responseJSON.errors;
                              //   console.log(errors);
                              $('.preloader').fadeOut();
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Oops...',
                                  text: 'Something went wrong!',

                              })

                          } else {
                              $('.preloader').fadeOut();
                              //   console.log(xhr.responseText);
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Oops...',
                                  text: 'Something went wrong!',

                              })

                          }
                      }
                  });

                  //             var radioBtn = $(this);
                  //             Swal.fire({
                  //   title: 'Are you sure?',
                  //   text: 'You are about to switch the project.',
                  //   icon: 'warning',
                  //   showCancelButton: true,
                  //   confirmButtonText: 'Yes, switch it!',
                  //   cancelButtonText: 'No, cancel!',
                  // }).then(function(result) {
                  //   if (result.value) {
                  //     radioBtn.prop('checked', true);

                  //   }
                  //   else {

                  //     radioBtn.prop('checked', false);
                  //     }
                  //   });


                  //   Script Here Search Box

              }
          </script>
        </body>



        </html>
