@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>Proactive Sampling Requests</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 text-right">
                    <div class="form-group">
                        <a href="{{ route('field.counterfeit.request.form') }}"
                            class="btn btn-success btn-toggle-sidebar waves-effect waves-float waves-light">
                            <span class=""><i class="fa-solid fa-plus me-2"></i> Add New Request</span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-auto col-md-6 my-1">
                    <div class="d-lg-flex">
                        <a href="{{ route('field.plantDataView') }}" class="btn btn-primary" >Proactive Sampling Factory info <i class="fa fa-arrow-right-long ml-1"></i></a>
                    </div>
                </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>
        <section id="column-search-datatable">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-datatable p-1">
                            <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>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>
                                        {{-- <th>Date of Physical verification completed by plant</th>
                                        <th>Request Status</th>
                                        <th>Report Copy</th>
                                        <th>Remarks</th> --}}
                                        <th>Proactive Sampling Status</th>

                                    </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 --}}




    {{-- 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 --}}


    {{-- 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 --}}



    {{-- for Date of Receipt --}}
    <div class="modal fade text-left " data-keyboard="false" id="courierDataAddUpdate" 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' => 'validateForm', 'id' => 'validateForm', 'enctype' => 'multipart/form-data']) }}
                <div class="modal-body p-2">
                    <input type="hidden" id="courierDataAddiCounterfeitRequestID"
                        name="courierDataAddiCounterfeitRequestID">
                    <div class="form-group mb-2">
                        <label for="">Courier Name</label>
                        <input type="text" class="form-control" id="vCourierName" name="vCourierName">
                    </div>
                    <div class="form-group mb-2">
                        <label for="">Courier Docket Number</label>
                        <input type="text" class="form-control" id="vCourierDocketNumber"
                            name="vCourierDocketNumber">
                    </div>



                    <div class="form-group mb-2">
                        <label for="">LR copy </label>
                        <div class="preview_btn">
                            <button class="btn btn-outline-primary w-100 waves-effect">
                                <input id="vLRcopy" name="vLRcopy" type="file" onchange="validateLRcopySize(this)" class="vLRcopy-upload-file"
                                    accept="application/pdf,image/*">
                                <span class="vLRcopyfilename">Upload</span>
                                <i class="fa fa-upload ml-1" style="color: #db644d;"></i>
                            </button>
                            <input type="hidden" id="vLRcopy_h" name="vLRcopy_h" />

                        </div>
                        <label id="vLRcopy-error" class="error" for="vLRcopy"></label>
                    </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 --}}
@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();
        }
        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'action',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vProductName',
                },
                {
                    data: 'vPlantName',
                },
                {
                    data: 'username',
                    "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',
                },
                {
                    data: 'eCounterfeitStatus',
                },

            ];
            var columnDefs = [];
            getdatatable("{{ route('field.counterfeit.request.paginate') }}", columns, columnDefs);
        });

        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();

                }
            });
        }

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

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


        function document_view_response(response) {

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



        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 == '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 comment(comment) {
            $("#comment_body").html(comment);
            $("#comment_modal").modal('show');
        }
        $('.vLRcopy-upload-file').change(function() {
            var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
            $('.vLRcopyfilename').html(filename);
        });

        function courierDataAdd(id) {
            $("#courierDataAddiCounterfeitRequestID").val('');
            $("#courierDataAddiCounterfeitRequestID").val(id);
            $("#courierDataAddUpdate").modal('show');
        }



        $.validator.addMethod("noSpaces", function(value, element) {
            return this.optional(element) || $.trim(value).length > 0;
        }, "Please enter valid text, not just spaces.");


        $(function() {
            $("#validateForm").validate({
                rules: {
                    courierDataAddiCounterfeitRequestID: {
                        required: true,
                        noSpaces: true,
                    },
                    vCourierName: {
                        required: true,
                        noSpaces: true,
                    },
                    vCourierDocketNumber: {
                        required: true,
                        noSpaces: true,
                    },
                    vLRcopy: {
                        required: true,
                    },
                },
                submitHandler: function(form) {
                    var formData = new FormData($("#validateForm")[0]);

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

        });

        function requestStatusUpdate_response(response) {
            if (response.status == 1) {
                $("#courierDataAddiCounterfeitRequestID").val('');
                $("#vCourierName").val('');
                $("#vCourierDocketNumber").val('');
                $("#courierDataAddUpdate").modal('hide');
            }
        }

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


    function exportData() {

        window.open("{{ route('field.counterfeit.request.export') }}", '_blank');


        }


    </script>
@endsection