EVOLUTION-NINJA

Edit File: admin_dashboard.php

<?php $this->load->view('includes/header.php')?>

<div class="row">      
         <div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_15">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-inr" aria-hidden="true" style="color:#ff00d4;"></i>                   
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Customer</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1 todays_entry"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div> 
          <div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_1">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-book" aria-hidden="true"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Booking finalization</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1 total_booking"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_2">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-life-ring" aria-hidden="true" style="color:#00c0ef;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Sales Final Costing</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1 total_sales"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_3">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-credit-card" aria-hidden="true" style="color:#dd4b39;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Loan Followup </p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_4">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-user" aria-hidden="true" style="color:#f39c12;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Registration</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_5">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-clone" aria-hidden="true" style="color:#8e24aa;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Records</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_6">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-building-o" aria-hidden="true" style="color:#ffd600;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Architecture </p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_7">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-university" aria-hidden="true" style="color:#5e72e4;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Building Agreement</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_8">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-bookmark-o" aria-hidden="true" style="color:#f5365c;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Execution</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_9">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-cog" aria-hidden="true" style="color:#2dcecc;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">House Service</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_10">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-map-o" aria-hidden="true" style="color:#1171ef;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Layout Service</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_11">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-users" aria-hidden="true" style="color:#ef8157;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Customer Visit</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1 total_layout"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_12">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-eject" aria-hidden="true" style="color:#85CE36;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Finalized Reject</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_13">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-recycle" aria-hidden="true" style="color:#2255a4;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Recovery</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

<div class="col-md-3 grid-margin stretch-card" data-toggle="modal" data-target="#exampleModal_14">
            <div class="card border-0 border-radius-2 d_box_bg">
              <div class="card-body">
                <div class="d-flex flex-md-column flex-xl-row flex-wrap  align-items-center">
                  <div class="icon-rounded-inverse-success icon-rounded-lg">
                    <i class="fa fa-inr" aria-hidden="true" style="color:#ff00d4;"></i>
                  </div>
                  <div class="text-white">
                    <p class="font-weight-medium mt-md-2 mt-xl-0 text-md-center text-xl-left">Payment</p>
                    <div class="d-flex flex-md-column flex-xl-row flex-wrap align-items-baseline align-items-md-center align-items-xl-baseline">
                      <h3 class="mb-0 mb-md-1 mb-lg-0 mr-1 total_payment"></h3>
                     
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div> 
        
    </div>

</div>

<div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Booking finalization</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>

<div class="modal-body">
          <?php foreach ($employee_data as $key => $value) 
          { ?> 
         
          
            <div class="row card_box">
              <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div>
              <div class="col-sm-6">
                <p class="dash_h4"><strong><?php echo $value->full_name; ?></strong></p>
                <p> Marketing Excutive </p>
              </div>                    
              <div class="col-sm-4">
                <p class="dash_peop"><?php echo $value->booking_count;?></p>
              </div>
            </div> 
          <?php } ?>
          </div>  
         
        </div> 
      </div>
    </div>

<div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Sales Final Costing</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>

<div class="modal-body">
          <?php foreach ($sales_data as $key => $value) 
          { ?> 
         
          
            <div class="row card_box">
              <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div>
              <div class="col-sm-6">
                <p class="dash_h4"><strong><?php echo $value->full_name; ?></strong></p>
                <p> Marketing Excutive </p>
              </div>                    
              <div class="col-sm-4">
                <p class="dash_peop"><?php echo $value->sales_count;?></p>
              </div>
            </div> 
          <?php } ?>
          </div>  
         
        </div> 
      </div>
    </div>

<div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Finalized Reject</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>

<div class="modal-body">
          <?php foreach ($finalized_reject_data as $key => $value) 
          { ?> 
         
          
            <div class="row card_box">
              <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div>
              <div class="col-sm-6">
                <p class="dash_h4"><strong><?php echo $value->full_name; ?></strong></p>
                <p> Marketing Excutive </p>
              </div>                    
              <div class="col-sm-4">
                <p class="dash_peop"><?php echo $value->reject_count;?></p>
              </div>
            </div> 
          <?php } ?>
          </div>  
         
        </div> 
      </div>
    </div>

<div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Customer Site Visiting</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>

<div class="modal-body">
          <?php foreach ($customer_visit_data as $key => $value) 
          { ?> 
         
          
            <div class="row card_box">
              <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div>
              <div class="col-sm-6">
                <p class="dash_h4"><strong><?php echo $value->full_name; ?></strong></p>
                <p> Marketing Excutive </p>
              </div>                    
              <div class="col-sm-4">
                <p class="dash_peop"><?php echo $value->sitevisit_count;?></p>
              </div>
            </div> 
          <?php } ?>
          </div>  
         
        </div> 
      </div>
    </div>
    
     <div class="modal fade" id="exampleModal_15" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">

<div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Customer</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>

<div class="modal-body">
            <div class="row card_box">
              <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div>
              <div class="col-sm-6">
                <p class="dash_h4"><strong></strong></p>
                <p> New Customer </p>
              </div>
              <div class="col-sm-4">
                <h3 class="dash_peop total_upto_booking_customer"></h3>
              </div>
              </div>
               
             <div class="row card_box">
              <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div> 
              <div class="col-sm-6">
                <p class="dash_h4"><strong></strong></p>
                <a class="preview-item" href='<?php echo site_url("dashboard-booking-list")?>'>
                    <p> Booking Customer </p>
                </a>
               
              </div>
              <div class="col-sm-4">
                <h3 class="dash_peop booking_layout_sites"></h3>
              </div>
            </div>
            <div class="row card_box">
              <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div> 
              <div class="col-sm-6">
                <p class="dash_h4"><strong></strong></p>
                <a class="preview-item" href='<?php echo site_url("saled-layout-list")?>'>
                    <p> Saled Customer </p>
                </a>
               
              </div>
              <div class="col-sm-4">
                <h3 class="dash_peop saled_layout_Count"></h3>
              </div>
            </div>
            <div class="row card_box">
               <div class="col-sm-2">
                <img src="<?php echo base_url('profile_image/');?><?php echo $this->session->userdata('image');?>" alt="profile" class="dash_img"/>
              </div>                    
              <div class="col-sm-6">
                <p class="dash_h4"><strong></strong></p>
                 <a class="preview-item" href='<?php echo site_url("dashboard-old-customer-list")?>'>
                   <p>Layout Customer </p>
                  </a>
              </div>
              <div class="col-sm-4">
                <h3 class="dash_peop old_layout_sites"></h3>
              </div>
            </div>
            </div> 
         
          </div>  
         
        </div> 
      </div>
    </div>

<?php $this->load->view('includes/footer.php')?>
<script type="text/javascript">
  
  get_total_all_stats();

function get_total_all_stats()
{
  $.ajax({
        type   : 'get',
        url    : '<?php echo site_url("get-total-stats")?>',                                         
        success:function(response)
        {
            response=jQuery.parseJSON(response);
            console.log(response);

if(response.result==1)
            {
                $('.total_booking').append(response.total_booking);
                $('.total_sales').html(response.total_sales);
                $('.total_layout').html(response.total_layout);
                $('.total_customer').html(response.total_customer);
                $('.total_payment').html(response.total_payment);
                $('.old_layout_sites').html(response.old_layout_sites);
                $('.booking_layout_sites').html(response.booking_layout_sites);
                $('.total_upto_booking_customer').html(response.total_upto_booking_cust);
                 $('.saled_layout_Count').html(response.total_saled_customer);
            }         
        }
        
    });
    
}

$.ajax({
    type : 'post',
    url  : "<?php echo site_url('get-total-customer-count');?>", 
    success:function(response) {
      response=jQuery.parseJSON(response);
      console.log(response);
      if(response.result==1)
      {
      
        $('.todays_entry').html(response.message);
      }  
      else
      {
        $('.todays_entry').html('0');
      }

}
  });
</script>
<style>
    .d_box_bg{
      background: #efefef;
      border-radius: 7px;
    }
    .d_box_bg p{
      color: black;
    }
    .d_box_bg h3{
      color: black;
    }
    .icon-rounded-lg {
      margin-right: 10px;
    }
    .dash_img {
      width: 50px;
      height: 50px;
      border-radius: 100%;
      border: 1px solid silver;
    }
    .dash_h4{
      font-size: 17px;     
    }
    .card_box p{
      margin-bottom: 0 !important;
    }
    .card_box{
      border-bottom: 1px solid #e0e0e0;
      margin-bottom: 10px;
      padding-bottom: 10px;
    }
    .dash_peop{
      font-size: 18px;
      color: #02b148;
      padding-top:13px;
      text-align: right;
    }
    .modal .modal-dialog .modal-content .modal-header {
      padding: 10px 26px !important;
    }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 17px 26px !important;
    }
    .card-body:hover .icon-rounded-lg{
      background-color: #ffff;
      border-radius: 50px;
      border:1px solid #fff;
      transform: scale(1) rotate(360deg) ;
      transition: 0.5s;
      box-shadow: 0 0 10px #000;
      color:#fff;
    }
</style>