@extends('admin.layout.master')
@section('title','INDENT MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 24px !important;
    }
    .table td {
        /* padding: 0px 5px; */
        color: black;
    }
    .table th {
        background: var(--cl-primary);
        padding: 5px !important;
        color: white !important;
    }
    .unit_class{
        width: 8%;
        /* height: 24px !important; */
        padding: 0 !important;
    }
    .unit_class>.input-group-text{
        padding: 0;
        height: 100%;
    }
</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4>Indent {{ $indent_type == 2 ? __('obs.return') : '' }}</h4>
    </div>
    <div class="card-body">
        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />

        <div class="row g-2 mb-1 {{ request()->complain_id ? 'd-none' : '' }}" style="">
            <div class="col-xl-2 col-lg-3 col-md-4 col-6">
                <label for="finished_product_search">{{__('obs.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">{{__('obs.select_product')}}</option>
                </select>
            </div>
            <div class="col-lg-3 col-md-6">
                <label for="status">{{__('obs.date')}}</label>
                <div class="d-flex">
                    {!!getDateInput('date_from','date_from',Request()->date_from)!!}
                    <label class="input-group-text" style="height: 24px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                    {!!getDateInput('date_to','date_to',Request()->date_to)!!}
                    {{-- <input type="text" class="form-control date_picker_report" 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">{{__('obs.date_to')}}</label>
                    <input type="text" class="form-control date_picker_report" id="date_to" value="{{Request()->date_to?date('Y-m-d',strtotime(Request()->date_to)):date('Y-m-d')}}"> --}}

                    <button type="button" onclick="install_form(2)" class="btn btn-pill btn-hover btn-danger">
                        <i class="fa fa-download me-1">{{__('obs.install')}}</i>
                    </button>
                </div>
            </div>
        </div>

        <div class="mt-3">
            <h3 class="mb-2">Indent To Store</h3>

            <form id="form" method="post" action="{{ route('indent.store') }}" name="form" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="complain_id" value="{{ request()->complain_id }}"> {{-- added for hotel --}}
                <input type="hidden" name="indent_type" value="{{ $indent_type ?? 1 }}">
                <input type="hidden" name="model_type" value="{{ request()->model_type??'' }}">
                <input type="hidden" name="ref_id" value="{{ request()->ref_id??'' }}">

                <div class="{{ request()->complain_id ? 'd-none' : '' }}">
                    <div class="row g-2 mb-2">
                        <div class="col-xl-3 col-lg-4">
                            <label for="finished_product">{{__('obs.finished_product')}}</label>
                            <input type="hidden" id="recipe_id" name="recipe_id" value="0">
                            <select name="finished_product" id="finished_product" class="form-select finished_product">
                                <option value="0">{{__('obs.select_product')}}</option>
                            </select>
                        </div>
                        <div class="col-xl-2 col-lg-4 col-6">
                            <label for="b_qty">{{__('obs.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-xl-2 col-lg-4 col-6">
                            <label for="cost_center">{{__('obs.cost_center')}}</label>
                            <select id="cost_center" name="cost_center_id" class="form-select 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-xl-2 col-lg-4 col-6">
                            <label for="note">{{__('obs.description')}}</label>
                            <input type="text" class="form-control" name="note" id="note" />
                        </div>
                        @if($type==0)
                        <div class="col-xl-2 col-lg-4 col-6">
                            <label for="store_id">{{__('obs.store')}}</label>
                            <select name="store_id" id="store_id" class="form-select 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="cl-table-container">
                    <table class="table table-sm table-bordered table-hover cl-table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{__('obs.product')}}</th>
                                <th>{{__('obs.desc')}}</th>
                                <th class="{{ request()->complain_id ? 'd-none' : '' }}">{{__('obs.available_qty')}} </th>
                                <th class="{{ request()->complain_id ? 'd-none' : '' }}">{{__('obs.previous_used_date')}} </th> {{-- Last Issue Date --}}
                                <th>{{__('obs.qty')}}</th>
                                <th>
                                    <div class="d-flex">
                                        {{__('obs.action')}}
                                        <button class="btn btn-sm btn-success ms-1" onclick="addRow()" type="button" name="add_Row" id="add_Row">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                    </div>
                                </th>
                            </tr>
                        </thead>
                            @php
                                $i=0;
                            @endphp
                        <tbody id="tbl_body">
                            @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 unit_class">
                                                        <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-select 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 unit_class">
                                                        <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 p-0" name="remove _row{{ $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" style="gap: 5px">
                                                    <select class="form-select raw_product" style="width:90%" onchange="setUnit(this.value,'{{$i}}')" name="raw_product_id[]" id="raw_product{{$i}}">
                                                        <option value="">{{__('obs.select_product')}}</option>
                                                    </select>
                                                    <div class="input-group-append unit_class">
                                                        <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 class="{{ request()->complain_id ? 'd-none' : '' }}"><input type="number" step=".01" min="0"  name="" id="avail_quantity{{ $i }}" class="form-control" readonly></td>
                                        <td class="{{ request()->complain_id ? 'd-none' : '' }}"><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 class="text-center"><a class="text-danger" 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">

                    </div>
                </div> --}}

                <div class="modal-footer">
                    {{-- <a type="button" class="btn-sina-close" href="{{ route('product.index') }}">{{__('obs.close')}}</a> --}}
                    <input class="btn btn-lg px-4 btn-primary btn-sina-submit" type="submit" id="save" value="save">
                </div>
            </form>
        </div>
    </div>
</div>

@include('inventory.indent.previuos_recipe_modal')
@endsection
@section('script')
<script>
    const store_setting = @json(store_info());
</script>

<script type="text/javascript">
    var temp=@json($i);
    var warehouse=@json($type?0:1);
    var indentData=[];
    var pub_product;
    var p_ids=[];
    const show_cat_code = @json($cat_codes);

    $(document).ready(function() {});

    $('#store_id').select2();
    $('#cost_center').select2();

    liveSearch('finished_product', '/product-live-search', false, title = 'Select Product', {
        type: 2,
        warehouse: warehouse,
    }, null, (item) => ({ id: item.id, text: item.name_eng + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : '') }));

    /*
        $('.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();
        liveSearch('raw_product', '/product-live-search', false, title = 'Select Product', {
            cat_codes: show_cat_code,
            warehouse: warehouse,
            p_ids:(p_ids.length == 0 ? [0] : p_ids),
        }, null, (item) => ({ id: item.id, text: item.name_eng + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : '') }));

        /*
            $('.raw_product').select2({
                minimumInputLength: 3,
                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 flex-nowrap" style="gap: 5px;">
                                    <select class="form-select raw_product" style="width: 90%" onchange="setUnit(this.value,${temp})" name="raw_product_id[]" id="raw_product${temp}">

                                    </select>
                                    <div class="input-group-append unit_class">
                                            <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 class="{{ request()->complain_id ? 'd-none' : '' }}">
                            <input type="number" step=".01" min="0"  name="" id="avail_quantity${temp}" readonly class="form-control">
                        </td>
                        <td class="{{ request()->complain_id ? 'd-none' : '' }}">
                            <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 class="text-center">
                            <a class="text-danger" 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 unit_class">
                                                    <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 p-0" 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.avail_qty?data.avail_qty.avail:0);
                $('#previous_issue_info' + row_id).val(data.get_previous_issue_info == null ?  'Not Issued Yet' : getFormatedDateDMY(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 p-0" 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