@extends('app')
@section('content')
<title>Dashboard</title>
<style type="text/css">
    .tile-heading {
        padding: 5px 8px;
        text-transform: uppercase;
        background-color: #1E91CF;
        color: #FFF;
    }
    .small-box.bg-aqua {
        background-color: #00c0ef !important;
    }
    .small-box {
        border-radius: 2px;
        position: relative;
        width:250px;
        height: 100px;
        margin:20px;
       /* border-radius: 360px;*/
    }
    .small-box>a>.inner {
      /*  padding: 28% 0px;*/
       /* min-height: 150px;*/
       
       display: table;
       width: 100%;
       padding: 10%;
    }  
    .dash-icon{
        font-size: 48px;
        color: white;
        float: left;
        width: 25%;
        text-align: center;

    }
    .dash-heading{
        font-size: 16px;
        color: white;
        float: left;
 width: 75%;
  line-height: 20px;
  padding-left:  10px;
  font-weight: bold;
    }
    .dash-count{
        font-size: 16px;
        color: white;
        float: left;
         width: 50%;
         font-weight: bold;
         padding-left:  10px;
         line-height: 24px;

    }    
    .small-box h3 {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 10px 0;
        white-space: nowrap;
        padding: 0;
        color: #FFF;
    }
    .small-box p {
        font-size: 14px;
        color: #FFF;
        font-weight: bold;
        padding: 13%;
        line-height: 24px;
    }
    /*.small-box .icon {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        position: absolute;
        top: -10px;
        right: 10px;
        z-index: 0;
        font-size: 90px;
        color: rgba(0,0,0,0.15);
    }*/
   
    .bg-green {
        background-color: #1E8449 !important;
    }
    .bg-yellow {
        background-color: #F1C40F !important;
    }
    .bg-red {
        background-color: #C0392B !important;
    }
    .bg-orange {
        background-color: #FF7F00 !important;
    }    
    .bg-pink {
        background-color: #94215B !important;
    }
    .bg-grey {
        background-color: #696969 !important;
    }    
    .bg-voilet {
        background-color: #800080 !important;
    }
    .bg-indigo {
        background-color: #00C5CD !important;
    }    
    .bg-lightgreen{background-color: #28B463 !important;}
    .bg-blueor{background-color: #4169E1 !important;}

    a.disabled {
      pointer-events: none;
      cursor: default;
    }
</style>
    <div class="content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <h4 class="page-head-line">Dashboard</h4>
                </div>
            
            <div class="row">     
              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">            
                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">            
                  
                    <div class="small-box bg-voilet" >
                       <a href="managevendor">
                        <div class="inner" >
                       
                            <div class="dash-icon fa fa-address-book"></div>
                            <div class="dash-heading">Client </div>
                            <div class="dash-count">{{ $total_client }}</div>                      
                       
                        </div>
                        </a>
                    </div>
                </div>
                <!-- Added by gaurav on 31-03-20 for accessing this only when permission is assigned to admin -->
                @if (Auth::user()->can('manage_biker'))
                    <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">           
                        <div class="small-box bg-indigo" >
                            
                            <a href="bikers">
                            <div class="inner">
                            
                             <div class="dash-icon fa fa-address-card"></div>
                             <div class="dash-heading">Technicians</div>
                             <div class="dash-count">{{ $total_technician }}</div>
                              
                            </div>
                            </a>
                        </div>
                    </div>
                @else
                    <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">           
                        <div class="small-box bg-indigo" >
                            
                            <a href="bikers" class="disabled">
                            <div class="inner">
                            
                             <div class="dash-icon fa fa-address-card"></div>
                             <div class="dash-heading">Technicians</div>
                             <div class="dash-count">{{ $total_technician }}</div>
                              
                            </div>
                            </a>
                        </div>
                    </div>
                @endif
                <!-- Ended here -->
                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">   
                    <div class="small-box bg-blueor">
                     
                         <a href="ratings/indexnew">
                        <div class="inner">
                       
                        <div class="dash-icon fa fa-thumbs-down"></div>
                          <div class="dash-heading">Bad Ratings</div>
                          <div class="dash-count">{{ $total_bad_rating }}</div>
                        
                        </div>
                          </a>
                    </div>
                </div>                
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">       
                    <div class="small-box bg-lightgreen">
                    <a href="ratings/indexnew">
                        <div class="inner">
                         
                         <div class="dash-icon fa fa-thumbs-up"></div>
                          <div class="dash-heading">Good Ratings</div>
                          <div class="dash-count">{{ $total_good_rating }}</div>
                         
                        </div>
                         </a>
                    </div>
                </div>
               <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">      
                    <div class="small-box bg-yellow">
                         <a href="amcs/indexnew">
                        <div class="inner">
                        
                          <div class="dash-icon fa fa-wrench"></div>
                          <div class="dash-heading">AMC</div>
                          <div class="dash-count">{{ $total_amc }}</div>
                         
                        </div>
                         </a>
                    </div>
                </div>                

               <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">       
                    <div class="small-box bg-orange">
                         <a href="managedelivery?type=today">
                        <div class="inner">
                        
                        <div class="dash-icon fa fa-hourglass-half"></div>
                          <div class="dash-heading">Total Services</div>
                          <div class="dash-count">{{ $total_service }}</div>
                          
                        </div>
                        </a>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">   
                    <div class="small-box bg-red">
                         <a href="managedelivery?is_filter=1&filter_status%5B%5D=New&filter_status%5B%5D=In+Progress&filter_status%5B%5D=Awaiting+Spares&filter_status%5B%5D=Work+Pending&filter_status%5B%5D=Client+Side&start_date=&end_date=">
                        <div class="inner">
                        
                         <div class="dash-icon fa fa-hourglass-1"></div>
                          <div class="dash-heading">Pending Services</div>
                          <div class="dash-count">{{ $pending_service }}</div>
                          
                        </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">       
                    <div class="small-box bg-grey ">
                        <a href="managedelivery?filter_status%5B%5D=Completed&filter_status%5B%5D=Closed&is_filter=1&start_date=&end_date=">
                        <div class="inner">
                       
                         <div class="dash-icon fa fa-hourglass"></div>
                          <div class="dash-heading">Completed Service</div>
                          <div class="dash-count">{{ $completed_service }}</div>
                         
                        </div>
                         </a>
                    </div>
                </div>
            </div>
              
           
               </div>
            </div>
            <br/>
             <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">    
                           <table cellpadding="10" cellspacing="10" width="100%">
                                <tr>
                                    <td style="padding:5px;" align="center" width="50%"><h4 class="page-head-line">Summary Report for Complaint</h4></td>                                  
                                </tr>
                                <tr>
                                <td valign="top"  style="padding:10px;">
                                <!-- start -->
                                <table class="table table-striped table-bordered table-hover scorll" style="width:100%;">
                           
                                    <tr>
                                        <td><b>STATUS</b></td>
                                        <td><b>TODAY</b></td>
                                        <td><b>TOTAL</b></td>
                                    </tr>
                                    <tr>
                                        <td>New</td>
                                        <td>{{ $a9 }}</td>
                                        <td>{{ $a1 }}</td>
                                    </tr>
                                    <tr>
                                        <td>In Progress</td>
                                        <td>{{ $a10 }}</td>
                                        <td>{{ $a2 }}</td>
                                    </tr>
                                    <tr>
                                        <td>Awaiting Spares</td>
                                        <td>{{ $a11 }}</td>
                                        <td>{{ $a3 }}</td>
                                    </tr>
                                    <tr>
                                        <td>Work Pending</td>
                                        <td>{{ $a12 }}</td>
                                        <td>{{ $a4 }}</td>
                                    </tr>
                                    <tr>
                                        <td>Client side</td>
                                        <td>{{ $a13 }}</td>
                                        <td>{{ $a5 }}</td>
                                    </tr>
                                    <tr>
                                        <td>Completed</td>
                                        <td>{{ $a14 }}</td>
                                        <td>{{ $a6 }}</td>
                                    </tr>
                                    <tr>
                                        <td>Closed</td>
                                        <td>{{ $a15 }}</td>
                                        <td>{{ $a7 }}</td>
                                    </tr>
                                    <tr>
                                        <td>Cancelled</td>
                                        <td>{{ $a16 }}</td>
                                        <td>{{ $a8 }}</td>
                                    </tr>
                                </table>
                                <!-- end -->
                                </td>
                        </tr>
                        </table>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">    
                           <table cellpadding="10" cellspacing="10" width="100%">
                                <tr>
                                    <td style="padding:5px;" align="center" width="50%"><h4 class="page-head-line">Summary Report New Installation</h4></td>                                  
                                </tr>
                                <tr>                        
                                <td  valign="top"  style="padding:10px;width:40%;">
                                <!-- start -->
                                    <table class="table table-striped table-bordered table-hover scorll" style="width:100%;">
                                   
                                        <tr>
                                            <td><b>STATUS</b></td>
                                            <td><b>TODAY</b></td>
                                            <td><b>TOTAL</b></td>
                                        </tr>
                                        <tr>
                                            <td>New</td>
                                            <td>{{ $b9 }}</td>
                                            <td>{{ $b1 }}</td>
                                        </tr>
                                        <tr>
                                            <td>In Progress</td>
                                            <td>{{ $b10 }}</td>
                                            <td>{{ $b2 }}</td>
                                        </tr>
                                        <tr>
                                            <td>Awaiting Spares</td>
                                            <td>{{ $b11 }}</td>
                                            <td>{{ $b3 }}</td>
                                        </tr>
                                        <tr>
                                            <td>Work Pending</td>
                                            <td>{{ $b12 }}</td>
                                            <td>{{ $b4 }}</td>
                                        </tr>
                                        <tr>
                                            <td>Client side</td>
                                            <td>{{ $b13 }}</td>
                                            <td>{{ $b5 }}</td>
                                        </tr>
                                        <tr>
                                            <td>Completed</td>
                                            <td>{{ $b14 }}</td>
                                            <td>{{ $b6 }}</td>
                                        </tr>
                                        <tr>
                                            <td>Closed</td>
                                            <td>{{ $b15 }}</td>
                                            <td>{{ $b7 }}</td>
                                        </tr>
                                        <tr>
                                            <td>Cancelled</td>
                                            <td>{{ $b16 }}</td>
                                            <td>{{ $b8 }}</td>
                                        </tr>
                                    </table>
                                <!-- end -->
                                </td>
                        
                                </tr>
                           </table>
                           </div>

                           <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
                           <table cellpadding="10" cellspacing="10" width="100%">
                                <tr> 
                                    <td style="padding:5px;" align="center" width="50%"><h4 class="page-head-line">AMC Reminder</h4></td>
                                    </td>
                                </tr>
                                <tr> 
                                <td  valign="top"  style="padding:10px;width:40%;">
                                <!-- start -->
                               
                                 
                                   
                                    <table class="table table-striped table-bordered table-hover scorll" cellpadding="10" cellspacing="10" width="100%">
                                        <tr>
                                            <th width="32%">CLIENT NAME</th>
                                            <th width="32%">PRODUCT NAME</th>
                                            <th width="32%">EXPIRES IN</th>
                                        </tr>
                                         
                      
                                 <tr><td colspan=3 style='padding:10px;width:100%;'>No Data Available.</td></tr> 
                                 </table>   
                    
                                <!-- end -->
                                </td>
                                </tr>
                                </table>
                                </div>
                          
                           <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
                           
                           <table cellpadding="10" cellspacing="10" width="100%">
                                <tr> 
                                    <td style="padding:5px;" align="center" width="50%"><h4 class="page-head-line">New Customer Registration</h4></td>
                                    </td>
                                </tr>
                                <tr>
                                <td  valign="top"  style="padding:10px;width:34%;">
                                <!-- start -->
                                 <table class="table table-striped table-bordered table-hover scorll" cellpadding="10" cellspacing="10" width="100%">
                                <tr>
                                   
                                    <th width="32%">NAME</th>
                                    <th width="32%">EMAIL</th>
                                    <th width="18%">MOBILE NO</th>
                                    <th width="14%">STATUS</th>
                                </tr>