@extends('main')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title"><strong>Crafts With No Qrcode</strong></h4>
            </div>
            <div class="card-body">

                <div class="table-responsive">

                    <table id="carpettable" class="display" style="min-width: 845px">
                        <thead>
                            <tr>
                                <th>S. No.</th>
                                <th>Reg. No</th>
                                <th>GI Certificate</th>
                                <th>Weaver</th>
                                <th>Authorized User</th>
                                <th>Status</th>
                                <th>Last Updated BY</th>
                                <th>Last Updated On</th>
                                <!--<th>Status</th>-->
                                <th>Action</th>
                                <th>Verification Link</th>
                                <th>Contact Details</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($carpets as $value)
                            <tr>
                                <th scope="row">{{$i}}</th>
                                <td>{{$value->gi_registration_no}}</td>
                                <td>
                                    <div id="lightgallery{{$value->idCarpet}}" >

                                        <a href="{{ asset('storage/carpet-pictures/'.$value->picture)}}" >
                                            <img src="{{ asset('storage/carpet-pictures/'.$value->picture)}}"  onclick="zoomImage({{$value->idCarpet}})" height="100"/>
                                        </a>

                                    </div>
                                </td>
                                <td>{{$value->weaver_name}}</td>
                                <td>@if(isset($value->customer)) @if(!empty($value->customer)) {{$value->customer->name}} @endif
 @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($value->updated_by != null)@if(!empty($value->updatedby))  {{$value->updatedby->name}}  @endif @endif</td>
                                <td>{{Carbon\Carbon::parse($value->updated_at)->format('d-m-Y H:i')}}</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>
                                                <a class="dropdown-item" href="{{ url('/carpets/' . $value->idCarpet . '/edit') }}">Edit</a>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    @if($value->qrcode != null) 
                                    {{$value->qrcode}}
                                    @endif
                                </td>
                                <td>@if(isset($value->customer)) {{$value->customer->mobile}} @endif</td>
                            </tr>
                                                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            </section>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
    $(document).ready(function () {
        $('#carpettable').DataTable({
            "order": [[0, "asc"]],
          
        });
    });
</script>
<script>
    function zoomImage(id){
//        lightGallery(document.getElementById("lightgallery"+id), {
//            speed: 500,
//            zoom : [mediumZoom]
//          });
    lightGallery(document.getElementById("lightgallery" + id));
    }
</script>
<script>
    $(document).on('click', '.js-sweetalert', function (e) {
    $.ajaxSetup({
    headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    });
    e.preventDefault();
    var id = $(this).data('id');
    swal({
    title: "Are you sure?",
            text: "Are You sure you want to delete this Carpet!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: true
    },
            function () {
            //   console.log('here');
            $.ajax({
            type: "DELETE",
                    url: "{{url('carpets/')}}" + "/" + id,
                    data: {id: id}

            })
                    .done(function (data) {
                    swal({
                    title: "Deleted",
                            text: "Data  has been successfully deleted",
                            type: "success"
                    }, function () {
                    location.reload();
                    });
                    })
                    .error(function (data) {
                    swal("Oops", "We couldn't connect to the server!", "error");
                    });
            return false;
            });
    });
</script>

@stop