@extends('admin.layout.master')
@section('title','INDENT MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 28px !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>Indent</h4>
    </div>
    <div class="card-body">

        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />

                <div class="row pb-1" style="border:dashed 1px green">
                    <div class="col-4">
                        <label for="finished_product_search">FINISHED PRODUCT</label>
                        <input type="hidden" id="recipe_id" name="recipe_id" value="0">
                        <select id="finished_product_search" class="form-control finished_product">
                            <option value="0">select product</option>
                        </select>
                    </div>
                    <div class="col-2 ">

                    </div>
                    <div class="col-6 ">
                        <label for="status">Date</label>
                        <div class="input-group-append">
                            <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')}}">

                            <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">Install</i>
                            </button>
                        </div>
                    </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">Indent To Store</legend>
        <form id="form" method="post" action="{{ route('indent.store') }}" name="form" enctype="multipart/form-data">
                @csrf
            <div class="">
                <div class="row pb-3">
                    <div class="col-4">
                        <label for="finished_product">FINISHED PRODUCT</label>
                        <input type="hidden" id="recipe_id" name="recipe_id" value="0">
                        <select name="finished_product" id="finished_product" class="form-control finished_product">
                            <option value="0">select product</option>
                        </select>
                    </div>
                    <div class="col-2">
                        <label for="b_qty">Batch Qty</label>
                        <input type="text" class="form-control" name="b_qty" min="1" id="b_qty" value="1" onkeyup="setQtyToRawProduct()">
                        <input type="hidden" class="form-control" name="s_qty" id="s_qty" value="0">
                    </div>
                    <div class="col-2">
                        <label for="cost_center">COST CENTER</label>
                        <select id="cost_center" name="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-2">
                        <label for="note">DESCRIPTION</label>
                        <input type="text" class="form-control" name="note" id="note">
                    </div>
                    @if($type==0)
                    <div class="col-2">
                        <label for="store_id">Store</label>
                        <select name="store_id" id="store_id" class="form-control store_id">
                            @foreach ($stores->where('parent_id',current_warehouse())->where('id','!=',current_store()) as $store)
                                <option value="{{$store->id}}">{{$store->name_eng}}</option>
                            @endforeach
                        </select>
                    </div>
                    @else
                        <input type="hidden" name="store_id" value="{{current_store()}}">
                        @endif
                        <input type="hidden" name="order_ids" value="{{request()->order_id}}">
                </div>
            </div>
            {{-- end --}}

            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>PRODUCT</th>
                            <th>DESC</th>
                            <th>Available Qty</th>
                            <th>Previous Used date</th> {{-- Last Issue Date --}}
                            <th>QTY</th>
                            <th>ACTION</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body">
                        @php
                            $i=0;
                        @endphp
                        @forelse ($transactions_products as $product_id=>$transactionProduct)
                            @php
                                $transactionPro=$transactionProduct->first()->product;
                            @endphp
                            @if($transactionPro->warehouse_id==current_store())
                                <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: 90%" name="raw_product_id[]" id="raw_product{{ $i }}" disabled>
                                                    <option value="{{$product_id}}"><strong class="text-danger">{{$transactionPro->name_eng}}</strong></option>
                                                </select>
                                                <div class="input-group-append" style="width: 8%;height: 30px !important">
                                                    <span class="input-group-text" id="unit_name{{$i}}">{{$transactionPro->primaryUnit?$transactionPro->primaryUnit->name:'N/A'}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td colspan="3" class="text-center bg-warning"> As This Product has been created on your store You Can't Indent To Other Store...</td>
                                </tr>
                            @else
                                <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: 90%" name="raw_product_id[]" id="raw_product{{ $i }}">
                                                    <option value="{{$product_id}}">{{$transactionPro->name_eng}}</option>
                                                </select>
                                                <div class="input-group-append" style="width: 8%;height: 30px !important">
                                                    <span class="input-group-text" id="unit_name{{$i}}">{{$transactionPro->primaryUnit?$transactionPro->primaryUnit->name:'N/A'}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <input type="text" name="desc[]" id="desc{{ $i }}" class="form-control">
                                    </td>
                                    <td>
                                        <input type="number" step=".01" min="0"  name="quantity[]"
                                            id="quantity{{ $i }}" class="form-control" value="{{$transactionProduct->sum('order_qty')}}">
                                    </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>
                            @endif
                        @empty
                            @for ($i = 1; $i <= 5; $i++)
                                <tr id="tr{{ $i }}">
                                    <td>{{ $i }}</td>
                                    <td>
                                        <div class="d-flex text-center flex-nowrap">
                                            <div class="input-group flex-nowrap">
                                                <select class="form-control raw_product" onchange="setUnit(this.value,'{{$i}}')" name="raw_product_id[]" id="raw_product{{ $i }}">
                                                    <option value=" ">-- Select Product --</option>
                                                </select>
                                                <div class="input-group-append" style="height: 30px !important">
                                                    <span class="input-group-text" id="unit_name{{$i}}"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <input type="text" name="desc[]" id="desc{{ $i }}" class="form-control">
                                    </td>
                                    <td>
                                        <input type="number" step=".01" min="0"  name=""
                                            id="avail_quantity{{ $i }}" class="form-control" readonly>
                                    </td>
                                    <td>
                                        <input type="text" id="previous_issue_info{{ $i }}" readonly class="form-control">
                                    </td>
                                    <td>
                                        <input type="number" step=".01" min="0"  name="quantity[]"
                                            id="quantity{{ $i }}" class="form-control">
                                    </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 class="row pb-0  modal-footer">
                <a type="button" class="btn-sina-close" href="{{ route('product.index') }}">close</a>
                <input class="btn-sina-submit" type="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/purchase/purchase-default.js') }}"></script> --}}
<!-- page script -->
<script type="text/javascript">
    var temp="{{$i}}";
    var warehouse="{{$type?0:1}}";
    var indentData=[];
    var pub_product;
    var p_ids=[];
    let additional = {};
    $(document).ready(function() {
        additional['codes'] = @json($cat_codes);
        additional['party_type'] = null;
    });
    $('#store_id').select2();
    $('#cost_center').select2();
    $('.finished_product').select2({
        minimumInputLength: 3,
        // tags: [],
        ajax: {
            url: "/product-live-search",
            dataType: 'json',
            type: "POST",
            quietMillis: 0,
            data: function (term) {
                return {
                    _token: $("input[name='_token']").val(),
                    type: 2,
                    warehouse:warehouse,
                    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 + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : ''),
                            // text: item.name_eng + ' -- ' + item.barcode,
                            id: item.id
                        }
                    })
                };
            }
        }
    });

        initSelect2();
        function initSelect2(){
            pro_ids();
            $('.raw_product').select2({
                minimumInputLength: 3,
                // tags: [],
                ajax: {
                    url: "/product-live-search",
                    dataType: 'json',
                    type: "POST",
                    quietMillis: 0,
                    data: function (term) {
                        return {
                            _token: $("input[name='_token']").val(),
                            // type: 1,
                            additional: additional,
                            warehouse:warehouse,
                            p_ids:(p_ids.length == 0 ? [0] : p_ids),
                            name: term
                        };
                    },
                    processResults: function (data) {
                        pub_product = data;
                        console.log("pub product",pub_product);
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.name_eng + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : ''),
                                    id: item.id
                                }
                            })
                        };
                    }
                }
            });
        }
        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: 90%" onchange="setUnit(this.value,`+temp+`)" name="raw_product_id[]" id="raw_product`+temp+`">
                                            <option value=" ">-- Select Product --</option>
                                        </select>
                                        <div class="input-group-append" style="width: 7%;height: 30px !important">
                                                <span class="input-group-text" id="unit_name`+temp+`"></span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="desc[]" id="desc`+temp+`" class="form-control">
                            </td>
                            <td>
                                <input type="number" step=".01" min="0"  name="" id="avail_quantity`+temp+`" readonly class="form-control">
                            </td>
                            <td>
                                <input type="text" id="previous_issue_info`+temp+`" readonly class="form-control">
                            </td>
                            <td>
                                <input type="number" step=".01" min="0"  name="quantity[]" id="quantity`+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 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=$('#start_date').val();
            var end=$('#end_date').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:type,
                    status:0,
                },
                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();
                },
            });

        }
        function setDataForIndent(ind,type){
            //alert(type);
            var str ='';
            console.log("indent",indentData[ind]);
            data=indentData[ind];
           $('#recipe_id').val(data.id);
           $('#store_id').val(data.store_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);
            }
            //$('#s_qty').val(data.quantity);
           $('#finished_product').html(`<option value=`+data.product_id+`>`+(data.product?data.product.name_eng:'')+`</option>`);
            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+`">
                                            <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="" id="avail_quantity`+temp+`" readonly class="form-control" value="`+rawData[index].product.avail_qty.avail+`">
                            </td>
                            <td>
                                <input type="text" id="previous_issue_info`+temp+`" readonly class="form-control" value="`+(rawData[index].product.get_previous_issue_info == null ? 'Not Issued Yet': getFormatedDateDMY(rawData[index].product.get_previous_issue_info.date))+`">
                            </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>
                        </tr>`;
                        temp=(index+2);
                    }

                }

                $('#modal_title').text(type==1?'Recipe Details':'Indent Details');
                $('#th_title').text(type==1?'NAME':'Indent No');

                $('#tbl_body').html(str);
                initSelect2();
                $("#previous_recipe_model").modal("hide");
        }
        function setQtyToRawProduct(){
            var batch_qty=$('#b_qty').val();
            $('.hidden_quantity').each(function(){
                 var idx =  $(this).attr("id").split('-')[1]; //this.id
                 $('#quantity'+idx).val($(this).val()*batch_qty);
            });
        }
        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 setUnit(product_id,row_id){
            $.each(pub_product, function(index, pro) {
                if (pro.id == product_id) {
                    $('#unit_name' + row_id).text(pro.primary_unit.name);
                }
            });
            pro_ids();

            // var store_table_type=$('#store_table_type').val();
            $.ajax({
                url: '/purchase/invoice-transaction/avail-qty/'+product_id+'/'+store_setting.store_table_type,
                method: "get",
                dataType: 'JSON',
                data: {},
                success: function(data) {
                    var t = data;
                    console.log("qty",data);
                    $('#avail_quantity' + row_id).val(data['qty']);
                    $('#previous_issue_info' + row_id).val(data.data.get_previous_issue_info == null ?  'Not Issued Yet' : getFormatedDateDMY(data.data.get_previous_issue_info.date));
                },
                error: function(data) {
                    alert('Something Went Wrong.!');
                    console.log(data);
                }
            });
        }
        function selected_recipe(data){
            var str ='';
            console.log(data);
           $('#name').val(data.name);
           $('#date').val(getFormatedDate(data.valid_till));
           $('#s_qty').val(data.quantity);
                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">
                                        <select class="form-control raw_product" style="width: 100%" name="raw_product_id[]" id="raw_product`+index+`">
                                            <option value=`+rawData[index].product_id+`>`+rawData[index].product.name_eng+`</option>
                                        </select>
                                        <a class="btn btn-hover text-success p-0 pl-2" id="add`+index+`"
                                            style="display: none"><i class="fas fa-plus"></i></a>
                                    </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+`">
                                </td>
                                <td>
                                    <input type="number" step=".01" min="0"  name="w_quantity[]"
                                        id="w_quantity`+index+`" onkeyup="calculateTotal(`+index+`)" onchange="calculateTotal(`+index+`)"
                                        class="form-control" value="`+rawData[index].waste_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>
                            </tr>`;
                        }

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

        function pro_ids() {
            $('.raw_product').each(function(i) {
                if(this.value > 0)
                    p_ids[i] = parseInt(this.value);
            });
            console.log(p_ids);
        }

        function getFormatedDateDMY(date){
            var todayTime = new Date(date);
            var month = todayTime.getMonth() + 1;
            var day = todayTime.getDate();
            var year = todayTime.getFullYear();
            return `${day}-${month}-${year}`;
        }

</script>
{{-- @include('inventory.indent.recipe_js') --}}
@stop