GRAYBYTE WORDPRESS FILE MANAGER2032

<?php $class_name = $this->router->fetch_class();?>

<?php $method_name = $this->router->fetch_method();?>

<?php $service_type = $this->uri->segment(3);?>

<?php if($service_type > 0 && $method_name == "serviceList") $custom_url = $class_name."/".$method_name."/".$service_type;?>
<style>

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.box {
    height: 120vh;
    display: flex;

    justify-content: center;
    align-items: top;
    width: 100vw;
    /* padding-left: 40px; */
    /* padding-right: 10px; */
    background-color: white;
}
.order{
height: 50vh;
    display: flex;
    flex-direction: column;
padding:10px;

   
    align-items: top;
    width: 79vw;
    
    background-color: white;


}

#frm_city_form{
    width: 100%;
    /* margin-left: -243px; */
}
.btn-primary{
    width: 22%;
    font-size: 20px;
}

.user-box{
    border-top-color: #598f57;
    border-left: 1px solid #598f57;
    border-right: 1px solid #598f57;
    border-bottom: 1px solid #598f57;
    /* width: 80%; */

}









.box.box-primary {
    border-top-color: #598f57;
    border-left: 1px solid #598f57;
    border-right: 1px solid #598f57;
    border-bottom: 1px solid #598f57;
}
.box-secondary{
    border-top-color: #598f57;
    border-left: 1px solid #598f57;
    border-right: 1px solid #598f57;
    border-bottom: 1px solid #598f57;
    width: 80%;
}

.main-box{
    height:35vh;}
.left-box {
    width: 107%;
    background-color: white;
    height: 100vh;
    border: 1px solid black;
    margin: 16px 10px 0 -13px;



}
.data_list {
    margin-left:-218px;
    width: 1062px;
}

.btn-primary, .all-wrapper .fc-button.fc-state-active {
   
    margin-left: 41px;
    
    margin-bottom: 16px;
}


.display-4 {
    font-size: 1.5rem;}
.box-body{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 15px;
    /* margin-top: -184px; */
}


.span {
    font-size: 34px;
    font-weight: 500;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.items-1 p {
    text-transform: uppercase;
    line-height: 32px;
    background-color: #006a50;
    color: white;
   
    width: 100%;
    padding: 30px 7px 30px 15px;
    font-size: 23px;
    
}
.item-1{
    justify-content: space-between;
    width: 94%;
    margin: auto;
    padding: 10px 0px;

    background-color: white;
    display: flex;
    flex-direction: row;

}

.forest {
    display: flex;
    flex-direction: row;
    width: 100%;
    /* margin-top: 60px; */
    margin-left: 130px;
    justify-content: space-between;
}
.items {
    text-transform: uppercase;

    background-color: rgb(255, 255, 255);
    width: 100%;
    padding: 15px 15px 15px 25px;
    border: 2px solid#006a50;
    border-top: 1px;
   text-align: left;
    font-size: 18px;
}

.right-box {
    background-color:rgb(255, 255, 255);
    width: 95%;
    /* margin:auto; */
    height: 10%;
    

}
.heading {
    font-size: 46px;
    font-weight: bold;
    text-transform: uppercase;
    color: #006a50;
    /* font-family: Arial, Helvetica, sans-serif; */
    text-align: center;
}

.sub-heading {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
}

.daytime {
    display: flex;
    flex-direction: row;
    height: 46px;
    width: 100%;
    border: 2px solid black;
    margin-top: 10px;
    align-items: center;
    font-size: 36px;
}
.date , .time span{
    text-align: center;
}
.time{
    margin-left:15px;
}
.logos {
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    gap:100px;
    background-color: #ffffff;
}
.logo-2{
    width:315px;
}
img {
    width: 209px;
}

.logo {
    width: 400px;
}

.items-1 {
    font-size: 33px;
    text-align: center;
}

.skin-blue .sidebar-menu>li.active>a {
    margin-top: 30px;}
.content {
     min-height: 0px;
     padding:0px;
       
}
.skin-blue .sidebar a{
    color:white'
}


.grid-container {
    display: grid;
    width: 73%;
    margin-top: 30px;
    align-items: center;
    grid-template-columns: auto auto auto auto ;
    background-color: white;
    /* justify-content: center; */
    gap: 20px;
    padding: 10px;
}

.grid-item {
    background-color:white;
    
    /* padding: 20px; */
    font-size: 30px;
    /* text-align: center; */
}

.image img{
    width: 232px;
    border-radius: 10px 10px 0px 0px;
    height: 170px;
    object-fit: cover;
    
    border-top:2px solid rgb(0, 0, 0) ;
    border-left:2px solid rgb(0, 0, 0) ;
    border-right:2px solid rgb(0, 0, 0) ;

    object-position:center
}
.text{
    width: 232px;
    background-color:#006a50;
   color: white;
    padding-top: -40px;
    margin-top: -7px;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 10px 10px 10px;
    border-radius: 0px 0px 10px 10px;

    border-left:2px solid rgb(0, 0, 0) ;
    border-right:2px solid rgb(0, 0, 0) ;
    border-bottom:2px solid rgb(0, 0, 0) ;

}

.footer{
    text-transform: uppercase;
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: center;
    color: red;
    margin-left: 204px;
    margin-top: -10px;
    font-weight: 400;
}


.sidebar{
    background-color:#006a50;
}



/***********************************  Responsive Code******************************************************* */

@media screen and (min-width: 1490px) {
  .box {
    /* background-color:yellow; */
    width: 117vw;
  }
  .grid-item{
    text-align:none;
  }

  .grid-container{
   
    gap:50px;
    width: 70%;
    margin-top:59px;
  }
  img{
    width: 247px;
  }
  .logos{
    gap:255px;
  }
  .data_list {
    margin-left: 39px;
        width: 94%;
    
  }
}



@media screen and (min-width: 1900px) {
 
  img{
    width: 300px;
  }
  .logos{
    gap:290px;
  }
}






























</style>

<aside class="main-sidebar">

  <!-- sidebar: style can be found in sidebar.less -->

  <section class="sidebar">

    <!-- Sidebar user panel -->

    <div class="user-panel">

        <div class="pull-left image">

          <img src="<?php echo base_url().USER_NO_IMG_URL;?>" class="img-circle" alt="">

        </div>

        <div class="pull-left info">

          <p><?php echo userInfo('user_profile_name'); ?></p>

          <a href="javascript:void(0);"><i class="fa fa-circle text-success"></i> Online</a>

        </div>

      </div>

    <!-- search form -->

   

    <!-- search form -->

    <!-- sidebar menu: : style can be found in sidebar.less -->

    <ul class="sidebar-menu" data-widget="tree">

      <!-- <li class="<?php if($class_name == "dashboard"){?> active <?php }?>">

      	<a href="<?php echo site_url('dashboard');?>">

        	<i class="fa fa-dashboard"></i> <span>Dashboard </span> 
            <div class="left-box">
            <div class="items-1">
                <p><span>Dashboard</span><br> For backend use
            </div>
            </p>
            
            <div class="items">
                <p><a href="https://julyperfume.com/nidhibon/users/userRoleList">User Roles </p></a>
            </div>
            <div class="items">
           
              <p><a href="https://julyperfume.com/nidhibon/users">User </p></a>
            </div>
            <div class="items">
            <p><a href="https://julyperfume.com/nidhibon/product/productList/0">Product </p></a>
            </div>
            <div class="items">
            <p><a href="https://julyperfume.com/nidhibon/order/orderList/0">Oder </p></a>
            </div>
            <div class="items">
                <p>check food </p>
            </div>
            <div class="items">
                <p>Add water names </p>
            </div>
            <div class="items">
                <p>Add download excel </p>
            </div>
            <div class="items">
                <p>Add / modify table </p>
            </div>
            <div class="items">
                <p></p>
            </div>
            <div class="items">
                <p></p>
            </div>
            <div class="items">
                <p> </p>
            </div>
            <div class="items">
                <p> </p>
            </div>
            <div class="items">
                <p> </p>
            </div>
            <div class="items">
                <p> </p>
            </div>

            

        </div>

        </a>

      </li> -->
      <li class="<?php if($class_name == "dashboard"){?> active <?php }?>">
      	<a href="<?php echo site_url('dashboard');?>">
        	<i class="fa fa-dashboard"></i> <span>Dashboard</span> 
        </a>
      </li>
      <?php $parent_menu = getLeftMenu(0);?>

      <?php foreach($parent_menu as $pmenu){?>

      	<?php $child_menu = getLeftMenu($pmenu->module_id);?>

          <?php if(checkModuleAccessByUser(userInfo('user_role_id'), $pmenu->module_id, "module_view") > 0){?>

              <li class="treeview <?php if($class_name == $pmenu->controller_name){?> active <?php }?>">

              	<a href="javascript:void(0);"> 

                    <i class="<?php echo $pmenu->icon_class;?>"></i> <span><?php echo $pmenu->module_name;?></span><?php if(count($child_menu) > 0){?> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span><?php }?>

                </a>

                <ul class="treeview-menu">

					<?php foreach($child_menu as $cmenu){?>

                        <?php if(checkModuleAccessByUser(userInfo('user_role_id'), $cmenu->module_id, "module_view") > 0){?>

                              <?php if($service_type > 0 && $method_name == "serviceList") {?>

                              	<li class="<?php if($custom_url == $cmenu->module_page_url){?> active <?php }?>"><a href="<?php echo site_url($cmenu->module_page_url);?>"><i class="<?php echo $cmenu->icon_class;?>"></i> <?php echo $cmenu->module_name;?></a></li>

                              <?php } else {?>

                              	<li class="<?php if($method_name == $cmenu->function_name){?> active <?php }?>"><a href="<?php echo site_url($cmenu->module_page_url);?>"><i class="<?php echo $cmenu->icon_class;?>"></i> <?php echo $cmenu->module_name;?></a></li>

                        	  <?php }?>

						<?php }?>

                    <?php }?>

                </ul>

              </li>

          <?php }?>

      <?php }?>	     

    </ul>

  </section>

  <!-- /.sidebar -->
  <script>
        function updateClock() {
            var now = new Date();
            // var dname = now.getDay();
            var mo = now.getMonth();
            dnum = now.getDate();
            yr = now.getFullYear();
            hou = now.getHours();
            min = now.getMinutes();
            pe = "AM"

            if (hou == 0) {
                hou = 12;
            }
            if (hou > 12) {
                hou = hou - 12
                pe = "PM"
            }
            Number.prototype.pad=function(digits){
                for(var n = this.toString(); n.length<digits; n=0+n)
                return n;
            }



            var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
            var ids = ["dayname", "month", "daynum", "year", "hour", "mintues", "seconds", "period"]
            var values = [months[mo], dnum, yr, hou.pad(5), min.pad(4), pe]
            for (var i = 0; i < ids.length; i++)
            document.getElementById(ids[i]).firstChild.nodeValue = values[i];

        }

        function initClock() {
            updateClock();
            window.setInterval("updateClock()", 1)
        }






</script>
</aside>


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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="box">
        Left side content 
        <div class="left-box">
            <div class="items-1">
                <p><span>Dashboard</span><br> For backend use
            </div>
            </p>
            <div class="items">
                <p>Add Veg food </p>
            </div>
            <div class="items">
                <p>Add non veg food </p>
            </div>
            <div class="items">
                <p>Add drinks </p>
            </div>
            <div class="items">
                <p>Add package food </p>
            </div>
            <div class="items">
                <p>check food </p>
            </div>
            <div class="items">
                <p>Add water names </p>
            </div>
            <div class="items">
                <p>Add download excel </p>
            </div>
            <div class="items">
                <p>Add / modify table </p>
            </div>
            <div class="items">
                <p></p>
            </div>
            <div class="items">
                <p></p>
            </div>
            <div class="items">
                <p> </p>
            </div>
            <div class="items">
                <p> </p>
            </div>
            <div class="items">
                <p> </p>
            </div>
            <div class="items">
                <p> </p>
            </div>



        </div>
        
        
        
    </div>

</body>

</html> -->