@extends('main')
@section('content')
<!-- row -->
<div class="form-head d-flex mb-3 mb-md-5 align-items-start">
   <!-- <div class="mr-auto d-none d-lg-block">
        <h3 class="text-primary font-w600">Welcome {{Auth::user()->name}}</h3>
    </div>-->
    <form action="{{url('/home')}}" method="GET">
        <div class="search-area ml-auto d-inline-flex">
            @if($from_date != "")
            <input type="text" class="form-control datepicker-default" required="required" placeholder="From Date" name="fromDate" value="{{$from_date->format('d-m-Y')}}">
            @else
            <input type="text" class="form-control datepicker-default" placeholder="From Date" name="fromDate" required="required">
            @endif
        </div>
        <div class="search-area ml-auto d-inline-flex">
            @if($to_date != "")
            <input type="text" class="form-control datepicker-default" placeholder="To Date" required="required"  name="toDate" value="{{$to_date->format('d-m-Y')}}">
            @else
            <input type="text" class="form-control datepicker-default" placeholder="To Date" name="toDate" required="required">
            @endif
        </div>
        <button type="submit" class="btn btn-primary ml-3">Filter</button>
    </form>
</div>
<div class="row">
    @foreach($cdata as $k=>$v)
    <div class="col-xl-3 col-lg-3 col-sm-6">
        <a href="{{url('carpets?type='.$v['craft'])}}">
            <div class="widget-stat card bg-primary">
                <div class="card-body  p-4">
                    <div class="media">
                        <span class="mr-3" style="background: url('{{ asset('storage/crafts/'.$v['image'])}}');background-size:contain;">
                             
                        </span>
                        <div class="media-body text-white text-right">
                            <p class="mb-1">Total Registered {{$v['craft']}}</p>
                            <h3 class="text-white">{{$v['craft_total']}}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    @endforeach
</div>
<div class="row">
    <div class="col-xl-3 col-lg-3 col-sm-6">
        <a href="{{url('carpet-report?idUser=&status=physical-test&carpet_size=&overall_quality=')}}">
            <div class="widget-stat card">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="mr-3 bgl-success text-success">
                            <svg id="icon-orders" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                            <polyline points="14 2 14 8 20 8"></polyline>
                            <line x1="16" y1="13" x2="8" y2="13"></line>
                            <line x1="16" y1="17" x2="8" y2="17"></line>
                            <polyline points="10 9 9 9 8 9"></polyline>
                            </svg>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Physical Test Complete</p>
                            @php $ptestcount = 0 ;@endphp
                            @foreach($carpets as $c)
                            @if($c->physicalTest == 'Pass')
                            @php $ptestcount = $ptestcount+1; @endphp
                            @endif
                            @endforeach
                            <h4 class="mb-0">{{$ptestcount}}</h4>
                            <!--<span class="badge badge-primary">+3.5%</span>-->
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-3 col-sm-6">
        <a href="{{url('carpet-report?idUser=&status=lab-test&carpet_size=&overall_quality=')}}">
        <div class="widget-stat card">
            <div class="card-body p-4">
                <div class="media ai-icon">
                    <span class="mr-3 bgl-warning text-warning">
                        <svg id="icon-orders" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                        </svg>
                    </span>
                    <div class="media-body">
                        <p class="mb-1">Lab Test Complete</p>
                        @php $labtestcount = 0 ;@endphp
                        @foreach($carpets as $c)
                            @if($c->labTest == 'Pass')
                            @php $labtestcount = $labtestcount+1; @endphp
                            @endif
                        @endforeach
                        <h4 class="mb-0">{{$labtestcount}}</h4>
                        <!--<span class="badge badge-primary">+3.5%</span>-->
                    </div>
                </div>
            </div>
        </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-3 col-sm-6">
        <a href="{{url('carpet-report?idUser=&status=qrcode&carpet_size=&overall_quality=')}}">
            <div class="widget-stat card">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="mr-3 bgl-info text-info">
                            <svg id="icon-orders" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                            <polyline points="14 2 14 8 20 8"></polyline>
                            <line x1="16" y1="13" x2="8" y2="13"></line>
                            <line x1="16" y1="17" x2="8" y2="17"></line>
                            <polyline points="10 9 9 9 8 9"></polyline>
                            </svg>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Qr Code Assigned</p>
                            @php $qrcount = 0 ;@endphp
                            @foreach($carpets as $c)
                            @if($c->qrcode != null)
                            @php $qrcount = $qrcount+1; @endphp
                            @endif
                            @endforeach
                            <h4 class="mb-0">{{$qrcount}}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-3 col-sm-6">
        <a href="{{url('carpet-report?idUser=&status=Certified&carpet_size=&overall_quality=')}}">
        <div class="widget-stat card">
            <div class="card-body p-4">
                <div class="media ai-icon">
                    <span class="mr-3 bgl-success text-success">
                        <svg id="icon-orders" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                        </svg>
                    </span>
                    <div class="media-body">
                        <p class="mb-1">Certified</p>
                        @php $certifiedcount = 0 ;@endphp
                        @foreach($carpets as $c)
                            @if($c->status == 'Certified')
                            @php $certifiedcount = $certifiedcount+1; @endphp
                            @endif
                        @endforeach
                        <h4 class="mb-0">{{$certifiedcount}}</h4>
                    </div>
                </div>
            </div>
        </div>
        </a>
    </div>
</div>
<div class="row">
    <div class="col-xl-12 col-xxl-12 col-lg-12 col-md-12">
        <div class="card">
            <div class="card-header border-0 pb-0">
                <h4 class="card-title">Crafts Statistics(%)</h4>
            </div>
            <div class="card-body pt-2">
             
                <div class="row mx-0 align-items-center">
                    <div class="col-sm-8 col-md-7  px-0">
                        <div id="chartCircle"></div>
                    </div>
                    <div class="col-sm-4 col-md-5 px-0">
                        <div class="patients-chart-deta">
                            <div class="col px-0">
                                <span class="bg-primary"></span>	
                                <div>
                                    <p>Total Crafts Registered</p>
                                    <h3>{{$carpets->count()}}</h3>
                                </div>
                            </div>
                            <div class="col px-0">
                                <span class="bg-success"></span>	
                                <div>
                                    <p>Total Crafts Certified</p>
                                    <h3>
                                       
                                            @php 
                                                if($certified >0)  $certper = ($certified / $carpets->count() * 100); else $certper = 0;
                                            @endphp 
                                            {{$certified}}
                                        
                                    </h3>
                                </div>
                            </div>
                            <div class="col px-0">
                                <span class="bg-warning"></span>	
                                <div>
                                    
                                    <p>Total Crafts Rejected</p>
                                    <h3>
                                       
                                        @php 
                                            if($rejected >0) $rejectedper  = $rejected / $carpets->count() * 100;  else $rejectedper = 0;
                                        @endphp 
                                        
                                        
                                        
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
   
    <div class="col-md-12">
        <div class="card">
            <div class="card-header border-0 pb-0">
                <h4 class="card-title">Crafts With No QR Code</h4>
            </div>
            <div class="card-body">
                @php $carpets_with_noqr = \App\Carpet::whereNull('qrcode')->whereNotNull('labTest')->get();@endphp
                <table id="example" class="display" style="min-width: 845px">
                        <thead>
                            <tr>
                                <th>S. No.</th>
                                <th>Reg. No</th>
                                <th>Craft Type</th>
                                <th>Weaver</th>
                                <th>Authorized User</th>
                                <th>Status</th>
                                <th>Last Updated BY</th>
                                <th>Last Updated On</th>
                                <th>Contact Details</th>
                                <th>Action</th>
                               
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($carpets_with_noqr as $value)
                            <tr>
                                <th scope="row">{{$i}}</th>
                                <td>{{$value->gi_registration_no}}</td>
                                <td>{{$value->type}}</td>
                                <td>{{$value->weaver_name}}</td>
                                <td>@if(isset($value->customer)){{$value->customer->name}} @endif</td>
                                
                                <td style="width: 200px !important;">

                                   
                                    @if($value->status == 'Certified')
                                    <span class="btn btn-square btn-xs btn-success">{{$value->status}}</span>
                                    
                                    @endif

                                    @if($value->status == 'Rejected')
                                    <span class="btn btn-square btn-xs btn-danger">{{$value->status}}</span>
                                    @endif

                                    <br>
                                    @if($value->physicalTest != null)
                                    <span style="color:green;font-size: 12px;">Physical Test-Done/{{$value->physicalTest}}</span>
                                    @else 
                                    <span style="color:orange;font-size: 12px;">Physical Test - Pending</span>
                                    @endif
                                    <br>
                                    @if($value->labTest != null)
                                    <span style="color:green;font-size: 12px;">Lab Test - Done/{{$value->labTest}}</span>
                                    @else
                                    <span style="color:orange;font-size: 12px;">Lab Test - Pending</span>
                                    @endif
                                    <br>
                                    @if($value->qrcode != null)
                                    <span style="color:green;font-size: 12px;">QR Code - Assigned</span>
                                    @else
                                    <span style="color:orange;font-size: 12px;">QR Code (Not-Assigned)</span>
                                    @endif
                                </td>
                                <td>@if(isset($value->updated_by)) @if(!empty($value->updatedby)) {{$value->updatedby->name}} @endif @endif</td>
                                <td>{{$value->updated_at}}</td>
                                <td>@if(isset($value->customer)){{$value->customer->mobile}} @endif</td>
                                <td>
                                    <div class="btn-group">
                                        <div class="btn-group">
                                            <button id="btnGroupDrop1" type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Take Action</button>
                                            <div class="dropdown-menu" x-placement="top-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 0px, 0px);">
                                                <a class="dropdown-item" href="{{ url('/carpets/' . $value->idCarpet) }}">Assign Qrcode</a>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                
                            </tr>
                                                        @endforeach
                        </tbody>
                    </table>
            </div>
        </div>
    </div>
   
</div>
@stop
@section('script')

<script>
      $(document).ready(function () {
        $('#carpettable').DataTable({
            "order": [[0, "asc"]],
            dom: 'Bfrtip',
//            buttons: [
//                'copy', 'csv', 'excel', 'pdf', 'print'
//            ]
           
        });
    });
(function($) {
    "use strict"

    //date picker classic default
    $('.datepicker-default').pickadate({
        format :'dd-mm-yyyy'
    });

})(jQuery);
(function ($) {
    /* "use strict" */
    var dzChartlist = function () {
        var screenWidth = $(window).width();
         var chartCircle = function () {


            var optionsCircle = {
                chart: {
                    type: 'radialBar',
                    //width:320,
                    height: 350,
                    offsetY: 0,
                    offsetX: 0,

                },
                plotOptions: {
                    radialBar: {
                        size: undefined,
                        inverseOrder: false,
                        hollow: {
                            margin: 0,
                            size: '35%',
                            background: 'transparent',
                        },

                        track: {
                            show: true,
                            background: '#e1e5ff',
                            strokeWidth: '10%',
                            opacity: 1,
                            margin: 15, // margin is in pixels
                        },

                    },
                },
                responsive: [{
                        breakpoint: 480,
                        options: {
                            chart: {
                                offsetY: 0,
                                offsetX: 0
                            },
                            legend: {
                                position: 'bottom',
                                offsetX: 0,
                                offsetY: 0
                            }
                        }
                    }],

                fill: {
                    opacity: 1
                },

                colors: ['#209f84', '#551164'],
                series: [ {{floor($certper)}}, {{floor($rejectedper)}}],
                labels: [ 'Certified', 'Yet to Certified'],
                legend: {
                    fontSize: '16px',
                    show: false,
                },
            }

            var chartCircle1 = new ApexCharts(document.querySelector('#chartCircle'), optionsCircle);
            chartCircle1.render();

        }
       /* Function ============ */
        return {
            init: function () {
            },

            load: function () {
               chartCircle();
            },

            resize: function () {
            }
        }

    }();

    jQuery(document).ready(function () {
    });

    jQuery(window).on('load', function () {
        setTimeout(function () {
            dzChartlist.load();
        }, 1000);

    });

    jQuery(window).on('resize', function () {


    });

})(jQuery);
</script>
@stop