@extends('layouts.backend.app')

@section('content')
    <!-- Start right Content here -->
    <div class="main-content stock">
        <div class="page-content">
            <div class="container-fluid">
                <div class="page-title-box">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <h6 class="page-title">Dofy Stock</h6>
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="#">Home </a></li>
                                <li class="breadcrumb-item active" aria-current="page">Stock</li>
                            </ol>
                        </div>
                        <div class="col-md-4">
                            <a class="btn btn-primary button-1 float-right" href="{{ route('dofy-products-list') }}">
                                <span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
                        </div>
                    </div>
                </div>
            </div>
            @php $lot_no = request()->route('lot_no');@endphp
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-12 mobile-table-column stock-table">
                        <div class="card">
                            <div class="card-body">
                                <table id="dataList" class="display" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>S.No</th>
                                            <th>Product Details</th>
                                            <th>IMEI/Serial Number</th>
                                            <th>Product Status</th>
                                            <th>Accept Status</th>
                                            <!-- <th>Returned</th> -->
                                            <th>Received</th>
                                            <th>Move to Productstock</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end main content-->


    <div id="deleteModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Delete Record</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to delete these Records?</p>
                    <p class="text-warning"><small>This action cannot be undone.</small></p>
                </div>
                <input type="hidden" id="delete_id">
                <div class="modal-footer">
                    <input type="button" class="btn btn-default closebtn" data-dismiss="modal" value="Cancel">
                    <input type="button" class="btn btn-danger" onclick="deleterecord()" value="Delete">
                </div>
            </div>
        </div>
    </div>




    <div class="modal fade stock-modal" id="genbc" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Not Working Product Temp Barcode</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <input type="hidden" id="gencode" name="newsalcode" value="">
                                            <div class="mb-3 selectdraf text-center"><b>Temp Barcode:</b></div>
                                            <div class="text-center" id="barcode-container"></div>
                                            <div class="d-flex justify-content-center align-items-center">
                                                <button class="btn btn-primary" id="btn_convert"> <i
                                                        class="fas fa-file-download me-2"></i> Download </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" id="previewImg">
            </div>
        </div>
    </div>

    <!-- New action Modal -->
    <div class="modal fade stock-modal" id="action" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Assign To Service</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <!-- Mobile visible table  -->
                        <div class="row">
                            <div class="col-md-12 mobile-table-column stock-table">
                                <div class="p-3 justify-content-center">
                                    <form class="form-horizontal" action="{{ route('assign_to_service') }}"
                                        method="POST" id="dtad" name="dtad" enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" name="testermd_id" id="testermd_id"
                                            value="@if (!empty($lot_no)) {{ $lot_no }} @endif">

                                        <!-- Page Preloder -->
                                        <div id="preloder">
                                            <div class="loader"></div>
                                        </div>
                                        <div class="mb-3">
                                            <div class="input-group" id="datepicker1">
                                                <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
                                                <input type="text" class="form-control datepicker flatpickr-input"
                                                    placeholder="" data-date-format="d M, Y G:i K"
                                                    data-enable-time="true" id="assign_date" name="assign_date">
                                            </div>
                                        </div>

                                        <!-- Include Flatpickr library -->
                                        <link rel="stylesheet"
                                            href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
                                        <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

                                        <script>
                                            // Wait for the DOM to be fully loaded
                                            document.addEventListener("DOMContentLoaded", function() {
                                                // Initialize Flatpickr
                                                flatpickr("#assign_date", {
                                                    minDate: "today",
                                                    dateFormat: "d M, Y G:i K",
                                                    enableTime: true
                                                });
                                            });
                                        </script>
                                        <script>
                                            document.addEventListener("DOMContentLoaded", function() {
                                                // Get current date and time
                                                var now = new Date();
                                                var formattedDateTime = now.toLocaleString('en-US', {
                                                    day: '2-digit',
                                                    month: 'short',
                                                    year: 'numeric',
                                                    hour: '2-digit',
                                                    minute: '2-digit',
                                                    hour12: true
                                                });
                                                // Set current date and time as the default value for the datepicker input
                                                document.getElementById('assign_date').value = formattedDateTime;
                                            });
                                        </script>
                                        <div class="mb-3">
                                            <label class="form-label">Select Service Engineer</label>
                                            <select class="form-control form-select serviceSelect" id="testerid"
                                                name="testerid">
                                                <option value="">Select</option>
                                                @foreach ($usersname as $username)
                                                    <option value="{{ $username->id }}">{{ $username->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="mb-3 selectdraf">
                                            <label for="exampleFormControlInput1"
                                                class="form-label w-100 d-flex justify-content-between">Temporary Code<span
                                                    class="barcode_count">0</span></label>
                                            <input type="text" class="form-control w-100 w-100" id="temcode"
                                                name="temcode" placeholder="" value="">
                                            <small class="form-text w-100">Enter Temporary Code ( #AM220322057 )</small>
                                        </div>
                                        <button class="btn btn-success sumbtn" type="button"> Submit </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- working product receive -->
    <div class="modal fade stock-modal" id="receiveModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Product Status</h1>
                    <button type="button" class="btn-close close1" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container"><!-- Mobile visible table  -->
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <div class="">
                                                <input type="hidden" id="receiv_id" name="id" value="">
                                                <b style="color:green;">Product Status Updated!</b><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- working product moved to stock  -->
    <div class="modal fade stock-modal" id="MovetostockModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Product To Move to Stock</h1>
                    <button type="button" class="btn-close close1" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container"><!-- Mobile visible table  -->
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <div class="">
                                                <input type="hidden" id="movepro_id" name="id" value="">
                                                <b style="color:green;">Product Moved to Stock!</b><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Receive product from service  -->
    <div class="modal fade stock-modal" id="rcpro" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Receive Product</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container"><!-- Mobile visible table  -->
                        <div class="row stock-row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3" style="max-width: 540px;">
                                            <!-- <input type="hidden" id="rcserv" name="id" value=""> -->
                                            <b style="color:green;">Product Received from service</b><br> <br>
                                            <!-- <button class="btn btn-success me-3 working">Working</button>
                                          <button class="btn btn-danger me-3 nworking">Not Working</button>	 -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('#alldatas').DataTable();
        });
        $(document).on("click", ".close1", function() {
            location.reload();
        });
        var base = $('meta[name="base_url"]').attr("content");
        var pathn = $('meta[name="base_url"]').attr("content") + '/dofy_lot_products/{{ $lot_no }}';
        console.log(pathn);
        var reporttables = $('#dataList').DataTable({
            "order": [
                [0, "desc"]
            ],
            "serverSide": true,
            "stateSave": true,
            'processing': true,
            oLanguage: {
                sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request.</p></div></div>'
            },
            "ajax": {
                'type': 'GET',
                'url': pathn,
                "data": function(d) {
                    d.searchdata = d.search.value
                }
            },
            searching: true,
            "iDisplayLength": 10,
            "columnDefs": [{
                    "targets": 0,
                    data: 'index',
                },
                {
                    "targets": 1,
                    orderable: true,
                    "render": function(data, type, row, meta) {
                        return '<p class="mb-0 customer-name fw-bold">' + row.pro_brand + ', ' + row
                            .pro_model + '<br>(' + row.pro_ram + '/' + row.pro_rom + ')</p>';
                    }
                },
                {
                    "targets": 2,
                    orderable: true,
                    "render": function(data, type, row, meta) {
                        return '<p class="mb-0 customer-name limit_desc">' + row.pro_imei + '</p>';
                    }
                },
                {
                    "targets": 3,
                    orderable: true,
                    "render": function(data, type, row, meta) {
                        if (row.qc_status == "Okay")
                            return '<div class="badge text-bg-success m-4 text-capitalize">' + row
                                .qc_status + '</div>';
                        else
                            return '<div class="badge text-bg-danger m-4 text-capitalize">' + row
                                .qc_status + '</div>';
                    }
                },
                {
                    "targets": 4,
                    orderable: true,
                    "render": function(data, type, row, meta) {
                        if (row.admin_accept != "NULL") {
                            var status = row.admin_accept == "moved to stock" && row.qc_status != "Okay" ?
                                "moved to dead stock" : row.admin_accept;
                            return '<div class="badge text-bg-primary m-4 text-capitalize">' + status +
                                '</div>';
                        } else {

                        }
                    }
                },
                {
                    "targets": 5,
                    orderable: true,
                    "render": function(data, type, row, meta) {
                        var tbl = '';
                        tbl += '<label class="switch">';
                        if (row.admin_accept != '') {
                            tbl +=
                                '<input type="checkbox" checked="checked" href="#receiveModal" data-toggle="modal" data-id="' +
                                row.id + '" class="receivepro vd_' + row.id + '"';
                            if (row.admin_accept == "accepted") {
                                tbl += '>';
                            } else {
                                tbl += ' disabled>';
                            }

                        } else {
                            tbl +=
                                '<input type="checkbox" href="#receiveModal" data-toggle="modal" data-id="' +
                                row.id + '" class="receivepro vd_' + row.id + '">';
                        }
                        tbl += '<span class="slider round"></span></label>';
                        return tbl;
                    }
                },
                {
                    "targets": 6,
                    orderable: true,
                    "render": function(data, type, row, meta) {
                        var tbl = '';
                        tbl += '<label class="switch">';
                        if (row.admin_accept == 'moved to stock') {
                            tbl +=
                                '<input type="checkbox" checked="checked" href="#MovetostockModal" data-toggle="modal" data-id="' +
                                row.id + '" class="movepro vd_' + row.id + '">';
                        } else if (row.admin_accept == 'barcode generated' || row.admin_accept ==
                            'not working barcode' || row.admin_accept === "received from service" || row
                            .admin_accept === "service returned") {
                            tbl +=
                                '<input type="checkbox" href="#MovetostockModal" data-toggle="modal" data-id="' +
                                row.id + '" class="movepro vd_' + row.id + '">';
                        } else {
                            tbl +=
                                '<input type="checkbox" href="#MovetostockModal" data-toggle="modal" data-id="' +
                                row.id + '" class="movepro vd_' + row.id + '" disabled>';
                        }
                        tbl += '<span class="slider round"></span></label>';
                        return tbl;
                    }
                },
                {
                    "targets": 7,
                    orderable: true,
                    width: '16%',
                    "render": function(data, type, row, meta) {
                        var tbl = '';
                        tbl += '<div class="action">';


                        if (row.admin_accept != "") {

                            tbl += '<a href="' + base + '/product-details-dofyadmin/' + row.id +
                                '" class="edit text-info btn btn-sm btn-info text-white">';
                            tbl += '<i class="fas fa-eye"></i>';
                            tbl += '</a>';


                            if (row.qc_status == "Okay" && row.admin_accept == "service returned") {
                                tbl += '<button class="btn btn-danger rcpro" data-id="' + row.id +
                                    '" id="' +
                                    row.id +
                                    '" data-bs-toggle="modal" data-bs-target="#rcpro" style="padding:2% 4%;margin:1%;">';
                                tbl += '<i class="fas fa-check-double"></i>';
                                tbl += '</button> ';
                            }

                            if (row.qc_status == "Not Okay") {

                                tbl += '<button class="btn btn-danger genbc" data-id="' + row.id +
                                    '" data-bs-toggle="modal" data-bs-target="#genbc" style="padding:2% 4%;margin:1%;">';
                                tbl += '<i class="fas fa-barcode"></i>';
                                tbl += '</button>';

                                tbl += '<button class="btn btn-primary assign" data-id="' + row.id +
                                    '" data-bs-toggle="modal" data-bs-target="#action" style="padding:2% 4%;margin:1%;">';
                                tbl += '<i class="fas fa-edit"></i>';
                                tbl += '</button>';

                                tbl += '<button class="btn btn-danger rcpro" data-id="' + row.id +
                                    '" id="' +
                                    row.id +
                                    '" data-bs-toggle="modal" data-bs-target="#rcpro" style="padding:2% 4%;margin:1%;">';
                                tbl += '<i class="fas fa-check-double"></i>';
                                tbl += '</button> ';

                            }

                            tbl += '<a href="#deleteModal" data-toggle="modal" data-id="' + row
                                .id +
                                '" class="edit text-info btn btn-sm  btn-danger text-white me-2 removrd" style="padding:2% 4%;margin:1%;">';
                            tbl += '<i class="fas fa-trash"></i>';
                            tbl += '</a>';


                        }




                        var target = ''


                        tbl += '</div>';
                        return tbl;
                    }
                }
            ],
            rowId: 'id'
        });

        // $(document).ready(function() {
        // 	var pathn = $('meta[name="base_url"]').attr("content");+'/dofy_lot_products/{{ $lot_no }}';		
        // 	console.log(pathn);//console.log('herrrrrrrrrrrrrrrrrrrreeeeeeeeeeeeeeeeeeeeeeeeee');
        // 	var reporttables =  $('#dataList').DataTable({
        // 		"order": [[ 0, "desc" ]],
        //       "serverSide": true,
        // 		"stateSave": true,
        //       'processing': true,
        // 		"pageLength": 20,
        // 		"lengthMenu": [
        //             [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500],
        //             [20, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 420, 450, 475, 500]
        //         ],
        //         oLanguage: {sProcessing: '<div class="lds-css"><div style="width:100%;height:100%" class="lds-eclipse"><div></div><p>Please wait while we are processing your request11.</p></div></div>' },
        // 		"ajax": {
        // 			'type': 'GET',
        // 			'url': pathn,
        // 			'data': function(d){ 
        //              d.pagenme = '{{ basename(url()->current()) }}', 			  
        // 			    d.no_pro = $("#no_pro").val()			  
        // 			}
        // 		},
        // 		searching: false,
        // 		"iDisplayLength": 20,
        // 		"columnDefs": [
        // 		{
        // 			"targets": 0,
        // 			className: "text-center",
        // 			"render": function ( data, type, row, meta ) {
        // 				return row.index;
        // 			}
        // 		},
        // 		{
        // 			"targets": 1,
        // 	    	orderable: true,
        // 		   "render": function ( data, type, row, meta ) {
        // 	      	return '<p class="mb-0 customer-name fw-bold">'+row.pro_brand+', '+row.pro_model+'<br>('+row.pro_ram+'/'+row.pro_rom+')</p>';    
        // 	    	}
        // 		},
        // 		{
        // 			"targets": 2,
        // 	      orderable: true,
        // 	      "render": function ( data, type, row, meta ) {
        // 	         return '<p class="mb-0 customer-name limit_desc">'+row.pro_imei+'</p>';
        // 	      }
        // 		},
        // 		{
        // 			"targets": 3,
        // 	      orderable: true,
        // 	      "render": function ( data, type, row, meta ) {
        // 	         return '<div class="badge text-bg-primary m-4 text-capitalize">'+row.admin_accept+'</div>';
        // 	      }
        // 		},
        // 		{
        // 			"targets": 4,
        // 	      orderable: true,
        // 	      "render": function ( data, type, row, meta ) {
        // 	      if(row.qc_status=="Okay")
        // 	      	return '<div class="badge text-bg-success m-4 text-capitalize">'+row.qc_status+'</div>';
        // 	      else
        // 	      	return '<div class="badge text-bg-danger m-4 text-capitalize">'+row.qc_status+'</div>';
        // 	      }
        // 		},
        // 		{
        // 			"targets": 5,
        // 	      orderable: true,
        // 	      "render": function ( data, type, row, meta ) {
        // 	      var tbl='';      
        // 	         tbl+='<div class="action">';               
        // 	      	tbl +='<button class="btn btn-info me-3 viewaction" style=" width:80%;" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#view">';
        // 				tbl +='<i class="fas fa-eye"></i>';
        // 				tbl +='</button>';	
        // 				 tbl+='<button class="btn btn-success me-3 acptcl" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#testedMobile1"><i class="fa fa-check"></i></button>';
        // 				if(row.qc_status=="Not Okay"){
        // 					tbl +='<button class="btn btn-success" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#action">';
        // 					tbl +='<i class="fas fa-eye"></i>';
        // 					tbl +='</button>';
        // 					tbl +='<button class="btn btn-success" data-id="'+row.id+'" data-bs-toggle="modal" data-bs-target="#action">';
        // 					tbl +='<i class="fas fa-edit"></i>';
        // 					tbl +='</button>';
        // 				}
        // 	         tbl+='</div>';       
        // 	       	return tbl;
        // 	      }
        // 		}		
        // 	  ]
        // 	});
        // });

        $(document).on('click', '.searchdata', function() {
            $('#dataList').DataTable().ajax.reload();
        });

        $(document).on('click', '.reset_searchdata', function() {
            $('#memberdata').trigger("reset");
            $('#lot_no').val('');
            $('#no_pro').val('');
            $('#sup_name').val('');
            $('#pay_status').val('');
            $('#dataList').DataTable().ajax.reload();
            $('.fltr-btn').trigger('click');
        });

        $(document).ready(function() {
            $(document).on("click", ".genbc", function() {
                var genbc_id = $(this).data("id");
                var pathb = $('meta[name="base_url"]').attr("content") + '/gettemporarybarcode/' + genbc_id;
                $.ajax({
                    url: pathb,
                    type: 'GET',
                    async: false,
                    //dataType: 'json',
                    //contentType: 'application/json',
                    success: function(data) {
                        var code = data[1];
                        document.getElementById("gencode").value = code;
                        document.getElementById("temcode").value = code;
                        $('#barcode-container').empty();
                        $('#barcode-container').append(data[0]);
                        $('#dataList').DataTable().ajax.reload();
                    }
                });
            });
            $(document).on("click", ".receivepro", function() {
                var receiv_id = $(this).data("id");
                document.getElementById("receiv_id").value = receiv_id;
                var pathr = $('meta[name="base_url"]').attr("content") + '/receivedofyproduct/' + receiv_id;
                //console.log(pathr);
                $.ajax({
                    url: pathr,
                    type: 'GET',
                    //dataType: 'json',
                    //contentType: 'application/json',
                    success: function(data) {
                        location.reload();
                    }
                });
            });
            $(document).on("click", ".movepro", function() {
                var movepro_id = $(this).data("id");
                document.getElementById("movepro_id").value = movepro_id;
                var pathr = $('meta[name="base_url"]').attr("content") + '/move_product_to_stock/' +
                    movepro_id;
                console.log(pathr);
                $.ajax({
                    url: pathr,
                    type: 'GET',
                    //dataType: 'json',
                    //contentType: 'application/json',
                    success: function(data) {
                        location.reload();
                    }
                });
            });
            $(document).on("click", ".assign", function() {
                var genbc_id = $(this).data("id");
                var pathb = $('meta[name="base_url"]').attr("content") + '/gettemporarybarcode/' + genbc_id;
                $.ajax({
                    url: pathb,
                    type: 'GET',
                    //dataType: 'json',
                    //contentType: 'application/json',
                    success: function(data) {
                        var code = data[1];
                        document.getElementById("temcode").value = code;

                    }
                });
            });
            // $(document).on("click", ".genbc", function() {
            // 	var genbc_id = $(this).data("id");   		
            // 	var pathb = $('meta[name="base_url"]').attr("content")+'/gettemporarybarcode/'+genbc_id;
            //    $.ajax({
            //       url: pathb,
            //       type: 'GET',
            //       //dataType: 'json',
            //       //contentType: 'application/json',
            //       success: function(data) {	    //console.log(data);
            //          var code = data[1];
            //       	document.getElementById("gencode").value = code;
            //       	document.getElementById("temcode").value = code;	
            //          $('#barcode-container').empty();
            //          $('#barcode-container').append(data[0]);
            //       }
            //    });	    			
            // });
            $(document).on("click", ".rcpro", function() {
                var rcpro = $(this).data("id");
                console.log("rer" + rcpro);
                var pathr = $('meta[name="base_url"]').attr("content") + '/receive_service_product/' +
                    rcpro;
                $.ajax({
                    url: pathr,
                    type: 'GET',
                    //dataType: 'json',
                    //contentType: 'application/json',
                    success: function(data) {
                        location.reload();
                    }
                });
            });
        });
    </script>

    <script type="text/javascript">
        function vldfn() {
            $('#dataList').DataTable().ajax.reload();
        }
    </script>
    {{--  <script src="https://cdn.bootcss.com/html2pdf.js/0.9.1/html2pdf.bundle.js"></script>  --}}

    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.1/html2pdf.bundle.min.js"></script>

    <script>
        $(document).on('click', '#btn_convert', function() {
            //var rid = $('#newsalcode').val();
            var element = document.getElementById('barcode-container');

            html2pdf(element, {
                    margin: [0, 0, 0, 0],
                    padding: 0,
                    filename: 'barcodes.pdf',
                    image: {
                        type: 'element',
                        quality: 1
                    },
                    html2canvas: {
                        dpi: 192,
                        scale: 4,
                        letterRendering: true,
                        useCORS: true
                    },
                    jsPDF: {
                        unit: 'mm',
                        format: [50, 25],
                        orientation: 'l'
                    },
                    pagebreak: {
                        before: '.beforeClass',
                        after: ['#after1', '#after2'],
                        avoid: 'img'
                    }
                }).from('element-to-print').outputPdf().get('pdf')
                .then(function(pdfObj) {
                    pdfObj.autoPrint();

                    window.open(pdfObj.output("bloburl"), "F")
                    //window.location.href = "{{ url('product-stock-maintanance') }}";
                });
        });
    </script>

    <script>
        $(document).ready(function() {
            $(window).keydown(function(event) {
                const key = event.originalEvent.key;
                console.log(event.keyCode);
                if (event.keyCode == 13) {
                    var count = $("#temcode").tagsinput('items').length;
                    $('.barcode_count').html(count + 1);
                }
            });
        });

        $(document).on("click", ".label-info", function() {
            var count = $("#temcode").tagsinput('items').length;
            $('.barcode_count').html(count);
        })
        //Add 
        $(document).on("click", ".sumbtn", function() {

            var err = true;

            var input = $("#assign_date");
            var urlvl = $("#assign_date").val();
            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#nmb").remove();
                $('<div id="nmb" class="text-danger">Assign date is required</div>').insertAfter("#datepicker1");
                $("#assign_date").focus();
                err = false;
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#nmb").remove();
            }

            var input = $("#testerid");
            var urlvl = $("#testerid").val();
            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#ivn").remove();
                $('<div id="ivn" class="text-danger">Tester name is required</div>').insertAfter("#testerid");
                $("#testerid").focus();
                err = false;
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#ivn").remove();
            }

            var input = $("#temcode");
            var urlvl = $("#temcode").val();

            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#ltdt").remove();
                $('<div id="ltdt" class="text-danger">Temporary code is required</div>').insertAfter("#temcode");
                $("#temcode").focus();
                err = false;
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#ltdt").remove();
            }

            if (err == true) {
                $(".sumbtn").attr("disabled", true);
                document.forms["dtad"].submit();
                $("#preloder").fadeIn();
                return true;
            }
        });

        $("#assign_date").on("change", function(event) {
            var input = $("#assign_date");
            var urlvl = $("#assign_date").val();
            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#nmb").remove();
                $('<div id="nmb" class="text-danger">Assign date is required</div>').insertAfter("#assign_date");
                $("#assign_date").focus();
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#nmb").remove();
            }
        });

        $("#testerid").on("change", function(event) {
            var input = $("#testerid");
            var urlvl = $("#testerid").val();
            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#ivn").remove();
                $('<div id="ivn" class="text-danger">Tester name is required</div>').insertAfter("#testerid");
                $("#testerid").focus();
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#ivn").remove();
            }
        });

        $(document).on("click", ".crdbr", function() {

            var err = true;

            var input = $("#nlc");
            var urlvl = $("#nlc").val();
            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#nmb").remove();
                $('<div id="nmb" class="text-danger">NLC is required</div>').insertAfter("#nlc");
                $("#nlc").focus();
                err = false;
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#nmb").remove();
            }

            var input = $("#dp");
            var urlvl = $("#dp").val();
            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#dpv").remove();
                $('<div id="dpv" class="text-danger">DP is required</div>').insertAfter("#dp");
                $("#dp").focus();
                err = false;
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#dpv").remove();
            }

            var input = $("#mop");
            var urlvl = $("#mop").val();
            if (urlvl == '') {
                input.removeClass("valid").addClass("invalid");
                $("#mpo").remove();
                $('<div id="mpo" class="text-danger">MOP is required</div>').insertAfter("#mop");
                $("#mop").focus();
                err = false;
            } else {
                input.removeClass("invalid").addClass("valid");
                $("#mpo").remove();
            }

            if (err == true) {
                var nlc = $("#nlc").val();
                var dp = $("#dp").val();
                var mop = $("#mop").val();
                var lot_no = $("#lot_no").val();
                var barcode = $("#barcode").val();

                var token = $('meta[name="csrf-token"]').attr("content");
                var path = $('meta[name="base_url"]').attr("content") + "/price-update";
                $.ajax({
                    url: path,
                    type: "POST",
                    data: {
                        _token: token,
                        nlc: nlc,
                        dp: dp,
                        mop: mop,
                        lot_no: lot_no,
                        barcode: barcode
                    },
                    success: function(data) {

                        $("#preloder").fadeOut();
                        $(".crdbr").attr("disabled", false);

                        if (data.status == true) {
                            $('#newsalcode').val(data.newsalcode);
                            $('#valdcode').html(data.valdcode);
                            $('.nwlcode').html(data.newsalcode);
                            custom_noty("success", data.msg);
                            $('#testedMobile').modal('show');
                        } else {
                            custom_noty("error", data.msg);
                        }
                    }
                });
            }
        });


        //Remove Record
        $(document).on("click", ".removrd", function() {
            var rid = $(this).data("id");
            $('#delete_id').val(rid);
        });

        function deleterecord() {
            var rid = $('#delete_id').val();
            var pathn = $('meta[name="base_url"]').attr("content") + '/dofy-remove';
            var token = $('meta[name="csrf-token"]').attr("content");

            console.log(rid);

            $.ajax({
                url: pathn,
                type: "POST",
                data: {
                    _token: token,
                    user_id: rid
                },
                success: function(data) {

                    if (data.status == true) {
                        custom_noty("success", data.msg);
                        $(".closebtn").click();
                        $('#dataList').DataTable().ajax.reload();
                    } else {
                        custom_noty("error", data.msg);
                    }
                }
            });

        }
    </script>
@endsection