@extends('admin.layout.master')
@section('title','STORE TRANSFER OUT MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }

    .table th,
    .table td {
        padding: 0px 5px;
        color: black;
    }

    .table th {
        background: #ab3535;
        padding: 5px !important;
        color: white !important;
    }
</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4>STORE TRANSFER OUT</h4>
    </div>
    <div class="card-body">
        <div class="d-flex flex-wrap pb-1" style="border:dashed 1px green">
            <div class="col-md-3 pr-0">
                <form action="{{  Request::url() }}" method="get">
                   
                    <label for="category">Category</label>
                    <div class="input-group">
                      
                        <select id="category" name="category" class="form-control" style="width:85%">
                            <option value="0">Select Category</option>
                            @forelse ($finishedProducts as $item)
                                <option value="{{$item->code}}">{{$item->name_eng}}</option>
                            @empty

                            @endforelse
                        </select>
                        <div class="input-group-append" style="width:15%">
                            <button type="submit" style="height: 28px; margin-left: -2px"
                                class="btn btn-pill btn-sm btn-hover btn-danger">
                                <i class="fa fa-download"></i>
                            </button>
                        </div>

                    </div>
                </form>
            </div>
            <div class="col-md-3 pr-0">
                <label for="finished_product_search">FINISHED PRODUCT</label>
                {{-- <input type="hidden" id="recipe_id" name="recipe_id" value="0"> --}}
                <select id="finished_product_search" style="width: 100%" class="form-control finished_product">
                    <option value="0">select product</option>
                </select>
            </div>

            <div class="col-md-5 pr-0">
                <label for="status">Date</label>
                <div class="input-group">
                    <input type="date" class="form-control bsdatepicker" id="date_from"
                        value="{{Request()->date_from?date('Y-m-d',strtotime(Request()->date_from)):date('Y-m-d')}}">
                    <label class="input-group-text"
                        style="height: 28px; margin-left: -2px; margin-right: -2px">To</label>
                    <input type="date" class="form-control bsdatepicker" id="date_to"
                        value="{{Request()->date_to?date('Y-m-d',strtotime(Request()->date_to)):date('Y-m-d')}}">

                </div>
            </div>
            <div class="col-md-1 pr-0"> <br>
                <button type="button" style="height: 28px; margin-left: -2px" onclick="install_form(2)"
                    class="btn btn-pill btn-sm btn-hover btn-danger">
                    <i class="fa fa-download"></i>
                </button>
            </div>
        </div>
        <fieldset
            style="border: 1px groove #663399 !important;padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 2em 0 !important;-webkit-box-shadow:  0px 0px 0px 0px #000;box-shadow:  0px 0px 0px 0px #000;">
            <legend style="width:inherit;padding:0 10px;border-bottom:none;font-size: 18px">Store-To-Store Transfer
            </legend>
            <form id="form" class="insert_data" method="post" action="{{ route('store_transfer.store') }}" name="form"
                enctype="multipart/form-data">
                @csrf
                <div class="">
                    <div class="row pb-1">
                        <div class="col-3">
                            <label for="finished_product_search">Date</label>
                            <input type="date" class="form-control" name="date" id="date" value="{{date('Y-m-d')}}">
                        </div>
                        <div class="col-3">
                            <label for="cost_center_id">COST CENTER</label>
                            <select name="cost_center_id" id="cost_center_id" class="form-control select_2">
                                <option value="0">{{'ALL'}}</option>
                                @forelse ($cost_centers as $cost_center)
                                <option value="{{$cost_center->id}}">
                                    {{$cost_center->name}}</option>
                                @empty

                                @endforelse
                            </select>
                        </div>

                        <div class="col-3">
                            <label for="note">DESCRIPTION</label>
                            <input type="text" class="form-control" name="note" id="note">

                        </div>
                        <div class="col-3">
                            <label for="store_id">StoreTo</label>
                            <input type="hidden" id="indent_id" name="indent_id" value="0">
                            <select name="store_id" id="store_id" class="form-control">
                                @forelse ($stores->where('parent_id',current_warehouse())->where('id','!=',current_store()) as $store)
                                <option value="{{$store->id}}">
                                    {{$store->name_eng}}</option>
                                @empty
                                @endforelse
                            </select>

                        </div>
                    </div>
</div>
{{-- end --}}
<div class="table-responsive">
    <table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th width="3%">#</th>
                <th width="35%">PRODUCT</th>
                <th width="35%">DESC</th>
                <th width="10%">QTY</th>
                <th width="10%">Avail Qty</th>
                <th width="7%">ACTION</th>
            </tr>
        </thead>
        <tbody id="tbl_body">

            {{-- @forelse ($category_products as $cat)
                        <tr>
                            <td colspan="6" class="text-center">{{$cat->name_eng}}</td>
            </tr> --}}
            @php
            $i=1;
            @endphp
            @forelse ($category_products as $item)
            @if($availQty[$item->id]>0)
                <tr id="tr{{ $i }}">
                    <td>{{ $i }}</td>
                    <td>
                        <div class="d-flex text-center">
                            <div class="input-group">
                                <input type="hidden" name="raw_product_id[]" value="{{$item->id}}">
                                <select class="form-control select_2" style="width: 80%" id="raw_product{{ $i }}" readonly>
                                    <option value="{{$item->id}}">{{$item->name_eng}}</option>{{$item->name_eng}}
                                </select>
                                <div class="input-group-append" style="width: 18%;height: 30px !important">
                                    <span class="input-group-text"
                                        id="unit_name{{$i}}">{{$item->primaryUnit?$item->primaryUnit->name:''}}</span>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <input type="text" name="desc[]" id="desc{{ $i }}" class="form-control">
                    </td>
                    <td>
                        <input type="number" min="0" step=".01" name="quantity[]" id="quantity{{ $i }}" class="form-control"
                            value="{{number_format($availQty[$item->id], 2, '.', '')}}" onkeyup="getSumPre('{{$i}}')">
                    </td>
                    <td>
                        <input type="number" min="0" step=".01" id="avail_quantity{{ $i }}" class="form-control"
                            value="{{number_format($availQty[$item->id], 2, '.', '')}}" readonly>
                    </td>
                    <td text-align="center">
                        <a class="btn btn-hover text-danger dlt" name="remove _row{{ $i }}" id="remove _row{{ $i }}"
                            onclick="removeRow({{$i}})"><i class="fas fa-trash-alt"></i></a>
                    </td>
                </tr>
                @php
                    $i++;
                @endphp
            @endif
            @empty
            @for ($i = 1; $i <= 5; $i++) <tr id="tr{{ $i }}">
                <td>{{ $i }}</td>
                <td>
                    <div class="d-flex text-center">
                        <div class="input-group">
                            <select class="form-control raw_product" style="width: 80%" name="raw_product_id[]"
                                id="raw_product{{ $i }}" onchange="getAvailQTY(this.value,'{{ $i }}')">
                                <option value=" ">-- Select Product --</option>
                            </select>
                            <div class="input-group-append" style="width: 8%;height: 30px !important">
                                <span class="input-group-text" id="unit_name{{$i}}"></span>
                            </div>
                            <div class="input-group-append" style="width: 8%;height: 30px !important">
                                <a class="btn btn-hover text-success p-0 pl-2" id="add{{ $i }}" style="display: none"><i class="fas fa-plus"></i> </a>
                            </div>
                        </div>
                    </div>
                </td>
                <td>
                    <input type="text" name="desc[]" id="desc{{ $i }}" class="form-control">
                </td>
                <td>
                    <input type="number" min="0" step=".01" name="quantity[]" value="0" readonly id="quantity{{ $i }}"
                        class="form-control" onkeyup="getSumPre('{{$i}}')">
                </td>
                <td>
                    <input type="number" min="0" step=".01" disabled id="avail_quantity{{ $i }}" class="form-control"
                        readonly>
                </td>
                <td text-align="center">
                    <a class="btn btn-hover text-danger dlt" name="remove _row{{ $i }}" id="remove _row{{ $i }}"
                        onclick="removeRow({{$i}})"><i class="fas fa-trash-alt"></i></a>
                </td>
                </tr>
                @endfor
                @endforelse
        </tbody>
    </table>
</div>
<div class="row">
    <div class="col-12 text-right mt-2 mt-md-0">
        <button class="btn btn-sm btn-primary btn-pill btn-sina-submit" style="position: fixed;bottom:10%;right:0"
            onclick="addRow()" type="button" name="add_Row" id="add_Row"><i class="fas fa-plus"></i></button>
    </div>
</div>
<div id="div_modal"> <!-- Modal --> </div>
<div class="row pb-0  modal-footer">
    <a type="button" class="btn-sina-close">close</a>
    <input class="btn-sina-submit" type="button" onclick="document.getElementById('form').submit();" id="save" value="save">
</div>
</form>
</fieldset>
</div>
</div>

@include('inventory.indent.previuos_recipe_modal')
@endsection
@section('script')
<script>
    const store_setting = @json(store_info());
</script>
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
<!-- page script -->
<script type="text/javascript">
    var temp = "{{$i}}";
    var indentData = [];
    var color_size_flag = [];
    var productAvailableQty = [];
    $('.select_2').select2();
    $('#cost_center_id').select2();
    $('#store_id').select2();
    $('#category').select2();
    $('.finished_product').select2({
        minimumInputLength: 3,
        // tags: [],
        ajax: {
            url: "/product-live-search",
            dataType: 'json',
            type: "POST",
            quietMillis: 0,
            data: function (term) {
                return {
                    _token: $('meta[name="csrf-token"]').attr("content"),
                    type: 2,
                    //: [0], //(p_ids.length == 0 ? [0] : p_ids),
                    p_ids: (p_ids.length == 0 ? [0] : p_ids),
                    name: term
                };
            },
            processResults: function (data) {
                return {
                    results: $.map(data, function (item) {
                        return {
                            // text: item.name_eng,
                            text: item.name_eng + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : ''),
                            // text: item.name_eng + ' -- ' + item.barcode,
                            id: item.id
                        }
                    })
                };
            }
        }
    });
    initSelect2();

    function initSelect2() {
        transactionProductSearchWarehouseOnly('raw_product', 'transaction');
    }

    function addRow() {
        var str = `<tr id="tr` + temp + `">
                            <td>` + temp +
            `</td>
                            <td>
                                <div class="d-flex text-center">
                                    <div class="input-group">
                                    <select class="form-control raw_product" style="width: 80%" name="raw_product_id[]" id="raw_product` + temp +`" onchange="getAvailQTY(this.value,` + temp + `)">
                                        <option value=" ">-- Select Product --</option>
                                    </select>
                                    <div class="input-group-append" style="width: 8%;height: 30px !important">
                                                <span class="input-group-text" id="unit_name` + temp + `"></span>
                                    </div>
                                    <div class="input-group-append" style="width: 8%;height: 30px !important">
                                        <a class="btn btn-hover text-success p-0 pl-2" id="add` + temp + `" style="display: none"><i class="fas fa-plus"></i> </a>
                                    </div>
                                </div>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="desc[]" id="desc` + temp + `" class="form-control">
                            </td>
                            <td>
                                <input type="number" min="0" step=".01"  name="quantity[]" value="0" readonly
                                    id="quantity` + temp + `" class="form-control">
                            </td>
                            <td>
                                <input type="number" min="0" disabled
                                    id="avail_quantity` + temp + `" onkeyup="calculateTotal(` + temp + `)" 
                                    class="form-control">
                            </td>
                            <td text-align="center">
                                <a class="btn btn-hover text-danger dlt" name="remove _row` + temp + `"
                                    id="remove _row` + temp + `" onclick="removeRow(` + temp + `)"><i class="fas fa-trash-alt"></i></a>
                            </td>
                        </tr>`;

        $('#tbl_body').append(str);
        initSelect2();

        temp++;
    }

    function removeRow(i) {
        $('#tr' + i).remove();
    }

    function getFormatedDate(dateToBeFormated) {
        var now = new Date(dateToBeFormated);
        var day = ("0" + now.getDate()).slice(-2);
        var month = ("0" + (now.getMonth() + 1)).slice(-2);
        var return_date = now.getFullYear() + "-" + (month) + "-" + (day);
        return return_date;
    }

    function selected_recipe(data) {
        var str = '';
        console.log(data);
        $('#name').val(data.name);
        $('#date').val(getFormatedDate(data.valid_till));
        $('#s_qty').val(data.quantity);
        $('#finished_product').each(function () {
            if ($(this).attr('value') == data.product_id) {
                $(this).attr('selected', true);
            }
        });
       
        rawData = data.raw_product;
        if (rawData.length > 0) {
            for (let index = 0; index < rawData.length; index++) {
                str += `<tr id="tr` + index + `">
                    <td>` + (index + 1) +
                    `</td>
                    <td>
                        <div class="d-flex text-center">
                            <div class="input-group">
                                <select class="form-control raw_product" style="width: 90%" name="raw_product_id[]" id="raw_product` + index +
                    `" onchange="getAvailQTY(this.value,` + index + `)">
                                    <option value=` + rawData[index].product_id + `>` + rawData[index].product
                    .name_eng + `</option>
                                </select>
                                <div class="input-group-append" style="width: 8%;height: 30px !important">
                                        <span class="input-group-text" id="unit_name` + index + `"></span>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <input type="text" name="desc[]" id="desc` + index + `" class="form-control" value="` +
                    rawData[index].note + `">
                    </td>
                    <td>
                        <input type="number" min="0" step=".01" name="quantity[]" value="0" readonly
                            id="quantity` + index + `" class="form-control" value="` + rawData[index].quantity + `">
                    </td>
                    <td>
                        <input type="number" min="0" step=".01" disabled
                            id="avail_quantity` + index + `" class="form-control" readonly>
                    </td>
                    
                    <td text-align="center">
                        <a class="btn btn-hover text-danger dlt" name="remove _row` + index + `"
                            id="remove _row` + index + `" onclick="removeRow(` + index + `)"><i class="fas fa-trash-alt"></i></a>
                    </td>
                </tr>`;
            }

        }
        $('#tbl_body').html(str);
        $("#previous_recipe_model").modal("hide");
        initSelect2();
    }

    function getAvailQTY(pro_id, i) {
        var store_table_type = $('#store_table_type').val();
        $.each(pub_product, function (index, pro) {
            if (pro.id == pro_id) {
                $('#unit_name' + i).text(pro.primary_unit.name);
            }
        });
        $.ajax({
            url: '/purchase/invoice-transaction/avail-qty/' + pro_id + '/' + store_table_type,
            method: "get",
            dataType: 'JSON',
            data: {},
            success: function (data) {
                $('#color_size_modal' + i).remove();
                color_size_flag[i] = 0;
                var t = data;
                $('#avail_quantity' + i).val(parseFloat(data['qty']).toFixed(2));
                $('#quantity' + i).attr('max', parseFloat(data['qty']).toFixed(2)).attr('readonly', false);
                // ***code added for sl
                if (data.data.serialized_product == 1 || data.data.color_id > 0 || data.data.size_id > 0) {
                    $('#add' + i).attr('onClick', 'generateColorSizeField("' + data.data.id + '","' + i + '", "2")');
                    $('#add' + i).show();   
                    // const callback = () => {
                    //     if (searchedItemById(pro_id).serial_cart != null) {
                    //         selectSerial(searchedItemById(pro_id).serial_cart.serial_no, i);
                    //     }
                    //     $('#color_size_modal'+i).modal('show');
                    // }
                    generateColorSizeField(data.data.id,i, 2);
                    // ***code added for sl//
                    $('#quantity' + i).attr("readonly", true);
                    
                } else {
                    $('#quantity' + i).attr("readonly", false);
                    $('#quantity' + i).val(0);
                    $('#add' + i).hide();
                }
                // ***code added for sl//
            },
            error: function (data) {
                alert('Something Went Wrong.!');
                console.log(data);
            }
        });
        getSumPre(i);
        pro_ids('raw_product');
    }
    // ***code added for sl
    const generateColorSizeField = (product_id, i, type = 1, callback) => {
        const backcall = data => {
            let str = `<div class="modal fade bd-example-modal-lg cs-modal" id="color_size_modal${i}" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"  data-keyboard="false" data-backdrop="static">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="modal-header">
                                <h5 class="modal-title" id="modalLabel"></h5>
                                <button type="button" onclick="getSum(${i})" id="btn_close${i}" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="col-md-12"> <input type="hidden" id="i" value="${i}">
                                <div class="card-body pt-2" id="serial_form${i}">${ String(data) }</div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" onclick="getSum(${i})" id="btn_submit${i}" class="btn btn-primary" data-dismiss="modal">Done</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>`;

            $('#color_size_modal'+i).remove();
            $('#div_modal').append(str);
            if (typeof callback == 'undefined')
                $('#color_size_modal'+i).modal('show');
            $('#color_size_modal'+i).on('shown.bs.modal', function () {
                $('#search_'+i).focus();
            });
            $('#loader').hide();
            color_size_flag[i] = 1;
            if (typeof callback != 'undefined') {
                callback();       
            }
        }
        if (color_size_flag[i] != 1) {
            let data = {
                product_id: product_id,
                index: i,
                type: type,
                tran_type: 10,
            };
            ajaxCall('/store-serial-cart/create-textbox', 'GET', data, backcall);
        } else {
            $('#color_size_modal'+i).modal('show');
            $('#search_'+i).focus();
        }

    }
    const selectSerial = (val, i) => {
        $('#'+i+'_'+val).attr('checked', 'checked').trigger('change');
        $('#search_' + i).val('').focus();
    }
    function countSerialQty(cls_id) { 
        var cnt = 0;
        $('.serial'+cls_id).each(function() {
            if ($(this).is(':checked')) {
                cnt++;
            }
        })
        $('#quantity'+cls_id).val(cnt);
    }
    // ***code added for sl***//
    function getSum(i) {
         // ***code added for sl***//
        var sl_sum = 0;
        $('.addQty' + i).each(function() {
            sl_sum += parseFloat((this.value == "" ? 0 : this.value));
        });
        $('#quantity' + i).val(sl_sum);
         // ***code added for sl***//
        var sum = 0;
        var stock = parseFloat($('#avail_quantity' + i).val());
        var sum = parseFloat($('#quantity' + i).val());


        if (stock < sum) {
            $('#save').attr('disabled', true);
        } else {
            $('#save').attr('disabled', false);
        }
    }
    function getSumPre(i) {
        var sum = 0;
        var stock = parseFloat($('#avail_quantity' + i).val());
        var sum = parseFloat($('#quantity' + i).val());


        if (stock < sum) {
            $('#save').attr('disabled', true);
        } else {
            $('#save').attr('disabled', false);
        }
    }

    function install_form(type) {
        $('#previous_recipe_model_table').dataTable().fnDestroy();
        $('#load_tbody_previous_recipe_model').empty();
        var returnData;
        var product_id = $('#finished_product_search').val();
        var start = $('#date_from').val();
        var end = $('#date_to').val();
        //alert(start+'||'+end)
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "GET",
            url: "{{route('recipe.recipe_search')}}",
            data: {
                start: start,
                end: end,
                product_id: product_id,
                type: 3,
                status: 2,
            },
            success: function (data) {
                console.log(data);
                if (data.length > 0) {
                    for (let index = 0; index < data.length; index++) {
                        indentData[index] = data[index];
                        returnData += `<tr onclick="setDataForIndent(` + index + `,` + type + `)" role="row" class="odd">
                            <td class="sorting_1">` + (index + 1) + `</td>
                            <td class="tr_td_group_code-205">` + data[index].indent_no + `</td>
                            <td class="tr_td_group_code-205">` + (data[index].made_by ? data[index].made_by.name :
                            '') + `</td>
                            <td class="tr_td_group_code-205">` + (data[index].made_store ? data[index].made_store
                                .name_eng : '') + `</td>
                            <td class="tr_td_title-205"><b>` + (data[index].product ? data[index].product.name_eng :
                                'N/A') + `</b></td>
                            <td class="tr_td_code-205"><b>` + (type == 1 ? data[index].quantity : data[index]
                                .indent_qty) + `</b></td>
                        </tr>`;
                    }
                }

                $('#modal_title').text(type == 1 ? 'Recipe Details' : 'Indent Details');
                $('#th_title').text(type == 1 ? 'NAME' : 'Indent No');
                $('#load_tbody_previous_recipe_model').html(returnData);
                $("#previous_recipe_model").modal("show");
                $('#previous_recipe_model_table').DataTable({
                    "destroy": true,
                });
            },
            error: function (response) {
                // $('#load_tbody_previous_recipe_model').empty();
                console.log(response);
            },
        });
    }

    function setDataForIndent(ind, type) {
        //alert(type);
        var str = '';
        //console.log(indentData[ind]);
        data = indentData[ind];
        // $('#recipe_id').val(data.id);
        $('#indent_id').val(data.id);
        $('#store_id').val(data.warehouse_id).trigger('change');
        $('#cost_center_id').val(data.cost_center_id).trigger('change');
        if (type == 2) {
            $('#b_qty').val(data.indent_qty);
            $('#s_qty').val(data.total_quantity / data.indent_qty);
        } else {
            $('#b_qty').val(1);
            $('#s_qty').val(data.quantity);
        }
        $('#edit_role_id').val(data.roles).trigger('change');
        //$('#s_qty').val(data.quantity);
        //    $('#finished_product').html(`<option value=`+data.product_id+`>`+data.product.name_eng+`</option>`);
        rawData = data.raw_product;
        if (rawData.length > 0) {
            for (let index = 0; index < rawData.length; index++) {
                productAvailableQty[index] = [rawData[index].product_id];
                console.log(rawData[index].quantity);
                str += `<tr id="tr` + index + `">
                        <td>` + (index + 1) +
                    `</td>

                        <td>
                            <div class="d-flex text-center">
                                <div class="input-group">
                                <select class="form-control raw_product" style="width: 90%" name="raw_product_id[]" id="raw_product` + index +
                    `" onchange="getAvailQTY(this.value,` + index + `)">
                                    <option value=` + rawData[index].product_id + `>` + rawData[index].product
                    .name_eng + `</option>
                                </select>
                                <div class="input-group-append" style="width: 8%;height: 30px !important">
                                            <span class="input-group-text" id="unit_name` + index + `">` + (rawData[
                        index].product.primary_unit?rawData[
                        index].product.primary_unit.name:"") + `</span>
                                </div>
                            </div>
                            </div>
                        </td>
                        <td>
                            <input type="text" name="desc[]" id="desc` + index + `" class="form-control" value="` +
                    rawData[index].note + `">
                        </td>
                        <td>
                            <input type="number" min="0" step=".01"  name="quantity[]" id="quantity` + index +
                    `" class="form-control"  value="` + rawData[index].quantity + `">
                        </td>
                        <td>
                            <input type="number" step=".01" id="avail_quantity` + index + `" class="form-control" readonly>
                        </td>
                        <td text-align="center">
                            <a class="btn btn-hover text-danger dlt" name="remove _row` + index + `"
                                id="remove _row` + index + `" onclick="removeRow(` + index + `)"><i class="fas fa-trash-alt"></i></a>
                        </td>
                    </tr>`;
                // index=(index+2);
                // <td>
                //         <div class="d-flex text-center">
                //             <div class="input-group">
                //                 <select class="form-control raw_product" style="width: 90%" name="raw_product_id[]" id="raw_product`+index+`">
                //                     <option value=`+rawData[index].product_id+`>`+rawData[index].product.name_eng+`</option>
                //                 </select>
                //                 <div class="input-group-append" style="width: 7%;height: 30px !important">
                //                                 <span class="input-group-text" id="unit_name`+index+`">`+rawData[index].product.primary_unit.name+`</span>
                //                 </div>
                //             </div>
                //             <input type="hidden" name="raw_product_table_id[]" value="`+rawData[index].id+`">
                //         </div>
                //     </td>
                //     <td>
                //         <input type="text" name="desc[]" id="desc`+index+`" class="form-control" value="`+rawData[index].note+`">
                //     </td>
                //     <td>
                //         <input type="number" step=".01" min="0"  name="quantity[]" id="quantity`+index+`" class="form-control" value="`+rawData[index].quantity+`">
                //             <input type="hidden" min="0" id="hidden_quantity-`+index+`" class="form-control hidden_quantity" value="`+(type==2?(rawData[index].quantity/data.indent_qty):rawData[index].quantity)+`">
                //     </td>
                //     <td text-align="center">
                //         <a class="btn btn-hover text-danger dlt" name="remove _row`+index+`" id="remove _row`+index+`" onclick="removeRow(`+index+`)"><i class="fas fa-trash-alt"></i></a>
                //     </td>
            }

        }

        $('#tbl_body').html(str);
        initSelect2();
        var store_table_type = $('#store_table_type').val();
        for (let p = 0; p < productAvailableQty.length; p++) {
            //getAvailQTY(productAvailableQty[p],p);
            var pro_id = productAvailableQty[p];
            $.ajax({
                url: '/purchase/invoice-transaction/avail-qty/' + pro_id + '/' + store_table_type,
                method: "get",
                dataType: 'JSON',
                data: {},
                success: function (data) {
                    var t = data;
                    $('#avail_quantity' + p).val(parseFloat(data['qty']).toFixed(2));
                    $('#quantity' + p).attr('max', parseFloat(data['qty']).toFixed(2));
                },
                error: function (data) {
                    alert('Something Went Wrong.!');
                    console.log(data);
                }
            });
            getSumPre(p);
            pro_ids('raw_product');
        }
        $("#previous_recipe_model").modal("hide");
    }
</script>
@stop