
    <?php echo View::make('include/header'); ?>



    <!--sidebar end-->
    <!-- **********************************************************************************************************************************************************
        MAIN CONTENT
        *********************************************************************************************************************************************************** -->
    <!--main content start-->
    <section id="main-content">
      <section class="wrapper">
        <div class="row">
          <div class="col-lg-12 main-chart">
            <!--CUSTOM CHART START -->
            <div class="border-head">
              <h3>Dashboard</h3>
            </div>
            
            <div class="custom-bar-chart">
        
            <!--custom chart end-->
            <div class="row mt">
              <!-- SERVER STATUS PANELS -->
              <div class="col-md-4 col-sm-4 mb">
                <div class="grey-panel pn donut-chart">
                  <div class="grey-header">
                    <h3>Total Pending</h3>
                  </div>
                  <canvas id="serverstatus01" height="0" width="0"></canvas>
                  <div class="row">
                    <div class="col-sm-12 col-xs-12 center">
                      <h2>{{ $pendingCount }}</h2>
                    </div>
                  </div>
                </div>
                <!-- /grey-panel -->
              </div>
              <!-- /col-md-4-->
              <div class="col-md-4 col-sm-4 mb">
                <div class="darkblue-panel pn">
                  <div class="darkblue-header">
                    <h3 style="color:white;">Total Complete</h3>
                  </div>
                  <canvas id="serverstatus02" height="0" width="0"></canvas>
                  <h2 style="color:white;">{{ $completeCount }}</h2>        
                  <footer>
                  </footer>
                </div>
                <!--  /darkblue panel -->
              </div>
              <!-- /col-md-4 -->
              <div class="col-md-4 col-sm-4 mb">
                <!-- REVENUE PANEL -->
                <div class="green-panel pn">
                  <div class="green-header">
                    <h3>Total Revenue</h3>
                  </div>
                  <div class="chart mt">
                
                  </div>
                  <h2 style="color:white;">Rs. {{ $tot }}</h2>  
                </div>
              </div>
              <!-- /col-md-4 -->
            </div>
            <!-- /row -->
          </div>
      </section>
    </section>
    <!--main content end-->
    <!--footer start--> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <footer class="site-footer">
      <div class="text-center">
        <p>
          &copy; Copyrights <strong>Dashio</strong>. All Rights Reserved
        </p>
        <div class="credits">
          <!--
            You are NOT allowed to delete the credit link to TemplateMag with free version.
            You can delete the credit link only if you bought the pro version.
            Buy the pro version with working PHP/AJAX contact form: https://templatemag.com/dashio-bootstrap-admin-template/
            Licensing information: https://templatemag.com/license/
          -->
          Created with Dashio template by <a href="https://templatemag.com/">TemplateMag</a>
        </div>
        <a href="index.html#" class="go-top">
          <i class="fa fa-angle-up"></i>
          </a>
      </div>
    </footer>
    <!--footer end-->
  </section>
  <!-- js placed at the end of the document so the pages load faster -->
  <script src="{{ asset('dash/lib/jquery/jquery.min.js') }}"></script>

  <script src="{{ asset('dash/lib/bootstrap/js/bootstrap.min.js') }}"></script>
  <script class="include" type="text/javascript" src="{{ asset('dash/lib/jquery.dcjqaccordion.2.7.js') }}"></script>
  <script src="{{ asset('dash/lib/jquery.scrollTo.min.js') }}"></script>
  <script src="{{ asset('dash/lib/jquery.nicescroll.js') }}" type="text/javascript"></script>
  <script src="{{ asset('dash/lib/jquery.sparkline.js') }}"></script>
  <!--common script for all pages-->
  <script src="{{ asset('dash/lib/common-scripts.js') }}"></script>
  <script type="text/javascript" src="{{ asset('dash/lib/gritter/js/jquery.gritter.js') }}"></script>
  <script type="{{ asset('dash/text/javascript" src="lib/gritter-conf.js') }}"></script>
  <!--script for this page-->
  <script src="{{ asset('dash/lib/sparkline-chart.js') }}"></script>
  <script src="{{ asset('dash/lib/zabuto_calendar.js') }}"></script>

  <script type="application/javascript">
    $(document).ready(function() {
      $("#date-popover").popover({
        html: true,
        trigger: "manual"
      });
      $("#date-popover").hide();
      $("#date-popover").click(function(e) {
        $(this).hide();
      });

      $("#my-calendar").zabuto_calendar({
        action: function() {
          return myDateFunction(this.id, false);
        },
        action_nav: function() {
          return myNavFunction(this.id);
        },
        ajax: {
          url: "show_data.php?action=1",
          modal: true
        },
        legend: [{
            type: "text",
            label: "Special event",
            badge: "00"
          },
          {
            type: "block",
            label: "Regular event",
          }
        ]
      });
    });

    function myNavFunction(id) {
      $("#date-popover").hide();
      var nav = $("#" + id).data("navigation");
      var to = $("#" + id).data("to");
      console.log('nav ' + nav + ' to: ' + to.month + '/' + to.year);
    }
  </script>
</body>

</html>
