File "authority_dash.blade.php"

Full path: /home/qooetu/costes.qooetu.com/resources/views/dashboards/authority_dash.blade.php
File size: 10.6 B
MIME-type: text/html
Charset: utf-8

Download   Open   Edit   Advanced Editor &nnbsp; Back

@extends('layout.main')

@section('breadcrumb')
<ol class="breadcrumb pull-right">
                <li><a href="javascript:;">Home</a></li>
                <li class="active">Dashboard</li>
</ol>
@stop

@section('content')

    <div class="row">
       <div class="col-md-3 col-sm-6">
                    <div class="widget widget-stats bg-red">
                        <div class="stats-icon"><i class="fa fa-group"></i></div>
                        <div class="stats-info">
                            <h4><?=trans('sidebarl.Total Users');?></h4>
                            <p><?=$users_count;?></p>    
                        </div>
                        <div class="stats-link">
                            <a href="<?=url('/reseller/user/index')?>"><?=trans('sidebarl.View Details');?> <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end col-3 -->
                <!-- begin col-3 -->
                <div class="col-md-3 col-sm-6">
                    <div class="widget widget-stats bg-blue">
                        <div class="stats-icon"><i class="fa fa-desktop"></i></div>
                        <div class="stats-info">
                            <h4>Projects</h4>
                            <p><?=@$project_count;?></p>   
                        </div>
                        <div class="stats-link">
                            <a href="<?=url('/authority/tender/index')?>"><?=trans('sidebarl.View Details');?> <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end col-3 -->
                <!-- begin col-3 -->
                <div class="col-md-3 col-sm-6">
                    <div class="widget widget-stats bg-green">
                        <div class="stats-icon"><i class="fa fa-chain-broken"></i></div>
                        <div class="stats-info">
                            <h4><?=trans('sidebarl.Total Contractors');?></h4>
                            <p><?=@$contractor_count;?></p>    
                        </div>
                        <div class="stats-link">
                            <a href="<?=url('/admin/contractor/index')?>"><?=trans('sidebarl.View Details');?> <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end col-3 -->
                <!-- begin col-3 -->
                <div class="col-md-3 col-sm-6">
                    <div class="widget widget-stats bg-orange">
                        <div class="stats-icon"><i class="fa fa-clock-o"></i></div>
                        <div class="stats-info">
                            <h4><?=trans('sidebarl.Estimations');?> </h4>
                            <p><?=$estimations;?></p> 
                        </div>
                        <div class="stats-link">
                            <a href="<?=url('/authority/estimation/index')?>"> <?=trans('sidebarl.View Details');?>  <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>

                        
                        <div class="col-md-12">
                    <div class="panel panel-success" data-sortable-id="index-1">
                        <div class="panel-heading">
                            <div class="panel-heading-btn">
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload" id="id-id"><i class="fa fa-repeat"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                                
                            </div>
                            <h4 class="panel-title">Projects Estimations Statistics</h4>
                        </div>
                        <div class="panel-body">
                             <div class="col-md-12">
                        <div class="col-md-11">
                        <div id="generation-chart" class="height-sm text-center"></div>
                            
                        </div>
                        <div class="col-md-1">
                        <div class="form-group">
                        <label>Year</label>
                        <select class="income" id="income-year">
                        <option>2018</option>
                        <option>2017</option>
                         <option>2016</option>
                         <option>2015</option>
                        </select>
                        </div>

                        <div class="form-group">
                        <label>Type</label>
                        <select class="income" id="income-graph">
                        <option>Line</option>
                        <option>Bar</option>
                         <option>Area</option>
                         
                        </select>
                        </div>
                            
                        </div>
                        </div>
                        </div>
                    </div>
                    </div>

                      


                 

                    <div class="col-md-12">
                    <div class="panel panel-success" data-sortable-id="index-2">
                        <div class="panel-heading">
                            <div class="panel-heading-btn">
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                                
                            </div>
                            <h4 class="panel-title"><?=trans('sidebarl.Recently Created Contractors')?></h4>
                        </div>
                        <div class="panel-body">
                        <div class="table-responsive">
                        <table class="table table-bordered table-striped" id="user-table">
                          <thead>
                              <tr class="info">
                                  <th><?=trans('sidebarl.Id')?></th>
                                  <th><?=trans('sidebarl.Name')?></th>
                                  <th><?=trans('sidebarl.Email')?></th>
                                  <th><?=trans('sidebarl.Mobile')?></th>
                               
                                  <th> <?=trans('sidebarl.Date')?> </th>
                                  <th> <?=trans('sidebarl.LicenseNo')?></th>
                              </tr>
                          </thead>
                          <tbody>
                            <?php $i=1; foreach($contractors as $contractor):?>
                              <tr>
                                <td><?=$i;?></td>
                                <td><?=$contractor->company_name;?></td>
                                <td><?=$contractor->company_email;?></td>
                                 <td><?=$contractor->telephone;?></td>
                                 <td><?=$contractor->created_at;?></td>
                                   <td><?=$contractor->license_no;?></td>
                              </tr>


                            <?php $i++; endforeach;?>
                          
                              
                          </tbody>
                            
                        </table>
                            
                        </div>
                            
                        </div>
                    </div>
                    </div>

                 
                       

                    
                   
                    
                    


                        
    </div>

@endsection
@push('scripts')


<script type="text/javascript">



   $(".income").on("change",function(e){
     var year=$("#income-year").val();
     var graph=$("#income-graph").val();
    
    var url="<?=url('/authority/estimation/method_statitsics')?>/"+year;
     switch(graph) {
            case 'Bar':

               drawCombinedBarGraph(url)
                break;
            case 'Line':
                drawCombinedLineGraph(url);
                break;
            default:
                drawCombinedAreaGraph(url);
        }

   });


   function drawCombinedBarGraph(url){
     $.get(url,function(data){
        data=JSON.parse(data);
       data2= data.mydata;
       var label=data.label;
       //alert(JSON.stringify(label));
       $("#generation-chart").html("");
     Morris.Bar({
  element: 'generation-chart',
  behaveLikeLine: true,
  data: data2,
  xkey: 'x',
  ykeys: label,
  labels: label,
   hideHover:"auto",
resize:true,
 parseTime:false,
 barColors:[red,blue,green],
});

     });
     
   }


    function drawCombinedLineGraph(url){
     $.get(url,function(data){
        data=JSON.parse(data);
       data2= data.mydata;
       var label=data.label;
       //alert(JSON.stringify(label));
       $("#generation-chart").html("");
     Morris.Line({
  element: 'generation-chart',
  behaveLikeLine: true,
  data: data2,
  xkey: 'x',
  ykeys: label,
  labels: label,
  hideHover:"auto",
  parseTime:false,
  lineColors:[red,blue,green],
  resize:true,
});

     });
     
   }
   function drawCombinedAreaGraph(url){
     $.get(url,function(data){
        data=JSON.parse(data);
       data2= data.mydata;
       var label=data.label;
       //alert(JSON.stringify(label));
       $("#generation-chart").html("");
     Morris.Area({
  element: 'generation-chart',
  behaveLikeLine: true,
  data: data2,
  xkey: 'x',
  ykeys: label,
  labels: label,
  hideHover:"auto",
  parseTime:false,
  areaColors:[red,blue,green],
  resize:true,
});

     });
     
   }


   drawCombinedLineGraph("<?=url('/authority/estimation/method_statitsics/'.date('Y'))?>");

  


</script>


@endpush