@extends('main')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Carpet List</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>Carpet Registration No</th>
                                <th>Carpet GI Certificate</th>
                                <th>Name of the weaver/Authorized user</th>
                                <th>Contact Details</th>
                                <th>Status</th>
                                <th>Verification Link</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/gicertificates/'.$value->gi_certificate)}}" >
                                            <img src="{{ asset('storage/gicertificates/'.$value->gi_certificate)}}"  onclick="zoomImage({{$value->idCarpet}})"/>
                                        </a>

                                    </div>
                                </td>
                                <td>@if($value->idUser != null){{$value->customer->name}}@endif</td>
                                <td>@if($value->idUser != null) {{$value->customer->mobile}} @endif</td>
                                <td>{{$value->status}} </td>
                                <td>
                                    @if($value->carpet_code != null) 
                                    https://iict.myservo.in/verify/{{$value->carpet_code}}
                                    @endif
                                </td>
                            </tr>
                                                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@stop
@section('script')
<script>
    $(document).ready(function () {
        $('#carpettable').DataTable({
            "order": [[0, "asc"]]
        });
    });
     function zoomImage(id){

       lightGallery(document.getElementById("lightgallery"+id));
    }
</script>
@stop