@extends('admin.layout')
@section('main')
    <style>
        .disabled-select {
            background-color: #d5d5d5;
            opacity: 0.5;
            border-radius: 3px;
            cursor: not-allowed;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
        }

        select[readonly].select2-hidden-accessible+.select2-container {
            pointer-events: none;
            touch-action: none;
        }

        select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
            background: #eee;
            box-shadow: none;
        }

        select[readonly].select2-hidden-accessible+.select2-container .select2-selection__arrow,
        select[readonly].select2-hidden-accessible+.select2-container .select2-selection__clear {
            display: none;
        }
    </style>
    <div class="content-header row">
    </div>
    <div class="content-body">
        <!-- Dashboard Ecommerce Starts -->
        {{-- <section id="dashboard-ecommerce">
            <div class="row match-height justify-content-end mb-1">
                <div class="col-lg-12 mr-auto">
                    <h2>Counterfeit Request</h2>
                </div>


            </div>


        </section> --}}
        <section id="column-search-datatable">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-datatable p-1">

                            <section id="dashboard-ecommerce">
                                <div class="row match-height justify-content-end mb-1">
                                    <div class="col-lg-12 mr-auto">
                                        <h2>Proactive Sampling Request</h2>
                                    </div>

                                    <div class="col-lg-auto col-md-6 my-1">
                                        <div class="form-group">
                                            <div id="reportrange" class="daterange">
                                                <i class="fa fa-calendar"></i>&nbsp;
                                                <span></span> <i class="fa fa-caret-down"></i>
                                                <input type="hidden" name="dtFrom" id="dtFrom">
                                                <input type="hidden" name="dtTo" id="dtTo">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-auto col-md-6 my-1">
                                        <div class="d-lg-flex">
                                            <a href="#" class="btn btn-primary" onclick="setFilter()">Apply</a>
                                            <a href="#" class="btn btn-light ml-1" onclick="resetFilter()">Clear</a>
                                        </div>
                                    </div>
                                    <div class="col-lg-auto col-md-6 my-1">
                                        <span><img src="{{ asset('assets/app-assets/images/activity.svg') }}" width="17"
                                                height="17" alt="" class="mr-1" />Activity Track</span>
                                    </div>
                                    <div class="col-lg-auto  col-md-6 my-1 text-right">
                                        <div class="form-group">
                                            <button
                                                class="btn btn-success btn-toggle-sidebar waves-effect waves-float waves-light"
                                                onclick="exportData()">
                                                <span class=""><i data-feather="download" class="ml-1"></i>
                                                    Export</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <table class="dt-column-search table table-striped w-100 text-center display" id="dataTable">
                                <thead>
                                    <tr>

                                        <th>Sr. No.</th>
                                        <th>Action</th>
                                        <th>Field Person</th>
                                        <th style="width:13%">SKU Name</th>
                                        <th>Manufacturing Factory Name</th>
                                        <th>Manufacturing Factory Person</th>
                                        <th>Purchased Units</th>
                                        <th>Invoice Number</th>
                                        <th>Invoice Date</th>
                                        <th>Invoice Value (Rs.)</th>
                                        <th>Batch No.</th>
                                        <th>Mfg Month</th>
                                        <th>Exp Month</th>
                                        <th>Name of Retail Pharmacy</th>
                                        <th>Retail pharmacy address</th>
                                        <th>City of Purchase</th>
                                        <th>Locality / Place</th>
                                        <th>MRP on Product Pack</th>
                                        <th>Product Image</th>
                                        <th>Invoice Copy</th>
                                        <th>LR copy</th>
                                        <th>Courier Name</th>
                                        <th>Courier Docket Number</th>
                                        <th>Date of Receipt at Factory</th>
                                        @can('counterfeit_input_field_view')
                                            <th>Date of Physical verification completed by Factory</th>
                                            <th>Request Status</th>
                                            <th>Report Copy</th>
                                            <th>Remarks</th>
                                            <th>Proactive Sampling Status</th>
                                        @endcan

                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Dashboard Ecommerce ends -->
    </div>
    {{-- for document --}}
    <div class="modal fade" id="document" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content" id="document_area">
            </div>
        </div>
    </div>
    {{-- for document --}}


    {{-- comment --}}
    <div class="modal fade text-left " data-backdrop="static" data-keyboard="false" id="comment_modal" tabindex="-1"
        role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-weight-bolder" id="">Comment</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-2 ">
                    <p id="comment_body"></p>
                </div>

            </div>
        </div>
    </div>
    {{-- comment --}}


    @php $today = date('Y-m-d'); @endphp
    {{-- for Date of Receipt --}}
    <div class="modal fade text-left " data-keyboard="false" id="receiptAtPlantUpdate" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Set Date of Receipt</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateForm', 'id' => 'validateForm', 'enctype' => 'multipart/form-data']) }}


                <div class="modal-body p-2">
                    <input type="hidden" id="iCounterfeitRequestID" name="iCounterfeitRequestID">
                    <div class="form-group mb-2">
                        <label for="">Date of Receipt <span class="text-danger">*</span> <a href="" class="" data-toggle="tooltip" data-placement="right"
                            title="Current and Past dates allow"><i data-feather="help-circle"></i></a></label>
                        <input type="date" class="form-control" id="dtReceiptAtPlant" name="dtReceiptAtPlant" max="{{ $today }}">
                    </div>

                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for Date of Receipt --}}


    {{-- for Date of Receipt --}}
    <div class="modal fade text-left " data-keyboard="false" id="requestStatusUpdate" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel1">Set Data</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {{ Form::open(['url' => '#', 'name' => 'validateForm1', 'id' => 'validateForm1', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="requestStatusiCounterfeitRequestID"
                        name="requestStatusiCounterfeitRequestID">
                    <div class="form-group mb-2">
                        <label for="">Date of Physical verification
                            completed by Factory <span class="text-danger">*</span> <a href="" class="" data-toggle="tooltip" data-placement="right"
                            title="Current and Past dates allow"><i data-feather="help-circle"></i></a></label>
                        <input type="date" class="form-control" id="dtPhysicalVerificationcompletedByPlant"
                            name="dtPhysicalVerificationcompletedByPlant" max="{{ $today }}">
                    </div>

                    <div class="form-group mb-2">
                        <label>Request Status <span class="text-danger">*</span></label>
                        <p>
                            <input type="radio" id="Genuine" name="vRequestStatus" value="Genuine">
                            <label for="Genuine" class="mr-3">Genuine</label>

                            <input type="radio" id="Spurious" name="vRequestStatus" value="Spurious">
                            <label for="Spurious">Spurious</label>
                        </p>
                        <label id="vRequestStatus-error" class="error" for="vRequestStatus"></label>
                    </div>

                    <div class="form-group mb-2" id="vReportCopyDiv" style="display:none;">
                        <label for="">Report Copy <span class="text-danger">*</span></label>
                        <div class="preview_btn">
                            <button class="btn btn-outline-primary w-100 waves-effect">
                                <input id="vReportCopy" name="vReportCopy" type="file"
                                    onchange="validateReportCopySize(this)" class="vReportCopy-upload-file"
                                    accept="application/pdf,image/*">
                                <span class="vReportCopyfilename">Upload</span>
                                <i class="fa fa-upload ml-1" style="color: #db644d;"></i>
                            </button>
                            <input type="hidden" id="vReportCopy_h" name="vReportCopy_h" />

                        </div>
                        <label id="vReportCopy-error" class="error" for="vReportCopy"></label>
                    </div>



                    <div class="form-group mb-2">
                        <label for="">Remarks</label>
                        <input type="text" class="form-control" id="vPlantRemarks" name="vPlantRemarks">
                    </div>


                </div>
                <div class="modal-footer justify-content-center">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</a>
                        <button type="reset" class="btn btn-light">Clear</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    {{-- for Date of Receipt --}}


    {{-- for timeline dropdown --}}
    <div class="modal fade" id="track_modal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-weight-bolder" id="">Proactive Sampling Request Track</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <ul class="timeline ml-50" id="track_modal_body">

                    </ul>
                </div>
            </div>
        </div>
    </div>
    {{-- for timeline dropdown --}}
@endsection
@section('scripts')
    <script>

$(function() {

var start = moment().subtract(2, 'months').startOf('month');
var end = moment().endOf('month');

function cb(start, end) {
    $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
        'MMMM D, YYYY'));
    $("#dtFrom").val(start.format('YYYY-MM-DD'));
    $("#dtTo").val(end.format('YYYY-MM-DD'));
}

$('#reportrange').daterangepicker({
    startDate: start,
    endDate: end,
    ranges: {
        'Today': [moment(), moment()],
        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1,
            'days')],
        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month': [moment().startOf('month'), moment().endOf('month')],
        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment()
            .subtract(1, 'month').endOf('month')
        ],
        'Last 3 Months': [moment().subtract(2, 'months').startOf('month'), moment()
            .endOf('month')
        ]


    }
}, cb);

cb(start, end);
});

function setFilter() {
            $('#dataTable').DataTable().ajax.reload();
        }

        function resetFilter() {

            var start = moment().subtract(2, 'months').startOf('month');
            var end = moment().endOf('month');
            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                'MMMM D, YYYY'));
            $("#dtFrom").val(start.format('YYYY-MM-DD'));
            $("#dtTo").val(end.format('YYYY-MM-DD'));
            $('#dataTable').DataTable().ajax.reload();
        }
        $('.vReportCopy-upload-file').change(function() {
            var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
            $('.vReportCopyfilename').html(filename);
        });



        $('input[name="vRequestStatus"]').change(function() {
            var vRequestStatus = document.getElementById("Spurious");
            if (vRequestStatus.checked) {
                $('#vReportCopyDiv').show();
                $("#vReportCopy").rules('add', 'required');
            } else {
                $('#vReportCopyDiv').hide();
                $("#vReportCopy").rules('remove', 'required');
            }
        });


        $(function() {
            var columns = [

                {
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'action',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'username',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vProductName',
                },
                {
                    data: 'vPlantName',
                },
                {
                    data: 'plantpersonusername',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vPurchasedUnits',
                },

                {
                    data: 'vInvoiceNumber',
                },
                {
                    data: 'dtInvoiceDate',
                },
                {
                    data: 'vInvoiceValue',
                },
                {
                    data: 'vBatchNo',
                },
                {
                    data: 'dtMfgDate',
                },
                {
                    data: 'dtExpDate',
                },
                {
                    data: 'vNameofRetailPharmacy',
                },
                {
                    data: 'vNameofRetailPharmacyAddress',
                },
                {
                    data: 'vCityOfPurchase',
                },
                {
                    data: 'vPlace',
                },
                {
                    data: 'vmrpOnPack',
                },
                {
                    data: 'vProductImage',
                },
                {
                    data: 'vInvoiceCopy',
                },
                {
                    data: 'vLRcopy',
                },
                {
                    data: 'vCourierName',
                },
                {
                    data: 'vCourierDocketNumber',
                },
                {
                    data: 'dtReceiptAtPlant',
                },
                @can('counterfeit_input_field_view')
                    {
                        data: 'dtPhysicalVerificationcompletedByPlant',
                    }, {
                        data: 'vRequestStatus',
                    }, {
                        data: 'vReportCopy',
                    }, {
                        data: 'vPlantRemarks',
                    }, {
                        data: 'eCounterfeitStatus',
                    }
                @endcan
            ];
            var columnDefs = [];
            @if (auth()->user()->eRole == 'Division')
                getdatatable("{{ route('division.counterfeit.data.paginate') }}", columns, columnDefs);
            @else
                getdatatable("{{ route('plant.counterfeit.data.paginate') }}", columns, columnDefs);
            @endif

        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d.eCounterfeitStatus = "{{ $status }}",
                        d.vRequestStatus = "{{ $requeststatus }}",
                        d.dtFrom = $("#dtFrom").val(),
                        d.dtTo = $("#dtTo").val(),
                        d._token = "{{ csrf_token() }}"
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();
                    $('#checkall').prop('checked', false);
                    $('.actionBtn').hide();
                    $('.dt-checkboxes').click(function() {
                        if ($('[name="checkbox[]"]:checked').length > 0) {
                            $('.actionBtn').show();
                        } else {
                            $('.actionBtn').hide();
                        }
                    });



                }
            });
        }



        $('#checkall').click(function() {
            if ($(this).is(':checked')) {
                $('.dt-checkboxes').prop('checked', true);
                $('.actionBtn').show();
            } else {
                $('.dt-checkboxes').prop('checked', false);
                $('.actionBtn').hide();
            }
        });


        function documentView(iCounterfeitRequestID = '', type = '') {
            data = {
                'iCounterfeitRequestID': iCounterfeitRequestID,
                'type': type,
                '_token': "{{ csrf_token() }}"
            }


            @if (auth()->user()->eRole == 'Division')

                ajax_call("{{ route('division.counterfeit.data.documentView') }}", 'POST', data, 0, 'dataTable', 1, 0,
                    'document_view_response');
            @else

                ajax_call("{{ route('plant.counterfeit.data.documentView') }}", 'POST', data, 0, 'dataTable', 1, 0,
                    'document_view_response');
            @endif


        }


        function document_view_response(response) {

            $("#document_area").html(response);
            $("#document").modal('show');
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        }


        function counterfeitRequestStatusChange(iCounterfeitRequestID, type = '', eCounterfeitStatus) {

            if (iCounterfeitRequestID == '') {
                iCounterfeitRequestID = $("[name='checkbox[]']:checked").map(function() {
                    return $(this).val();
                }).get();
                if (iCounterfeitRequestID.length == 0) {
                    $.notify('Please select more than one from the list ', "error");
                    return false;
                }
            }


            if (eCounterfeitStatus == 'ho_approved') {
                Swal.fire({
                    title: 'Are you sure?',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, Approve it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (type == 'single') {
                            data = {
                                'type': type,
                                'eCounterfeitStatus': eCounterfeitStatus,
                                'iCounterfeitRequestID': iCounterfeitRequestID,
                                '_token': "{{ csrf_token() }}"
                            }
                        } else {
                            data = {
                                'type': type,
                                'eCounterfeitStatus': eCounterfeitStatus,
                                'iCounterfeitRequestID': iCounterfeitRequestID,
                                '_token': "{{ csrf_token() }}"
                            }
                        }



                        @if (auth()->user()->eRole == 'Division')

                            ajax_call("{{ url('/division/proactive-sampling/document/status') }}",
                                'POST',
                                data, 1,
                                'dataTable', 0, 1, '');
                        @else

                            ajax_call("{{ url('/plant/proactive-sampling/document/status') }}",
                                'POST',
                                data, 1,
                                'dataTable', 0, 1, '');
                        @endif



                    }

                })


            } else if (eCounterfeitStatus == 'ho_rejected') {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You want to Reject?",
                    icon: 'warning',
                    input: 'textarea',
                    inputAttributes: {
                        required: 0
                    },
                    validationMessage: "This field is required",
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, Reject it!',
                    preConfirm: (inputValue) => {
                        const trimmedValue = inputValue.trim();
                        const forbiddenCharacters = /['"]/;

                        if (!trimmedValue || /^[\n\s]*$/.test(trimmedValue)) {
                            Swal.showValidationMessage(
                                'This field is required and cannot contain only spaces or newlines');
                            return false;
                        } else if (forbiddenCharacters.test(trimmedValue)) {
                            Swal.showValidationMessage(
                                'The input cannot contain single (\'\) or double (\"\) quotes');
                            return false;
                        }
                        return trimmedValue;
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (type == 'single') {
                            data = {
                                'type': type,
                                'vRemarks': result.value,
                                'eCounterfeitStatus': eCounterfeitStatus,
                                'iCounterfeitRequestID': iCounterfeitRequestID,
                                '_token': "{{ csrf_token() }}"
                            }
                        } else {
                            data = {
                                'type': type,
                                'vRemarks': result.value,
                                'eCounterfeitStatus': eCounterfeitStatus,
                                'iCounterfeitRequestID': iCounterfeitRequestID,
                                '_token': "{{ csrf_token() }}"
                            }
                        }

                        @if (auth()->user()->eRole == 'Division')

                            ajax_call("{{ url('/division/proactive-sampling/document/status') }}",
                                'POST',
                                data, 1,
                                'dataTable', 0, 1, '');
                        @else

                            ajax_call("{{ url('/plant/proactive-sampling/document/status') }}",
                                'POST',
                                data, 1,
                                'dataTable', 0, 1, '');
                        @endif
                    }
                })
            }
        }


        function comment(comment) {
            $("#comment_body").html(comment);
            $("#comment_modal").modal('show');
        }


        function receiptAtPlantUpdate(id) {

            $("#iCounterfeitRequestID").val('');
            $("#iCounterfeitRequestID").val(id);

            $("#receiptAtPlantUpdate").modal('show');



        }



        $(function() {
            $("#validateForm").validate({
                rules: {
                    iCounterfeitRequestID: {
                        required: true,
                    },
                    dtReceiptAtPlant: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateForm")[0]);

                    ajax_submit("{{ route('plant.counterfeit.receiptAtPlant.save') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'receiptAtPlantUpdate_response');
                }
            });

        });

        function receiptAtPlantUpdate_response(response) {
            if (response.status == 1) {
                $("#dtReceiptAtPlant").val('');
                $("#iCounterfeitRequestID").val('');
                $("#receiptAtPlantUpdate").modal('hide');
            }
        }




        function requestStatusDataUpdate(id) {


            $.ajax({
                url: "{{ route('plant.counterfeit.getAddedRequestStatusData') }}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    id: id
                },
                success: function(response) {
                    if (response != null) {
                        $('#dtPhysicalVerificationcompletedByPlant').val(response
                            .dtPhysicalVerificationcompletedByPlant);
                        $('#vPlantRemarks').val(response.vPlantRemarks);
                        $('input[name="vRequestStatus"][value="' + response.vRequestStatus + '"]').prop(
                            'checked', true);
                        if (response.vRequestStatus == 'Spurious') {
                            $('#vReportCopyDiv').show();
                            $('.vReportCopyfilename').html(response.vReportCopy);
                            $("#vReportCopy").rules('remove', 'required');
                        }
                    }



                    $("#requestStatusiCounterfeitRequestID").val('');
                    $("#requestStatusiCounterfeitRequestID").val(id);

                    $("#requestStatusUpdate").modal('show');
                }
            });






        }


        function dateaddnotify() {
            $.notify('Please add Date of Receipt!', "error");
        }




        $(function() {
            $("#validateForm1").validate({
                rules: {
                    requestStatusiCounterfeitRequestID: {
                        required: true,
                    },
                    dtPhysicalVerificationcompletedByPlant: {
                        required: true,
                    },
                    vRequestStatus: {
                        required: true,
                    },
                    vReportCopy: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateForm1")[0]);

                    ajax_submit("{{ route('plant.counterfeit.requestStatus.save') }}", 'POST',
                        formData, 1,
                        'dataTable', 1, 1, 'requestStatusUpdate_response');
                }
            });

        });

        function requestStatusUpdate_response(response) {
            if (response.status == 1) {
                $("#dtPhysicalVerificationcompletedByPlant").val('');
                $("#vRequestStatus").val('');
                $("#vReportCopy").val('');
                $("#requestStatusiCounterfeitRequestID").val('');
                $("#requestStatusUpdate").modal('hide');
            }
        }




        function counterfeitTrack(id) {
            data = {
                'iCounterfeitRequestID': id,
                '_token': "{{ csrf_token() }}"
            }

            @if (auth()->user()->eRole == 'Division')

                ajax_call("{{ route('division.counterfeit.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
                    'counterfeitTrack_response');
            @elseif (auth()->user()->eRole == 'Plant')

ajax_call("{{ route('plant.counterfeit.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
    'counterfeitTrack_response');
            @elseif (auth()->user()->eRole == 'Feild')

                ajax_call("{{ route('field.counterfeit.track') }}", 'POST', data, 0, 'dataTable', 1, 0,
                    'counterfeitTrack_response');
            @endif

        }

        function counterfeitTrack_response(response) {
            var html = '';
            $(response).each(function(index, element) {
                $title = '';
                $eType = '';
                role = element.vuserRole;


                switch (element.eType) {
                    case 'requested':
                        $eType = 'Requested';
                        break;
                    case 'ho_approved':
                        $eType = 'Request Approved';
                        break;
                    case 'ho_rejected':
                        $eType = 'Request Rejected';
                        break;
                    case 'plant_reviewed':
                        $eType = 'Request Reviewed';
                        break;
                    case 'data_updated':
                        $eType = 'Request Data Updated';
                        break;
                    default:

                        break;
                }

                html += '<li class="timeline-item">' +
                    '<span class="timeline-point timeline-point-indicator"></span>' +
                    '<div class="timeline-event">' +
                    '<div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-0">' +
                    '<h5 class="font-weight-bold mb-0">' + (($title == '') ? 'Proactive Sampling ' + $eType + ' By' :
                        $title) + '</h5>' +
                    '<span class="timeline-event-time mr-1 text-right"><i' +
                    'class="fa fa-calendar mr-1"></i> ' + element.created_date + '  <br /> <i' +
                    'class="fa fa-clock mr-1"></i>' + element.created_time + '</span>' +
                    '</div>' +
                    '<h6>' + element.userName +
                    '<label class="badge badge-light-primary">' + ((role == 'Plant' ? 'Factory': role)) + '</label></h6>' +
                    '</div>' +
                    '<hr class="mb-0">' +
                    '</li>';
            });
            $("#track_modal_body").html(html);
            $("#track_modal").modal('show');
        }



        function validateReportCopySize(input) {
            const fileSize = input.files[0].size / 1024 / 1024; // in MiB
            if (fileSize > 10) {
                $.notify("File size exceeds 10 MiB", "error");
                $("#vReportCopy").val("");
            }
        }



        function exportData() {

            data = {
                '_token': "{{ csrf_token() }}"
            };

            @if (auth()->user()->eRole == 'Division')
                ajax_call("{{ route('division.counterfeit.request.export') }}", 'POST', data, 0, 'dataTable', 1, 0,
                    'export_response');
            @else
                ajax_call("{{ route('plant.counterfeit.request.export') }}", 'POST', data, 0, 'dataTable', 1, 0,
                    'export_response');
            @endif

        }

        function export_response(response) {

            if (response == 1) {
                $.notify("You will get generated report within 10 minutes in download report section.", "info");
            } else {

                $.notify('Something went wrong !', "error");
            }
        }
    </script>
@endsection