@extends('main')

@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4><strong>Apply Filter</strong></h4>
            </div>
            <div class="card-body">

                {!! Form::open(['method'=>'get','action' => 'CarpetController@index']) !!}
                <div class="row">
                    <div class="col-sm-3">
                       {!! Form::select('idUser',$users,null,['class' => 'form-control select2']) !!}
                    </div>
                    <div class="col-sm-3">
                        @if(isset($status))
                        {!! Form::select('status',[''=>'Select Status','qrcode'=>'Qr Code Assigned','physical-test'=>'Physical Test Complete','lab-test'=>'Lab Test Complete','not-certified'=>'Yet to Certified','Certified'=>'Certified','Rejected'=>'Rejected'],$status,['class' => 'form-control']) !!}
                        @else
                        {!! Form::select('status',[''=>'Select Status','qrcode'=>'Qr Code Assigned','physical-test'=>'Physical Test Complete','lab-test'=>'Lab Test Complete','not-certified'=>'Yet to Certified','Certified'=>'Certified','Rejected'=>'Rejected'],null,['class' => 'form-control']) !!}
                        @endif
                    </div>
                    <div class="col-sm-3">
                       {!! Form::select('type',crafts(),null,['class' => 'form-control','required'=>'required']) !!}
                    </div>
                  
               
                    <div class="col-sm-3">
                       {!! Form::select('district',[''=>'Select District']+$district,null,['class' => 'form-control']) !!}
                    </div>
		    <div class="col-sm-3">
                       {!! Form::select('area',[''=>'Select Area']+$area,null,['class' => 'form-control']) !!}
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::submit('FILTER',['class' => 'btn btn-raised btn-primary btn-round waves-effect','id'=>'submit-btn']) !!}
                        </div>
                    </div>
                </div>
                {!! Form::close() !!} 

            </div>
        </div>
    </div>
</div>

{{-- 🔥 TABLE MUST ALWAYS BE PRESENT --}}
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4><strong>List Of Crafts: <span id="craftCount">0</span></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>Type</th>
                                <th>Reg. No</th>
                                <th>Product Picture</th>
                                <th>Weaver</th>

                                @if(Auth::user()->idRole == 1 || Auth::user()->idRole == 2 || Auth::user()->idRole == 9)
                                    <th>Authorised User</th>
                                @endif

                                <th>Fees</th>
                                <th>Status</th>

                                @if(Auth::user()->idRole != 9)
                                    <th>Last Updated By</th>
                                    <th>Last Updated On</th>
                                    <th>Action</th>
                                    <th>Verification Link</th>
                                @endif
                                <th>Print</th>
                                <th>Contact Details</th>
                                <th>Label No.</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    window.userConfig = {
        isAdmin: {{ Auth::check() && in_array(Auth::user()->idRole, array(1,2,9)) ? 'true' : 'false' }},
        notRole9: {{ Auth::check() && Auth::user()->idRole != 9 ? 'true' : 'false' }}
    };
    window.appConfig = {
        baseUrl: "{{ url('/') }}"
    };
</script>


<script>
$(document).ready(function () {

    const isAdmin  = window.userConfig.isAdmin;
    const notRole9 = window.userConfig.notRole9;

    let columns = [
        { data: 'sno', orderable: false, searchable: false },
        { data: 'type' },
        { data: 'regNo' },
        { data: 'productPicture', orderable: false },
        { data: 'weaver_name' }
    ];

    if (isAdmin) {
        columns.push({ data: 'authorisedUser' });
    }

    columns.push(
        { data: 'fees' },
        { data: 'status' }
    );

    if (notRole9) {
        columns.push(
            { data: 'lastUpdatedBy' },
            { data: 'updated_at' },
            { data: 'action', orderable: false },
            { data: 'verification', orderable: false }
        );
    }

    columns.push({
        data: 'print',
        orderable: false,
        searchable: false
    });

    columns.push(
        { data: 'contact' },
        { data: 'labelNo' }
    );

    const table = $('#carpettable').DataTable({
        processing: true,
        serverSide: true,
        responsive: true,
        pageLength: 10,
        lengthMenu: [[10,25,50,100],[10,25,50,100]],

        ajax: {
            url: "{{ route('carpets.index') }}?type={{request()->get('type')}}&qrcode={{request()->get('qrcode')}}&district={{request()->get('district')}}&area={{request()->get('area')}}&idUser={{request()->get('idUser')}}&status={{request()->get('status')}}",
            type: "GET",
            data: function (d) {
                d.status   = $('#status_filter').val();
                d.idUser   = $('#user_filter').val();
                d.district = $('#district_filter').val();
            },
            dataSrc: function (json) {
                $('#craftCount').text(json.recordsTotal);
                return json.data;
            },
            error: function (xhr) {
                console.error('DataTable Error:', xhr.responseText);
            }
        },

        columns: columns,

        drawCallback: function () {
            $('.dataTables_processing').hide();
        }
    });

    $('.filter-input').on('change', function () {
        table.draw();
    });

});
</script>

<script>
function zoomImage(id){
//        lightGallery(document.getElementById("lightgallery"+id), {
//            speed: 500,
//            zoom : [mediumZoom]
//          });
    lightGallery(document.getElementById("lightgallery" + id));
}
	
function removeCarpet(e){
    $.ajaxSetup({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    var id = $(e).data('id');
    swal({
    title: "Are you sure?",
    text: "Are You sure you want to delete this !",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!",
    closeOnConfirm: true
    },
function () { 
//   console.log('here');
    $.ajax({
        type: "GET",
            url: "{{url('carpets/deactivate')}}",
            data: {id: id}

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