@include('usersPages.includes.userSummary')

@if(isset($temp))
    @if(!empty($temp) && $numberDays > 7)
        <div class="container-fluid">
            <div class="card card-primary card-primary-border">
                <div class="card-header">
                    <h3 class="card-title">Last 7 Days Sales, (Graph Updates at 7:30 AM, 3:00 PM & 11:00 PM) 
                        <input id="salesChartBtn" class="btn btn-success btn-sm" type="button" value="Download in PDF" disabled />
                    </h3>                
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool button-collapse" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body">                   
                    <script src="https://www.gstatic.com/charts/loader.js"></script>
                    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script>     
                    <script type="text/javascript">
                        google.charts.load("current", {packages:['corechart']});
                        google.charts.setOnLoadCallback(drawChart);
                        function drawChart()  
                        {
                            // product Wise Sales
                            var productData = google.visualization.arrayToDataTable([
                                ['Date', 'Petrol', { role: 'annotation'} ,'Diesel', { role: 'annotation'}],
                                     
                            ]);


                            var productOption = {
                                title: 'Product Wise Sales',
                                width: 600,
                                height: 350,
                                bar: {groupWidth: "95%"},
                                // legend: { position: "none" },
                                bars: ['vertical'], // Required for Material Bar Charts.
                                colors: ['green','#142e81','red'],
                                backgroundColor: 'lightcyan',
                                series: {
                                    0: { axis: 'distance' }, // Bind series 0 to an axis named 'distance'.
                                    1: { axis: 'brightness' } // Bind series 1 to an axis named 'brightness'.
                                },
                                axes: {
                                    x: {
                                    distance: {label: 'parsecs'}, // Bottom x-axis.
                                    brightness: {side: 'top', label: 'apparent magnitude'} // Top x-axis.
                                    }
                                },
                                annotations: {
                                    style: 'line',
                                    alwaysOutside: true,
                                    highContrast: true,  // default is true, but be sure
                                    textStyle: {
                                    bold: true, color: 'red'
                                    }
                                },
                            };          
                        
                            var salesData = google.visualization.arrayToDataTable([
                                ['','Regular', 'Loyalty', 'Credit', 
                                {role: 'annotation' } ],
                                                      
                            ]);

                            // Moduel Wise Sales
                            var salesView = new google.visualization.DataView(salesData);
                            var salesOptions = {
                                title : 'Module Wise Sale',
                                vAxis: {title: 'Liter'},
                                width: 600,
                                height: 350,
                                //legend: { position: 'top', maxLines: 3 },
                                bar: { groupWidth: '65%' },
                                colors: ['green','#142e81','red'],
                                backgroundColor: 'lightcyan',
                                annotations: {
                                alwaysOutside: true,
                                highContrast: true,  // default is true, but be sure
                                textStyle: {
                                    bold: true, color: 'black',textPosition: 'Vertical'
                                }
                                
                                },                    
                                isStacked: true,
                                
                            };

                            // Moduel Wise Sales
                            var salesChart = new google.visualization.ColumnChart(document.getElementById("salesChart"));
                            var salesChartBtn = document.getElementById('salesChartBtn');
                            google.visualization.events.addListener(salesChart, 'ready', function () {
                                salesChartBtn.disabled = false;
                            });

                            var pumpName = document.getElementById('pumpName').value;
                                
                            salesChartBtn.addEventListener('click', function () {
                                var doc = new jsPDF();
                                doc.setFontSize(8);
                                doc.setFontType("bold");
                                doc.text(146, 10, 'PetroERP(TM)');
                                doc.setFontType("normal");
                                doc.text(166, 10, 'www.petroerp.in');
                                doc.setFontSize(13);
                                // doc.setFontType("bold");
                                // doc.text(90, 30, pumpName);  
                                doc.setFontType("normal");       
                                doc.addImage(salesChart.getImageURI(), 'PNG', 30, 40);  
                                doc.addImage(productChart.getImageURI(), 'PNG', 30, 160); 
                                doc.save('Module_Wise_Sale.pdf');
                                
                            }, false);
                            salesChart.draw(salesView, salesOptions);                  

                            // product Wise Sales
                            var productChart = new google.visualization.ColumnChart(document.getElementById('productChart'));
                            var productChartBtn = document.getElementById('productChartBtn');
                            google.visualization.events.addListener(productChart, 'ready', function () {
                                productChartBtn.disabled = false;
                            });

                            productChartBtn.addEventListener('click', function () {
                                var doc = new jsPDF();
                                doc.setFontSize(8);
                                doc.text(140, 10, 'Powered by ');
                                doc.setFontType("bold");
                                doc.text(156, 10, 'PetroERP.in (TM)');
                                doc.setFontSize(13);
                                doc.setFontType("bold");
                                doc.text(90, 30, pumpName);  
                                doc.setFontType("normal");        
                                doc.addImage(productChart.getImageURI(), 'PNG', 30, 40);  
                                doc.addImage(salesChart.getImageURI(), 'PNG', 30, 160);          
                                doc.save('Product_Wise_Sale.pdf');
                            }, false);

                            productChart.draw(productData, productOption);                                
                        }

                        function genPDF() 
                        {
                            html2canvas(document.getElementById('hoja1'),{
                                onrendered: function (canvas) { 
                                var img = canvas.toDataURL("image/png");
                                var doc= new jsPDF();
                                doc.addImage(img,'JPEG',0,0,210,230);
                                doc.save('ContratoMutuo.pdf');
                                }
                            }); 
                        }
                    </script>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="overflow-y: hidden;">
                            <div id="salesChart"></div>
                        </div>                
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="overflow-y: hidden;">
                            <div id="productChart"></div>
                        </div>
                    </div> 
                    
                    <input id="productChartBtn" class="btn btn-success btn-sm" type="button" value="Download in PDF" disabled  style="display:none;"/>
                    <input type="hidden" value="{{$pumpName}}" class="pumpName" id="pumpName">
                </div>
            </div>
        </div>
    @endif  
@endif  

<div class="container-fluid">     
    <div class="row">
        <div class="col-md-6">
            <div class="card card-primary card-primary-border">
                <div class="card-header">
                    <h3 class="card-title">Credit Requests ( उधार ) <br>[ Total Vehicles : @if(isset($vehiclesCount)) {{$util->numberFormatRound($vehiclesCount)}}  @endif, Total Credit Customers : @if(isset($transportersCount)) {{$util->numberFormatRound($transportersCount)}}  @endif]</h3>  
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool button-collapse"  id="panel" hide data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button> 
                    </div>
                </div>          
                <div class="card-body"> 
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-12">
                            @if(isset($pendingFuelReq))
                                <a href={{$pendingFuelReq>0?"/creditsales/searchDashboardLink/1":"/creditsales/raiseRequest"}}>
                            @else 
                                <a href="#">
                            @endif
                            <div class="info-box" style="background-color: purple;color: #ffffff;height: 120px;">
                                <div class="info-box-content">
                                    <span class="info-box-text">Pending / Raise Request</span>
                                    <table>
                                        <tr>
                                            <td><span class="info-box-number">Fuel&nbsp;&nbsp;:&nbsp; </td>
                                            <td>@if(isset($pendingFuelReq)) {{strstr($util->numberFormat(round($pendingFuelReq)),'.',true)}} @else 0 @endif  </td>                    
                                        </tr>
                                        <tr>
                                            <td><span class="info-box-number">Cash&nbsp;:&nbsp; </td>
                                            <td>@if(isset($pendingCashReq)) {{strstr($util->numberFormat(round($pendingCashReq)),'.',true)}} @else 0 @endif </td>                     
                                        </tr>
                                    </table>      
                                    <div class="progress">
                                        @if(isset($pendingCashReq) || isset($pendingFuelReq))
                                            @if($pendingCashReq!=0 || $pendingFuelReq != 0)
                                            <div class="progress-bar" style="width: {{(($pendingCashReq+$pendingFuelReq)/$totalCreditSales)*100}}%"></div>  
                                            @else
                                            <div class="progress-bar" style="width: 0%"></div>   
                                            @endif  
                                        @else
                                            <div class="progress-bar" style="width: 0%"></div>   
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @if(isset($pendingFuelReq))
                                </a>
                            @endif
                        </div>
                        <div class="col-md-6 col-sm-6 col-12">
                            @if(isset($allReqCompleted))
                                <a href={{$allReqCompleted>0?"/creditsales/searchDashboardLink/3":"#"}}>
                            @else
                                <a href="#">
                            @endif
                            <div class="info-box bg-success" style="background-color: purple;color: #ffffff;height: 120px;">
                                <div class="info-box-content">
                                    <span class="info-box-text">Completed ( पूरा )</span>
                                    <table class="info-box-number">
                                        <tr>
                                            <td><b>Requests</b></td>
                                            <td class="info-box-number">:&nbsp;@if(isset($pumpCompletedReq)) {{strstr($util->numberFormat(round($pumpCompletedReq)),'.',true)}} @else 0 @endif</td>
                                        </tr>
                                        <tr>
                                            <td><b>Fuel (KL)</b></td>
                                            <td class="info-box-number">:&nbsp;@if(isset($pumpFuelCompleted)){{strstr($util->numberFormat(round($pumpFuelCompleted/1000)),'.',true)}}@endif</td>
                                        </tr>
                                        <tr>
                                            <td><b>Fuel (Rs)</b></td>
                                            <td class="info-box-number">:&nbsp;@if(isset($fuelAmount)){{$util->numberFormat($fuelAmount/10000000)}}@endif Cr</td>
                                        </tr>
                                    </table>
                                    <div class="progress">
                                        @if(isset($pendingReqCt))
                                            @if($pendingReqCt!=0)
                                                <div class="progress-bar" style="width: @{{($allReqCompleted/$total)*100}}%"></div>
                                            @else
                                                <div class="progress-bar" style="width: 0%"></div>   
                                            @endif
                                        @else 
                                            <div class="progress-bar" style="width: 0%"></div>   
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @if(isset($allReqCompleted))
                                </a>
                            @endif  
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-12">                           
                            <div class="modal" id="myModal">
                                <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                    <center> 
                                        <p style="margin-top:0px;text-align:right;font-size:10px;"><b>PetroERP(TM)</b> www.petroerp.in</p> 
                                        <h5 class="modal-title">Outstanding Credit &nbsp; As on {{date('d M Y 06:00')}} AM</h5>
                                        <h5 class="modal-title text-left"><b style="color:red;">This Report Updates Daily At 07:40 AM.</b></h5>
                                    </center>
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    </div>
                                    <div class="modal-body table-responsive-lg"  style="overflow-x:scroll;scrollbar-x-position: top;overflow-x: visible;">
                                    <table class="table table-responsive-lg table-striped" >
                                        <thead> 
                                            <tr>
                                                <th>Sr.No</th>
                                                <th>Customer</th>
                                                <th>Mobile No</th>
                                                <th class="text-center">Rs.</th>
                                                <th class="text-center">%</th>
                                            </tr>
                                        </thead>
                                        @if(isset($pumpTransporter))
                                        <tbody>
                                                                              
                                            @foreach($pumpTransporter as $tranporter)
                                            <tr>
                                                <td>{{$counter++}}</td>
                                                <td><a href="/creditsales/acctLedger?transporterId={{$tranporter->transporterId}}&pumpId={{$tranporter->pumpId}}&startDate={{date('Y-m-d')}}&endDate={{date('Y-m-d')}}&userType={{$userType}}">{{$tranporter->name}}</a></td>
                                                <td>{{$tranporter->mobileNo}}</td>
                                                <td class="text-right">{{$tranporter->closingBalance?strstr($util->numberFormat(round($tranporter->closingBalance)),'.',true):0}}</td>
                                                @php($totalClosingBal += $tranporter->closingBalance)
                                                @php($closingInPer = $tranporter->closingBalance/$sumOfTotalClosBal*100)
                                                <td class="text-right">
                                                {{$closingInPer?round($closingInPer, 1):0}}%
                                                </td>
                                            </tr>
                                            @endforeach 
                                        </tbody> 
                                        <tfoot>
                                            <tr>
                                            <th colspan="4">Total</th>
                                            <th class="text-right">{{$totalClosingBal?strstr($util->numberFormat(round($totalClosingBal)),'.',true):0}}</th>
                                            </tr>
                                        </tfoot>
                                        @endif
                                    </table>
                                    </div>
                                    <div class="modal-footer">
                                        <div class="btn-toolbar float-right">
                                            <div class="btn-group" style="margin-left: 5px;">
                                                <a class="btn btn-primary" href="/outstandingAmount/{{session()->get('pumpId')}}/pdf">Download PDF</a>
                                            </div>
                                        </div>
                                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                    </div>
                                </div>
                                </div>
                            </div>
                            <a href="#">                        
                                <div class="info-box bg-danger" data-toggle="modal" data-target="#myModal" style="background-color: purple;color: #ffffff;height: 120px;">                    
                                    <div class="info-box-content">
                                    <span class="info-box-text">Outstanding Credit (बकाया उधार)</span>
                                    <span class="info-box-number">Rs : {{$totalClosingBal?strstr($util->numberFormat(round($totalClosingBal)),'.',true):0}}</span>
                                    <div class="progress">
                                        @if(isset($totalCreditGiven))
                                        @if($totalCreditGiven!= 0.00)
                                            <div class="progress-bar" style="width: {{($totalCreditGiven/$totalAllocatedLimit)*100}}%"></div>
                                        @else
                                            <div class="progress-bar" style="width: 0%"></div>   
                                            @endif
                                        @else
                                        <div class="progress-bar" style="width: 0%"></div>   
                                        @endif                   
                                    </div>                     
                                    </div>
                                </div>                          
                            </a>
                        </div>  
                        <div class="col-md-6 col-sm-6 col-12">
                            <a href={{"/creditsales/transCreditLimits"}}>
                                <div class="info-box" style="background-color: purple;color: #ffffff;height: 120px;">
                                    <div class="info-box-content">
                                    <span class="info-box-text">Customer Credit Report</span>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>        
                </div>              
            </div>
        </div>
        <div class="col-md-6">
            <div class="card card-primary card-primary-border">
                <div class="card-header">
                    <h3 class="card-title">Dealer Sales & Stock 
                        <a data-toggle="tooltip" data-placement="right" data-original-title="Report will update Daily at 11:00 AM and 02:00 PM."> <i class="fa fa-question-circle"></i></a></h3>  
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool button-collapse"  id="panel" hide data-widget="collapse">
                        <i class="fa fa-minus"></i>
                        </button> 
                    </div>
                </div>          
                <div class="card-body"> 
                    @if(isset($report))
                        <table class="table table-striped"> 
                            <thead>
                                <tr>
                                    <th>(Ltr)</th> 
                                    @foreach($report['products'] as $product)
                                        <th class="text-right">{{$product->name}}</td>
                                    @endforeach
                                    <th class="text-right">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><b style="color:red;">Sales</b></td>
                                    @if($report['sales'])   
                                        @foreach($report['sales'] as $sale)                                    
                                            <td class="text-right"><b style="color:red;">{{strstr($util->numberFormat(round($sale['sales'])),'.',true)}}</b></td>
                                                                                    @endforeach
                                        <td class="text-right"><b style="color:red;">{{strstr($util->numberFormat(round($totsales)),'.',true)}}</b></td>
                                    @endif
                                </tr>
                                <tr>
                                    <td>Cumulative Sales </td>
                                    @if($report['cumSales'])   
                                        @foreach($report['cumSales'] as $cumSale)                                    
                                            <td class="text-right">{{strstr($util->numberFormat(round($cumSale['cumSales'])),'.',true)}}</td>
                                                                                    @endforeach
                                        <td class="text-right">{{strstr($util->numberFormat(round($totcumSales)),'.',true)}}</td>
                                    @endif
                                </tr>
                                <tr>
                                    <td>Stock</td>
                                    @if($report['stock'])   
                                        @foreach($report['stock'] as $st)                                    
                                            <td class="text-right">{{strstr($util->numberFormat(round($st['stock'])),'.',true)}}</td>
                                                                                    @endforeach
                                        <td class="text-right">{{strstr($util->numberFormat(round($totstock)),'.',true)}}</td>
                                    @endif
                                </tr>
                                <tr>
                                    <td><b style="color:red;">Avg Daily Sales</b></td>
                                    @if($report['avg'])   
                                        @foreach($report['avg'] as $average)                                    
                                            <td class="text-right"><b style="color:red;">{{strstr($util->numberFormat(round($average['avg'])),'.',true)}}</b></td>
                                                                                    @endforeach
                                        <td class="text-right"><b style="color:red;">{{strstr($util->numberFormat(round($totavg)),'.',true)}}</b></td>
                                    @endif
                                </tr>
                                
                                <tr>
                                    <td><b style="color:red;">Projected Monthly Sales ( <B>KL</B> )</b></td>
                                    @if($report['projMonth'])   
                                        @foreach($report['projMonth'] as $projKL)                                    
                                            <td class="text-right"><b style="color:red;">{{strstr($util->numberFormat(round($projKL['projMonth']/1000)),'.',true)}}</b></td>
                                                                                    @endforeach
                                        <td class="text-right"><b style="color:red;">{{strstr($util->numberFormat(round($totprojMonthKL)),'.',true)}}</b></td>
                                    @endif
                                </tr>
                            </tbody>
                        </table>
                    @else
                        <h5>Records not found</h5>
                    @endif
                </div>             
            </div>
        </div>
    </div>
    <div class="card card-primary card-primary-border">
        <div class="card-header">
            <h3 class="card-title">Loyalty Sales ( इनाम ) 
                <button data-toggle="modal" data-target="#myCalculateEarnModal" class="btn btn-warning">Calculate Profit</button></h3>
            <div class="modal" id="myCalculateEarnModal">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                        <center> 
                            <h4 class="modal-title" style="color:blue;"><center>Profit Due to Loyalty Scheme</center></h4>
                        </center>                           
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-body table-responsive-lg">
                            <form action="#">
                                <table class="table" style="color:black;">
                                    <tr>
                                        <td>A</td>
                                        <td style="color:green;">Litres Sold by Loyalty Scheme</td>
                                        <td><input type="text" pattern="[0-9]" class="form-control dSoldLoy totalCount" onkeypress="return AllowOnlyNumbers(event);"  value="{{$totalLoySale}}" id="dSoldLoy"></td>
                                    </tr>
                                    <tr>
                                        <td>B</td>
                                        <td style="color:green;">Commission / Litre (Rs)</td>
                                        <td><input type="text" class="form-control dComLitre totalCount" value="1.80" id="dComLitre"></td>
                                    </tr>
                                    <tr>
                                        <td>C</td>
                                        <td style="color:green;">Cost / Loyalty Point (Rs)</td>
                                        <td><input type="text" class="form-control dLoyPoint totalCount" value="0.40" id="dLoyPoint"></td>
                                    </tr>
                                    <tr>
                                        <td>D</td>
                                        <td style="color:green;" >Profit / Litre for Loyalty Sale (Rs)</td>
                                        <td><input type="text" class="form-control dloySale totalCount" value="1.40" id="dloySale" readonly></td>
                                    </tr>
                                    <tr>
                                        <td>E</td>
                                        <td style="color:green;" ><b class="blink">So. Total Profit due to Loyalty Scheme (Rs)</b></td>
                                        <td><input type="text" class="form-control dLoySche totalCount" value="{{$defaultEData}}" id="dLoySche" readonly>
                                            <input type="hidden" value="{{$totalLoySale}}" id="defaultDSoldLoy">
                                            <input type="hidden" value="1.80" id="defaultDComLitre">
                                            <input type="hidden" value="0.40" id="defaultDLoyPoint">
                                        </td>
                                    </tr>
                                </table>
                            </form>

                        </div>
                        <div class="modal-footer text-center">
                            <img src="images/youcandoit.jpeg" alt="" style="height:100px;width:100px;margin-right: 8.25rem;">
                            <button type="button" class="btn btn-danger" id="dClose" data-dismiss="modal">Close</button>                               
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-tools">           
            <button type="button" class="btn btn-tool button-collapse" data-widget="collapse">
                <i class="fa fa-minus"></i>
            </button>
            </div>
        </div>        
        <div class="card-body">        
            <div class="row"> 
                <!--div class="col-md-3 col-sm-6 col-12">           
                    <a href={{"/addReward"}}>           
                        <div class="info-box" style="background-color: orange;color: #ffffff;height: 120px;">
                            <div class="info-box-content">
                                <span class="info-box-text"><strong>Add New Driver /<br> Loyalty Points</strong></span>             
                                <div class="progress">
                                    <div class="progress-bar" style="width: 80%"></div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div-->
                <div class="col-md-3 col-sm-6 col-12">
                    @if(isset($pumpLDriverCount))
                        <a href={{$pumpLDriverCount>0?"/ldrivers":"#"}}>
                    @else
                        <a href="#">
                    @endif 
                    <div class="info-box bg-info" style="background-color: purple;color: #ffffff;height: 120px;">         
                        <div class="info-box-content">
                            <span class="info-box-text">Loyalty Drivers ( इनाम )</span>
                            <span class="info-box-number">Total Drivers:&nbsp; @if(isset($pumpLDriverCount)) {{strstr($util->numberFormat(round($pumpLDriverCount)),'.',true)}} @else 0 @endif                      
                            </span>
                            <div class="progress">
                                @if(isset($pumpLDriverCount))
                                    @if($pumpLDriverCount!=0)
                                        <div class="progress-bar" style="width: {{round(($pumpLDriverCount)*100)}}%"></div>  
                                    @else
                                        <div class="progress-bar" style="width: 0%"></div>   
                                    @endif  
                                @else
                                    <div class="progress-bar" style="width: 0%"></div>   
                                @endif
                            </div>
                        </div>
                    </div>
                    @if(isset($pumpLDriverCount))
                        </a>
                    @endif 
                </div>  
                <div class="col-md-3 col-sm-6 col-12">
                    @if(isset($pumpLDriverCount))
                        <a href={{$pumpLDriverCount>0?"/ldrivers":"#"}}>
                    @else
                        <a href="#">
                    @endif 
                    <div class="info-box bg-success" style="background-color: purple;color: #ffffff;height: 120px;">       
                        <div class="info-box-content">
                            <span class="info-box-text">Completed ( पूरा )</span>
                            <table class="info-box-number">
                                <tr>
                                    <td><b>Total Visits</b></td>
                                    <td class="info-box-number">:&nbsp;@if(isset($pumpLoyaltyReq)) {{strstr($util->numberFormat(round($pumpLoyaltyReq)),'.',true)}} @else 0 @endif</td>
                                </tr>
                                <tr>
                                    <td><b>Fuel (KL)</b></td>
                                    <td class="info-box-number">:&nbsp;@if(isset($pumpLoyaltyQty)){{strstr($util->numberFormat(round($pumpLoyaltyQty/1000)),'.',true)}}@endif</td>
                                </tr>
                                <tr>
                                    <td><b>Rs</b></td>
                                    <td class="info-box-number">:&nbsp;@if(isset($pumpLoyaltyRs)){{$util->numberFormat($pumpLoyaltyRs/10000000)}}@endif Cr</td>
                                </tr>
                            </table>
                            <div class="progress">
                                @if(isset($pumpLoyaltyReq))
                                    @if($pumpLoyaltyReq!=0)
                                        <div class="progress-bar" style="width: {{($pumpLoyaltyReq)*100}}%"></div>
                                    @else
                                        <div class="progress-bar" style="width: 0%"></div>   
                                    @endif
                                @else
                                    <div class="progress-bar" style="width: 0%"></div>   
                                @endif
                            </div>
                        </div>
                    </div>
                    @if(isset($pumpLDriverCount))
                        </a>
                    @endif 
                </div>   
                <div class="col-md-3 col-sm-6 col-12">
                    @if(isset($pumpLoyaltyReq))
                        <a href={{$pumpLoyaltyReq>0?"/ldrivers":"#"}}>
                    @else
                        <a href="#">
                    @endif 
                    <div class="info-box bg-danger" style="background-color: purple;color: #ffffff;height: 120px;">       
                        <div class="info-box-content">
                            <span class="info-box-text">Rewards ( इनाम )</span>
                            @if(isset($pumpRedVehicleCt))
                                <table class="info-box-text">
                                    <tr>
                                        <td><b>Redeem Count</b></td>
                                        <td class="info-box-number">:&nbsp;{{strstr($util->numberFormat(round($pumpRedVehicleCt)),'.',true)}}</td>
                                    </tr>
                                    <tr>
                                        <td><b>Points</b></td>
                                        <td class="info-box-number">:&nbsp;{{strstr($util->numberFormat(round($pumpRedeemPoints)),'.',true)}}</td>
                                    </tr>
                                </table> 
                                <div class="progress">
                                    @if(isset($pumpRedVehicleCt))
                                        @if($pumpRedVehicleCt!=0)
                                            <div class="progress-bar" style="width: {{($pumpRedVehicleCt)*100}}%"></div>
                                        @else
                                            <div class="progress-bar" style="width: 0%"></div>   
                                        @endif
                                    @else
                                        <div class="progress-bar" style="width: 0%"></div>   
                                    @endif                   
                                </div>
                            @endif
                        </div>
                    </div>
                    @if(isset($pumpLoyaltyReq))
                        </a>
                    @endif 
                </div>               
            </div>
        </div>            
    </div>
    <div class="row"> 
        <div class="col-md-12">
            <div class="card card-primary card-primary-border">
                <div class="card-header">
                    <h3 class="card-title">Oil Stock ( तेल स्टॉक ) (@if (isset($totalProdQty)){{$totalProdQty}} @endif)
                        <a data-toggle="tooltip" data-placement="right" data-original-title="Stock is updated after Tank Dip and Fuel Purchase."> <i class="fa fa-question-circle"></i></a>
                    </h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool button-collapse" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div> 
                </div>
                <div class="card-body" style="background-color: #a9a9a954">
                    <div class="row">
                        @if(isset($tanks))
                            @include('reports.printTankFuelChart')
                            @foreach($tanks as $tank)
                                <div class="col-md-3 col-sm-3">
                                    <center><div id="chart_{{str_replace(' ', '', str_replace('-', '',$tank->name))}}"></div></center>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="row"> 
            <div class="col-md-12">
                <div class="card card-primary card-primary-border">
                    <div class="card-header">
                        <h3 class="card-title">Reminder List (Upcoming Reminders)</h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool button-collapse" data-widget="collapse">
                                <i class="fa fa-minus"></i>
                            </button>
                        </div> 
                    </div>
                    <div class="card-body" style="background-color: #a9a9a954;">
                        <div class="row col-12">              
                            <div class="table-entry col-md-12">
                                <table class="table table-striped table-responsive">
                                    <tbody> 
                                        @if(isset($docList) && $docList->count()>0)
                                            <ul class="todo-list">
                                                @foreach($docList as $key=>$list)
                                                    <li>
                                                        @php($to = \Carbon\Carbon::createFromFormat('Y-m-d', date('Y-m-d')))
                                                        @php($from = \Carbon\Carbon::createFromFormat('Y-m-d',$list->expiryDate))
                                                        @php($diff_in_days = $to->diffInDays($from))
                                                        @php($expireOn = $from->diff(Carbon\Carbon::now())->format('%y Year, %m Months and %d Days'))
                                                        {{$key+1}}]&nbsp;&nbsp; <span class="text-danger">Due / Renewal Date : </span>{{$util->dateFormat($list->expiryDate,1)}}</span> | <a class="text-primary" data-toggle="tooltip" data-placement="top" data-original-title="{{$list->name}}">{{substr($list->name,0,35)}} {{strlen($list->name)>35?'...':''}}</a> |
                                                        <span class="handle"> 
                                                        @if($list->image != NULL)
                                                            @php($ext = pathinfo($list->image, PATHINFO_EXTENSION))
                                                            @php($icons = $exten[$ext])
                                                            @php($color = $extenColor[$ext])
                                                            <i class="fa fa-file-{{$icons}}-o fa-1x text-center text-{{$color}}"></i>
                                                            </span><span class="text" title="{{$list->name}}"><a class="{{$icons=='excel'?'disabled':''}}" href="/documents/{{$list->image}}/ViewFile" target="_blank" style="color:#444;">{{$list->name}}</a> |
                                                        @endif    
                                                        @if($from >= $to)
                                                            @if($diff_in_days <= 7)
                                                                <small class="badge badge-warning"><i class="fa fa-clock-o"></i> {{$expireOn}}</small>
                                                            @else
                                                                <small class="badge badge-success"><i class="fa fa-clock-o"></i> {{$expireOn}}</small> 
                                                            @endif   
                                                        @else
                                                            <small class="badge badge-danger"><i class="fa fa-clock-o"></i> Expired</small>
                                                        @endif                                
                                                    </li>                                                        
                                                @endforeach
                                            </ul>
                                        @else
                                            <ul class="todo-list">
                                                <li>
                                                    <span class="handle">
                                                        <i class="fa fa-ellipsis-v"></i>
                                                        <i class="fa fa-ellipsis-v"></i>
                                                    </span>
                                                    <span class="text">Records Not Found</span>
                                                    <small class="badge badge-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
                                                </li>
                                            </ul>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    function AllowOnlyNumbers(e) {

e = (e) ? e : window.event;
var clipboardData = e.clipboardData ? e.clipboardData : window.clipboardData;
var key = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
var str = (e.type && e.type == "paste") ? clipboardData.getData('Text') : String.fromCharCode(key);

return (/^\d+$/.test(str));
}

    </script>