@extends("layouts.admin.app")

@section("page-title")
{{__("Dashboard")}}
@endSection

@section("page-nav-title")
<div class="app-title" style="padding: 11px">
    <div>
        <h1><i class="fa fa-dashboard"></i>{{__("sales-orders")}}</h1>
        <p>{{__("sales-order-processing")}}</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
        <li class="breadcrumb-item"><a href="{{route("admin.sales-orders.index")}}">{{__("sales-orders")}}</a>
        </li>
        <li class="breadcrumb-item"><a href="#">{{__("analysis")}}</a></li>
    </ul>
</div>
@endsection

@section("content")
<div class="row">
    <div class="col-md-12">
        <div class="tile" style="padding: 5px 5px 5px 5px">
            <div class="tile-body">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom: 1px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;" class="col-form-label"><b>{{__("number")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control" style="padding: 3px;font-size: 13px" type="text" name="number" id="number" value="{{$voucher['number']}}" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom: 1px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 30%;" class="col-form-label"><b>{{__("date")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control" style="@if(app()->getLocale() == 'ar') text-align: right @endif; padding: 3px; font-size: 13px" type="text" name="date" value="{{$voucher['date']}}" id="date" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom: 2px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;" class="col-form-label"><b>{{__("classification")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control" style="padding: 3px;font-size: 13px" type="text" value="{{$voucher['classification']}}" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom: 2px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 30%;" class="col-form-label"><b>{{__("client-name")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control" style="padding: 3px;font-size: 13px" type="text" value="{{$voucher['client']}}" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom: 2px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;" class="col-form-label"><b>{{__("representative-name")}}</b></label>
                            <div class="col-sm-8" id="representativeDiv">
                                <input class="form-control" style="padding: 3px;font-size: 13px" type="text" value="{{$voucher['representative']}}" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom: 2px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 30%;" class="col-form-label"><b>{{__("purchase-order-number")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control" style="padding: 3px;font-size: 13px" type="text" value="{{$voucher['purchase_order_number']}}" name="purchaseOrderNumber" id="purchaseOrderNumber" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom: 2px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;" class="col-form-label"><b>{{__("store")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control" style="padding: 3px;font-size: 13px" type="text" value="{{$voucher['store']}}" readonly>
                            </div>
                        </div>
                    </div>
                    @if(count($voucher->files) > 0)
                    <div class="col-lg-6">
                        <div class="form-group row" style="margin-bottom:2px">
                            <label style="font-size: 13px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 30%;" class="col-form-label"><b>{{__("uploaded-documents")}}</b></label>
                            <div class="col-sm-8">
                                <div class="form-group row">
                                    <div class="col-sm-8">
                                                                                <div style="border: black solid 1px; padding-top: 2px ;@if($number_of_files == 0) display: none  @endif" class="pdf-files">
                                            @if($number_of_files > 0)
                                                                                        @foreach($voucher->files as $file)
                                            <div class="file">
                                                <span class="file-number" style="font-size: 12px; margin-left: 5px">{{$file_number++}}</span>
                                                - <a target="_blank" href="{{ asset($file->path.'/'.$file->file_name)}}"><span style="font-size: 12px; padding: 5px" class="field-view">{{$file->file_name}}</span></a>
                                            </div>
                                            @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="tile">
                            @if($analysisFlag == 1)
                            <div class="form-group" style="float: right">
                                <div class="checkbox-correct size-1 check-box">
                                    <input type="checkbox" id="cancelBookings">
                                </div>
                                <label class="control-label">{{__("cancel-all-booked-quantity")}}</label>
                            </div>
                            @endif
                            <div class="tile-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-bordered text-center" style="width: 100%">
                                        <thead style="font-size: 12px">
                                            <tr>
                                                <th style="width: 1%; vertical-align: middle">#</th>
                                                <th style="width: 3%; vertical-align: middle">{{__("Item Image")}}</th>
                                                <th style="width: 6%; vertical-align: middle">{{__("item")}}</th>
                                                <th style="width: 3%; vertical-align: middle">{{__("quantity")}}</th>
                                                <th style="width: 3%; vertical-align: middle">{{__("vouchered-quantity")}}</th>
                                                <th style="width: 3%; vertical-align: middle">{{__("quantity-in-stock")}}</th>
                                                <th style="width: 3%; vertical-align: middle">{{__("reserved-quantity")}}</th>
                                                <th style="width: 1%; vertical-align: middle">{{__("book-quantity")}}</th>
                                                <th style="width: 1%; vertical-align: middle">{{__("production-quantity")}}</th>
                                                <th style="width: 3%;  vertical-align: middle">{{__("production-line")}}</th>
                                                <th style="width: 5%; vertical-align: middle">{{__('notes')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody id="data" style="font-size: 12px">
                                                                                        @foreach($items as $item)
                                            <tr>
                                                <td>{{++$serial_number}}</td>
                                                <td>
                                                    @if(!is_null($item->item->getFirstMediaFile("Items")))
                                                     <img height="30" width="30" src="{{$item->item->getFirstMediaFile("Items")->url}}" />
                                                    @endif
                                                </td>
                                                <input type="hidden" id="id{{$serial_number}}" value="{{$item->id}}">
                                                <td>{{$item->item_name}} <input type="hidden" id="item{{$serial_number}}" value="{{$item->item_id}}">
                                                    <input type="hidden" id="itemName{{$serial_number}}" value="{{$item->item_name}}">
                                                </td>
                                                <td>
                                                    <div class="row">
                                                        <div class="col-lg-10" style="padding: 0 5px 0 10px; margin: 0">
                                                            <input class="form-control" type="number" value="{{$item->quantity}}" id="qty{{$serial_number}}" style="font-size: 12px; height: 30px" readonly>
                                                        </div>
                                                        @if($item->count > 1)
                                                        <i class="fas fa-info-circle" style="cursor: pointer; margin-top: 10px; color: orange" onclick="showDetails(this, {{$item->items_details}}, {{$item->quantity}})" data-item-name="{{$item->item_name}}"></i>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="row">
                                                        <div class="col-lg-10" style="padding: 0 5px 0 10px; margin: 0">
                                                            <input class="form-control" type="number" value="{{$item->vouchered_quantity}}" id="voucheredQty{{$serial_number}}" style="font-size: 12px; height: 30px" readonly>
                                                        </div>
                                                    </div>
                                                </td>
                                                @if($item->count > 1)
                                                <!-- Details Modal -->
                                                <div class="modal fade" id="detailsModal" tabindex="-1" role="dialog" aria-labelledby="detailsModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-dialog-centered">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">{{__('details')}}</h5>
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                    <span aria-hidden="true">&times;</span>
                                                                </button>
                                                            </div>
                                                            <p id="subItem" style="font-weight: bold;margin: 10px 0 0 20px; padding: 0"></p>
                                                            <p id="subQty" style="font-weight: bold; margin: 10px 0 0 20px; padding: 0"></p>
                                                            <div class="modal-body">
                                                                <div id="appendedData">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                <td><input class="form-control" type="number" value="{{$item->available_quantity_in_stock}}" id="availableQty{{$serial_number}}" style="font-size: 12px; height: 30px" readonly></td>
                                                <td><input class="form-control" type="number" value="{{$item->reserved_quantity_in_stock}}" id="reservedQty{{$serial_number}}" style="font-size: 12px; height: 30px" readonly></td>
                                                    <td>
                                                        <input class="form-control" type="number" onfocusout="checkBookedQty({{$serial_number}})"
                                                               id="bookQty{{$serial_number}}"
                                                               style="font-size: 12px; height: 30px" @if($item->booked_quantity == 0 && $item->produced_quantity == 0) value="{{$item->qty_to_book}}"  @else value="{{$item->booked_quantity}}" @endif @if($item->quantity == $item->vouchered_quantity) disabled @endif>
                                                        <div id="bookQtyMsg{{$serial_number}}" class="emsg" style="color: red; display: none"></div>
                                                    </td>
                                                    <td>
                                                        <input class="form-control" type="number" onfocusout="checkProducedQty({{$serial_number}})"
                                                               id="producedQty{{$serial_number}}"
                                                               style="font-size: 12px;height: 30px" @if($item->booked_quantity == 0 && $item->produced_quantity == 0) value="{{$item->qty_to_produce}}" @else value="{{$item->produced_quantity}}" @endif @if($item->quantity == $item->vouchered_quantity) disabled @endif>
                                                        <div id="producedQtyMsg{{$serial_number}}" class="emsg" style="color: red; display: none"></div>
                                                    </td>
                                                <td>
                                                    <select class="form-control" id="productionLine{{$serial_number}}" @if($item->quantity == $item->vouchered_quantity) disabled @endif>
                                                        <option></option>
                                                        @foreach($productionLines as $productionLine)
                                                        <option value="{{$productionLine->id}}" @if($item->production_line_id == $productionLine->id) selected @endif>{{$productionLine->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td style=" margin: 0">
                                                    <input class="form-control" type="text" style="font-size: 12px;height: 30px" id="notes{{$serial_number}}" @if($item->quantity == $item->vouchered_quantity) readonly @endif>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @if($analysisFlag == 1)
                <div class="row">
                    <div class="col-md-12">
{{--                    @if($hasItemWithAnalysis)--}}
                        <div class="form-group" style="text-align: center">
                            <button class="btn btn-primary" id="btn" type="button" style="padding: 4px; margin: 0 10px 0 10px" onclick="submitForm('save')"><i class="fa fa-fw fa-lg fa-check-circle" style="font-size: 14px"></i><i class="loading-icon fa-lg fas fa-spinner fa-spin saveHide" style="display: none"></i><span id="textSpan" style="font-size: 14px">{{__("save")}}</span>
                            </button>
                            <button class="btn btn-primary" id="saveAndCreateVouchersBtn" onclick="submitForm('saveAndCreateVouchers')" type="button" style="padding: 4px; margin: 0 10px 0 10px"><i class="fa fa-fw fa-lg fa-check-circle" style="font-size: 14px"></i><i class="loading-icon fa-lg fas fa-spinner fa-spin hide" style="display: none"></i><span id="saveAndCreateVouchersTextSpan" style="font-size: 14px">{{__("save-and-create-vouchers")}}</span>
                            </button>
                        </div>
{{--                    @endif--}}
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
        let noOfRows = $('.table tbody tr').length;
        for (var i = 1; i <= noOfRows; i++) {
            $("#productionLine"+i).select2({
                placeholder: "{{__('select-production-line')}}",
                width: "100%",
            });
        }

        function showDetails(select, items, qty) {
            let item_name = $(select).attr('data-item-name');
            $('#appendedData').empty();
            $.each(items, function (index, value) {
                $('#appendedData').append(`
                <div class="row">
                    <div class="col-lg-8">
                        <div class="form-group row" style="margin-bottom: 1px">
                            <label
                                style="font-size: 12px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 27%;"
                                class="col-form-label"><b>{{__("main-item")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control" style="padding: 3px;font-size: 12px"type="text"name="number" id="number"value="` + value.main_item + `" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group row" style="margin-bottom: 1px">
                            <label
                                style="font-size: 12px; @if(app()->getLocale() == 'ar') padding-right: 20px; @else padding-left: 20px; @endif width: 30%;"
                                class="col-form-label"><b>{{__("quantity")}}</b></label>
                            <div class="col-sm-8">
                                <input class="form-control"style="@if(app()->getLocale() == 'ar') text-align: right @endif; padding: 3px; font-size: 12px"type="text" name="date" value="` + value.quantity + `" id="date" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                `);
                $("#subItem").html("Sub Item : " + item_name);
                $("#subQty").html("Qty : " + qty);
            });
            $("#detailsModal").modal('show');
        }

        $('#cancelBookings').change(function () {
            if ($(this).is(':checked')) {
                swal({
                    title: '{{__("cancel-all-bookings")}}',
                    text: '{{__("are-you-sure-you-want-to-cancel-all-bookings?")}}',
                    icon: "warning",
                    buttons: ['{{__("no")}}', '{{__("yes")}}'],
                    dangerMode: true,
                }).then((willCancel) => {
                    if (willCancel) {
                        for (var i = 1; i <= noOfRows; i++) {
                            let qty = $("#qty" + i).val()
                            $("#producedQty" + i).val(qty)
                            $("#bookQty" + i).val(0);
                        }
                    }
                });
            } else {
                window.location.reload();
            }
        });

        function checkBookedQty(rowNo) {
            let stockQty = $("#availableQty" + rowNo).val();
            let reservedQty = $("#reservedQty" + rowNo).val();
            let error = document.getElementById("bookQtyMsg" + rowNo);
            let bookedQty = parseFloat($("#bookQty" + rowNo).val());
            let producedQty = parseFloat($("#producedQty" + rowNo).val());
            let totalQty = parseFloat($("#qty" + rowNo).val());
            if ((bookedQty + producedQty) > totalQty) {
                $("#bookQtyMsg" + rowNo).css({ 'display': '' });
                error.innerHTML = '{{__("qty-error-msg")}}';
                $("#bookQty" + rowNo).val("");
            } else if (bookedQty > (stockQty - reservedQty)) {
                $("#bookQtyMsg" + rowNo).css({ 'display': '' });
                error.innerHTML = '{{__("booked-stock-qty-error-msg")}}';
                $("#bookQty" + rowNo).val("");
            } else {
                error.innerHTML = "";
                $("#bookQtyMsg" + rowNo).css({ 'display': 'none' });
            }
        }

        function checkProducedQty(rowNo) {
            let error = document.getElementById("producedQtyMsg" + rowNo);
            let producedQty = parseFloat($("#producedQty" + rowNo).val());
            let bookedQty = parseFloat($("#bookQty" + rowNo).val());
            let totalQty = parseFloat($("#qty" + rowNo).val());
            if ((producedQty + bookedQty) > totalQty) {
                $("#producedQtyMsg" + rowNo).css({ 'display': '' });
                error.innerHTML = '{{__("qty-error-msg")}}';
                $("#producedQty" + rowNo).val("");
            } else {
                error.innerHTML = "";
                $("#producedQtyMsg" + rowNo).css({ 'display': 'none' });
            }
        }

        function submitForm(type) {
            var baseUrl = window.location.origin;
            var completed = 1;
            if (type === "saveAndCreateVouchers") {
                var producedDataArray = [];
                var bookedDataArray = [];
                var dataArr = [];
                for (var i = 1; i <= noOfRows; i++) {
                    if ($("#bookQty" + i).val() === "")
                        $("#bookQty" + i).val(0);
                    if ($("#producedQty" + i).val() === "")
                        $("#producedQty" + i).val(0);
                    if ((parseFloat($("#qty" + i).val()) != parseFloat($("#voucheredQty" + i).val())) && (parseFloat($("#bookQty" + i).val()) + parseFloat($("#producedQty" + i).val()) !== (parseFloat($("#qty" + i).val()) - parseFloat($("#voucheredQty" + i).val())))) {
                        completed = 0;
                        swal({
                            icon: 'error',
                            title: "{{__('error')}}",
                            text: "{{__('cover-qty-msg')}}" + $("#itemName" + i).val()
                        });
                        break;
                    }
                    if(parseFloat($("#producedQty" + i).val()) > 0 && $("#productionLine" + i).val() === ""){
                        completed = 0;
                        swal({
                            icon: 'error',
                            title: "{{__('error')}}",
                            text: "{{__('select-production-line-msg')}}" + $("#itemName" + i).val()
                        });
                        break;
                    }
                    if ($("#producedQty" + i).val() > 0 && (parseFloat($("#qty" + i).val()) != parseFloat($("#voucheredQty" + i).val()))) {
                        const dataObj = {
                            item_id: $("#item" + i).val(),
                            quantity: $("#producedQty" + i).val(),
                            production_line_id: $("#productionLine" + i).val(),
                            notes: $("#notes" + i).val(),
                        };
                        producedDataArray.push(dataObj);
                    }
                }
                if(completed === 1){
                for (var j = 1; j <= noOfRows; j++) {
                    if ($("#bookQty" + j).val() > 0 && (parseFloat($("#qty" + i).val()) != parseFloat($("#voucheredQty" + i).val()))) {
                        const dataObj = {
                            item_id: $("#item" + j).val(),
                            quantity: $("#bookQty" + j).val(),
                            notes: $("#notes" + j).val(),
                        };
                        bookedDataArray.push(dataObj);
                    }

                    if (parseFloat($("#qty" + j).val()) != parseFloat($("#voucheredQty" + j).val())) {
                        const dataObject = {
                            id: $("#id" + j).val(),
                            item_id: $("#item" + j).val(),
                            quantity: $("#qty" + j).val(),
                            booked_quantity: $("#bookQty" + j).val(),
                            produced_quantity: $("#producedQty" + j).val(),
                            production_line_id: $("#productionLine" + j).val(),
                            notes: $("#notes" + j).val(),
                        };
                        dataArr.push(dataObject);
                    }
                  /*  }else{
                        const dataObject = {
                            item_id: $("#item" + j).val(),
                            quantity: $("#qty" + j).val(),
                            booked_quantity: $("#bookQty" + j).val(),
                            produced_quantity: $("#producedQty" + j).val(),
                            production_line_id: $("#productionLine" + j).val(),
                            notes: $("#notes" + j).val(),
                        };
                        dataArr.push(dataObject);
                    }*/
                }
            }
                if ((producedDataArray.length > 0 || bookedDataArray.length > 0) && completed === 1) {
                    $(".hide").css({'display': ''});
                    $(".fa-check-circle")[1].style.display = "none";
                    $("#saveAndCreateVouchersBtn").attr("disabled", true);
                    $("#btn").attr("disabled", true);
                    $("#saveAndCreateVouchersTextSpan").html("{{__("saving")}}");

                    var formData = new FormData();
                    formData.append("sales_order_id", {{$voucher['id']}});
                    formData.append("is_manual", 0);
                    formData.append("itemsQty", JSON.stringify(dataArr));
                    if (producedDataArray.length > 0)
                        formData.append("producedItems", JSON.stringify(producedDataArray));
                    if (bookedDataArray.length > 0)
                        formData.append("bookedItems", JSON.stringify(bookedDataArray));

                    $.ajax({
                        type: "post",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: baseUrl + "/en/ajax/production-orders/analysis",
                        dataType: 'json',
                        contentType: false,
                        processData: false,
                        data: formData,
                        success: function (response) {
                            if (response["status"] === 200) {
                                swal({
                                    title: "Added Successfully",
                                    text: response["message"],
                                    icon: "success",
                                }).then(function () {
                                    window.location.href = '{{route("admin.sales-orders.index")}}';
                                })
                            } else if (response["status"] === 201) {
                                swal({
                                    icon: 'error',
                                    title: "{{__('error')}}",
                                    text: response["message"]
                                })
                            }
                        },
                        error: function (response) {
                        }
                    });
                }
            } else {
                var dataArray = [];
                    for (var i = 1; i <= noOfRows; i++) {
                        if($("#bookQty" + i).val() === "")
                            $("#bookQty" + i).val(0);
                        if($("#producedQty" + i).val() === "")
                            $("#producedQty" + i).val(0);
                        if ((parseFloat($("#qty" + i).val()) != parseFloat($("#voucheredQty" + i).val())) && (parseFloat($("#bookQty" + i).val()) + parseFloat($("#producedQty" + i).val()) !== (parseFloat($("#qty" + i).val()) - parseFloat($("#voucheredQty" + i).val())))) {
                            completed = 0;
                            swal({
                                icon: 'error',
                                title: '{{__('error')}}',
                                text: '{{__('cover-qty-msg')}}' + $("#itemName" + i).val()
                            });
                            break;
                        }
                        if(parseFloat($("#qty" + i).val()) != parseFloat($("#voucheredQty" + i).val())) {
                            const dataObj = {
                                id: $("#id" + i).val(),
                                item_id: $("#item" + i).val(),
                                quantity: $("#qty" + i).val(),
                                booked_quantity: $("#bookQty" + i).val(),
                                produced_quantity: $("#producedQty" + i).val(),
                                production_line_id: $("#productionLine" + i).val(),
                                notes: $("#notes" + i).val(),
                            };
                            dataArray.push(dataObj);
                        }
                    }
            /*    } else {
                    for (var i = 1; i <= noOfRows; i++) {
                        if($("#bookQty" + i).val() === "")
                            $("#bookQty" + i).val(0);
                        if($("#producedQty" + i).val() === "")
                            $("#producedQty" + i).val(0);
                        if (parseFloat($("#bookQty" + i).val()) + parseFloat($("#producedQty" + i).val()) !== parseFloat($("#qty" + i).val())) {
                            completed = 0;
                            swal({
                                icon: 'error',
                                title: '{{__('error')}}',
                                text: '{{__('cover-qty-msg')}}' + $("#itemName" + i).val()
                            });
                            break;
                        }
                        if(parseFloat($("#producedQty" + i).val()) > 0 && $("#productionLine" + i).val() == ""){
                            completed = 0;
                            swal({
                                icon: 'error',
                                title: '{{__('error')}}',
                                text: '{{__('select-production-line-msg')}}' + $("#itemName" + i).val()
                            });
                            break;
                        }
                        const dataObj = {
                            item_id: $("#item" + i).val(),
                            quantity: $("#qty" + i).val(),
                            booked_quantity: $("#bookQty" + i).val(),
                            produced_quantity: $("#producedQty" + i).val(),
                            production_line_id: $("#productionLine" + i).val(),
                            notes: $("#notes" + i).val(),
                        };
                        dataArray.push(dataObj);
                    }
                }*/
                if(completed == 1){
                $(".saveHide").css({'display': ''});
                $(".fa-check-circle")[0].style.display = "none";
                $("#btn").attr("disabled", true);
                $("#saveAndCreateVouchersBtn").attr("disabled", true);
                $("#textSpan").html("{{__("saving")}}");
                var formData = new FormData();
                formData.append("voucher_id", {{$voucher['id']}});
                formData.append("items", JSON.stringify(dataArray));
                $.ajax({
                    type: "post",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: baseUrl + "/en/ajax/sales-orders/add-analysis-quantity",
                    dataType: 'json',
                    contentType: false,
                    processData: false,
                    data: formData,
                    success: function (response) {
                        if (response["status"] === 200) {
                            swal({
                                title: "Added Successfully",
                                text: response["message"],
                                icon: "success",
                            }).then(function () {
                                window.location.href = '{{route("admin.sales-orders.index")}}';
                            })
                        } else if (response["status"] === 201) {
                            swal({
                                icon: 'error',
                                title: '{{__('error')}}',
                                text: response["message"]
                            })
                        }
                    }
                });
            }
            }
        }
    </script>
@endsection