@extends('admin.layout.master')
@section('title','ADVANCE 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>ADVANCE MANAGEMENT</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">
                <label for="category">Category</label>
                <form action="{{  Request::url() }}" method="get">
                    <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>
           
                <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" 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">AGENT</label>
                            <select name="customer_id" id="customer_id" class="form-control customer" required>
                                            
                            </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('id','!=',current_store()) as $store)
                                <option value="{{$store->id}}">
                                    {{$store->name_eng}}</option>
                                @empty
                                @endforelse
                            </select>
                        </div>
                    </div>
                </div>
<div class="table-responsive">
    <table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th width="3%">#</th>
                <th width="35%">HOTEL</th>
                <th width="35%">C. CENTER</th>
                <th width="35%">DESC</th>
                <th width="10%">RESERVATION</th>
                <th width="7%">ACTION</th>
            </tr>
        </thead>
        <tbody id="tbl_body">
           
            @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 name="store_id[]" id="store_id" class="form-control select_2" style="width: 100%">
                                @forelse ($stores as $store)
                                <option value="{{$store->id}}">
                                    {{$store->name_eng}}</option>
                                @empty
                                @endforelse
                            </select>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="d-flex text-center">
                        <div class="input-group">
                            <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>
                </td>
                <td>
                    <input type="text" name="desc[]" id="desc{{ $i }}" class="form-control">
                </td>
                <td>
                    <select name="reservation_id[]" id="reservation_id" class="form-control select_2">
                        <option value="0">{{'ALL'}}</option>
                    </select>
                </td>
                <td>
                    <input type="number" min="0" step=".01" disabled id="avail_quantity{{ $i }}" class="form-control"
                        readonly>
                </td>
                <td text-align="center">
                    <div class="input-group">
                        <input type="number" step=".01" value="0.00" name="amount[{{$i}}]"
                            onkeyup="getSum()" class="form-control amount" />
                        <div class="input-group-append">
                            <button type="button" onclick="addRow()"
                                class="btn btn-info">
                                <span class="fa fa-plus"></span>
                                <span class="btn_text-{{ $i}}"></span>
                            </button>
                            <button type="button" disabled class="btn btn-danger">
                                <span class="fa fa-minus"></span><span class="btn_text-`+h+`"></span>
                            </button>
                        </div>
                    </div>
                </td>
            </tr>
            @endfor
        </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">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 type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
<!-- page script -->
<script type="text/javascript">
    var temp = "{{$i}}";
    var indentData = [];
    var productAvailableQty = [];
    $('.select_2').select2();
    partySearch('customer',2);

    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%" 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>
                                </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);
            }
        });
        //    $('#finished_product').val(data.name);
        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) {
                var t = data;
                $('#avail_quantity' + i).val(parseFloat(data['qty']).toFixed(2));
                $('#quantity' + i).attr('max', parseFloat(data['qty']).toFixed(2)).attr('readonly', false);
            },
            error: function (data) {
                alert('Something Went Wrong.!');
                console.log(data);
            }
        });
        getSum(i);
        pro_ids('raw_product');
    }

    function getSum(i) {
        console.log(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 = $('#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: 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');
        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.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);
                }
            });
            getSum(p);
            pro_ids('raw_product');
        }
        $("#previous_recipe_model").modal("hide");
    }
</script>
{{-- @include('inventory.recipe.recipe_js') --}}
@stop