@extends('admin.layout.master')
@section('title','QUOTATION MANAGEMENT')
@section('custom_style')
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<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;
        }
    .merginZero{margin: 0;padding: 0}
</style>
@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s">
        <h4>{{__('obs.quotation')}}</h4>
    </div>
    <div class="card-body">

        {{-- <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" /> --}}
        <div class="row justify-content-end">
            {{-- <div class="col-3 pl-0">
                <label for="requisition_search">{{__('obs.requisition')}} {{__('obs.no')}}</label>
                <select id="requisition_search" class="form-control" name="requisition_search">
                </select>
            </div>
            <div class="col-4 pl-0">
                <label>Date</label>
                <div class="input-group">
                    <div class="input-group input-group-append">
                        <input type="date" class="form-control bsdatepicker" id="start_date" name="start_date" value="{{Request()->start_date?date('Y-m-d',strtotime(Request()->start_date)):date('Y-m-d')}}">
                        <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                        <input type="date" class="form-control bsdatepicker" id="end_date" name="end_date" value="{{Request()->end_date?date('Y-m-d',strtotime(Request()->end_date)):date('Y-m-d')}}">

                        <button type="button" style="height: 28px; margin-left: -2px"  onclick="getRequisitionData()" class="btn btn-sm btn-pill btn-sm btn-hover btn-danger">
                            <i class="fa fa-search"></i>
                        </button>
                    </div>
                </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">{{__('obs.quotation')}}</legend>
        <form id="form_quotation_local" method="post"  enctype="multipart/form-data">
            @csrf
            <input name="update_id" type="hidden" value="0" />
            <div>
                <div class="row mb-1">
                    <input type="hidden" name="requisition_id" id="requisition_id" value="{{Request()->requisition_id}}">
                    <div class="col-md-4 col-12 d-flex flex-wrap pr-0 mb-3">
                        <div class="col-3 px-0">
                            <label for="note">{{__('obs.vendor')}}</label>
                        </div>
                        <div class="col-9 px-0">
                            <select name="vendor_id" id="vendor_id" class="form-control vendor" required></select>

                        </div>
                    </div>
                    {{-- <div class="col-md-4 col-12 d-flex flex-wrap pr-0 mb-3">
                        <div class="col-2 px-0">
                            <label for="note">{{__('obs.batch')}} {{__('obs.qty')}}</label>
                        </div>
                        <div class="col-10 px-0">
                            <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> --}}

                    <div class="col-md-12">
                        <label for="note">{{__('obs.description')}}</label>
                        <textarea type="text" class="form-control summernote_letest" name="desc_quotation" id="desc"></textarea>
                    </div>

                </div>
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th class="text-center">{{__('obs.products')}}</th>
                                <th class="text-center">
                                    <div class="col-12">
                                        {{__('obs.carton')}} {{__('obs.size')}} {{__('obs.(cm)')}}
                                    </div>
                                    <div class="col-12">
                                        <div class="row">
                                            <div class="col-4 merginZero">{{__('obs.l')}}</div>
                                            <div class="col-4 merginZero">{{__('obs.w')}}</div>
                                            <div class="col-4 merginZero">{{__('obs.h')}}</div>
                                        </div>
                                    </div>
                                </th>
                                <th class="text-center">{{__('obs.meas.')}}</th>
                                <th class="text-center">{{__('obs.o.')}} {{__('obs.qty')}}</th>
                                <th class="text-center">{{__('obs.ply')}}</th>
                                <th class="text-center">{{__('obs.sm')}}</th>
                                <th class="text-center">{{__('obs.price')}}</th>
                                <th class="text-center">{{__('obs.store')}}</th>
                                <th class="text-center">{{__('obs.cost')}}</th>
                                <th class="text-center">{{__('obs.desc')}}</th>
                            </tr>
                        </thead>
                        <tbody id="tbl_body"></tbody>
                    </table>
                    <input type="hidden" value="0" id="index_num" />

                </div>
                <div class="col-md-12">
                    <label for="note">Note</label>
                    <textarea type="text" class="form-control summernote_letest" name="note_quotation" id="note"></textarea>
                </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>
                @include('inventory.prepurchase.quotation.local.modal_quotation_notes')

                <div class="row pb-0  modal-footer">
                    {{-- <input class="btn btn-warning" type="button" id="btnNote" value="Note"> --}}
                    <input class="btn-sina-submit" type="submit" id="btnSave" value="save">
                </div>
            </div>

        </form>
        </fieldset>
    </div>
</div>
@include('inventory.prepurchase.quotation.install_modal')
@endsection
@inject('QuotationTrait', 'App\Http\Controllers\Inventory\Quotation\LocalQuotationController')
@section('script')
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>

<script>
    const store_setting = @json(store_info());
    const plys=@json($plys).map(row => "<option value='"+row.id+"'>"+row.name+"</option>");
    const measurements=@json($measurements).map(row => "<option value='"+row.id+"'>"+row.name+"</option>");
    const stores = @json($stores).map(row => "<option value='"+row.id+"'>"+row.name_eng+"</option>");
    // let notes=@json($QuotationTrait->getNotes());
    var content=@json($content);
    console.log(content);
</script>

<script>
    let requsitionData=[];var product_reset_mode=[];
    $(document).ready(function(){
        $('.summernote_letest').summernote();
        let count=6;
        if(content != null){
            //$('#vendor_id').val(content.supplier.id).trigger('change');
            count=count - content.details.length;
            if(content.details.length > count)
                count=content.details.length;

            var data = {
                id: content.supplier.id,
                text: content.supplier.name_eng
            };
            var newOption = new Option(data.text, data.id, false, false);
            $('#vendor_id').append(newOption).trigger('change');

           //$(".summernote").summernote("code", "your text");
            //$('#note').summernote('code', 'ertete');

            //$("#note").html(content.note ?? '');
            //$("#desc").html(content.desc ?? '');

            //$("#desc").val(content.desc ?? '');
            //notes=JSON.parse(content.desc).concat(notes);
            //console.log(notes);
            //modalDataLoad();
        }

        for (let index = 0; index < count; index++) {
            //console.log("details",content.details[index]);
            addRow(content ? content.details[index] : undefined);
        }
    });
    $("#btnNote").click(function(){
        $(".modal_local_quotation_notes").modal("show");
        modalDataLoad();
    });
    function modalDataLoad(){
        $("#modal_local_quotation_tbdoy").empty();
        const note_contents=notes.map((row,index) => `<tr>
                <td>${index+1}</td>
                <td>
                    <textarea name="notes[]" class='form-control'>${row.name ?? row ?? ''}</textarea>
                </td>
            </tr>`
        )
        $("#modal_local_quotation_tbdoy").html(note_contents);
    }
    $('#form_quotation_local').on('submit', function(event) {
        event.preventDefault();
        $('#btnSave').text("Loading...");
        $('#btnSave').attr('disabled', true);
        ajaxCallWithFormData('/inventory/quotation/local/store', 'POST', new FormData(this), (data) => {
            //console.log("res",data);
            if(data.status != undefined && data.status == 1)
                {
                    alert(data.msg);
                    setTimeout(() => {
                        window.location=data.plink;
                    }, 500);
                }
        },
        (errors)=> {
            alert(data.msg);
            $.each(errors.responseJSON.errors, function (field_name, error) {
                console.log("error",error);
                //$(document).find("[name=" + field_name + "]").after(`<span class="text-strong text-danger"> <strong>${error}</strong> </span>`);
            });
        });
        $('#btnSave').text("Save");
        $('#btnSave').attr('disabled', false);
    });

    // $('.select2').select2();
    $('#requisition_search').select2({
                minimumInputLength: 3,
                // tags: [],
                ajax: {
                    url: "/quotation/create",
                    dataType: 'json',
                    type: "GET",
                    quietMillis: 0,
                    data: function (term) {
                        return {
                            type: 2,
                            name: term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.requisition_no,
                                    id: item.id
                                }
                            })
                        };
                    }
                }
            });
            partySearch('vendor',1);


    function getRequisitionData(){
        $('#install_model_table').dataTable().fnDestroy();
        $('#install_model_tbody').empty();
        var returnData;
        var start=$('#start_date').val();
        var end=$('#end_date').val();
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "GET",
            url: "/quotation/create",
            data: {
                start:start,
                end:end,
                type:3,
            },
            success: function (data) {
                console.log(data);
                if(data.length>0){
                    for (let index = 0; index < data.length; index++) {
                        requsitionData[data[index].id]=data[index];
                        returnData+=`<tr onclick="setDataForQuotation(`+data[index].id+`)" role="row" class="odd">
                                        <td class="sorting_1">`+(index+1)+`</td>
                                        <td class="tr_td_group_code-205">`+data[index].requisition_no+`</td>
                                        <td class="tr_td_title-205"><b>`+getFormatedDate(data[index].created_at)+`</b></td>
                                    </tr>`;
                    }
                }

                $('#install_model_tbody').html(returnData);
                $("#install_model").modal("show");
                $('#install_model_table').DataTable({
                    "destroy": true,
                });
            },
            error: function (response) {
                // $('#load_tbody_previous_recipe_model').empty();
            },
        });
    }
    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;
    }
    const handleItem=(v,index)=>{

        var item=searchedItemById($(v).val());
        console.log("item",item);
        $(".p-price-index-"+index).val(item.buy_price);
        var existPro=product_reset_mode['.product-index-'+index];
        console.log("new = ",existPro);

        if(existPro == undefined || existPro == 0){
            $(".pl-index-"+index).val('');
            $(".pw-index-"+index).val('');
            $(".ph-index-"+index).val('');
            $(".p-desc-index-"+index).val('');

            if(item.get_quotation_info != null && item.get_quotation_info != 'null'){
                var qinfo=item.get_quotation_info;

                $(".pl-index-"+index).val(qinfo.length);
                $(".pw-index-"+index).val(qinfo.width);
                $(".ph-index-"+index).val(qinfo.height);
                $(".p-desc-index-"+index).val(qinfo.description);
                $('.ps-index-'+index+" option[value="+qinfo.warehouse_id+"]").prop('selected', true);
            }
        }
        if(existPro != undefined)
            product_reset_mode['.product-index-'+index]=0;
        handleCalCost(v,index);

        //$(".new-pro-id-"+pid).val();
    }
    const calQuotationFormula=(meas_id,L,W,H)=> {
        if(L == '')
            L=0;
        if(W == '')
            W=0;
        if(H == '')
            H=0;

        var obj={
            1:{
                first_part_fixed_value:5,
                second_part_fixed_value:2,
                multiply:2,
                divide:10000,
            },
            2:{
                first_part_fixed_value:2,
                second_part_fixed_value:0.8,
                multiply:2,
                divide:1550,
            },
        };
        console.log(obj[meas_id]);
        var data=(((Number(L) + Number(W) + obj[meas_id]['first_part_fixed_value']) * (Number(W) + Number(H) + obj[meas_id]['second_part_fixed_value'])) * obj[meas_id]['multiply']) / obj[meas_id]['divide'];
        return data;
    }
    const handleCalCost=(v,index)=>{
        var l=$('.pl-index-'+index).val();
        var w=$('.pw-index-'+index).val();
        var h=$('.ph-index-'+index).val();
        var measure_id=$('.meas-index-'+index).val();
        var sm_value=calQuotationFormula(measure_id,l,w,h);
        console.log("sm rate",sm_value);
        $(".p-sm-index-"+index).val(sm_value);
        var price=$(".p-price-index-"+index).val();
        $(".p-cost-index-"+index).val(price * sm_value);

        //console.log("info",info);
    }
    function addRow(exist_row){

        var index=parseInt($('#index_num').val())+1;
        var returnData='';
        returnData+=`<tr id="tr-`+index+`">
                                    <td>`+(index)+`</td>
                                    <td>
                                        <div class="d-flex text-center">
                                            <select onchange=handleItem(this,${index}) autocomplete="off" class="form-control new_product product-index-${index}" style="width: 100%" name="product_id[`+index+`]"></select>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="row">
                                            <div class="col-4 merginZero">
                                                <input
                                                    onkeyup=handleCalCost(this,${index})
                                                    class="form-control pl-index-${index}"
                                                    type="number" step='0.001'
                                                    value="${exist_row ? exist_row.length : ''}"
                                                    style="max-width:80px"
                                                    name="product_len[`+index+`]"/>
                                            </div>
                                            <div class="col-4 merginZero">
                                                <input
                                                    onkeyup=handleCalCost(this,${index})
                                                    class="form-control pw-index-${index}"
                                                    value="${exist_row ? exist_row.width : ''}"
                                                    type="number" step='0.001' style="max-width:80px"
                                                    name="product_width[`+index+`]" />
                                            </div>
                                            <div class="col-4 merginZero">
                                                <input
                                                    onkeyup=handleCalCost(this,${index})
                                                    class="form-control ph-index-${index}"
                                                    type="number" step='0.001' style="max-width:80px"
                                                    value="${exist_row ? exist_row.height : ''}"
                                                    name="product_height[`+index+`]" />
                                            </div>
                                        </div>
                                    </td>
                                    <td><select onchange=handleCalCost(this,${index}) class="meas-index-${index}" name="product_meas[`+index+`]">${measurements}</select></td>
                                    <td><input
                                        class="form-control"
                                        value="${exist_row ? exist_row.quantity : ''}"
                                        name="quantity[`+index+`]" /></td>
                                    <td>
                                        <select class="ply-index-${index}" name="product_ply[`+index+`]">${plys}</select>
                                    </td>
                                    <td><input
                                            class="form-control p-sm-index-${index}"
                                            value="${exist_row ? exist_row.sm_rate : ''}"
                                            readonly
                                            name="product_sm[`+index+`]"/></td>
                                    <td>
                                        <input
                                            class="form-control p-price-index-${index}"
                                            value="${exist_row ? exist_row.rate : ''}"
                                            name="rate[`+index+`]"  readonly /></td>
                                    <td><select class="ps-index-${index}" name="product_store[`+index+`]">${stores}</select></td>
                                    <td><input
                                            class="form-control p-cost-index-${index}"
                                            value="${exist_row ? exist_row.rate * exist_row.sm_rate : ''}"
                                            readonly /></td>
                                    <td>
                                        <textarea
                                            class="form-control p-desc-index-${index}" rows="1"
                                            name="desc[`+index+`]">${exist_row ? exist_row.note ?? '' : ''}</textarea></td>

                     </tr>`;
            //console.log(returnData);
            $('#index_num').val((index));
            $('#tbl_body').append(returnData);
            //=null;
            if(exist_row != undefined){
                var data = {
                    id: exist_row.product.id,
                    text: exist_row.product.name_eng
                };
                product_reset_mode['.product-index-'+index]=1;
                pub_product=[exist_row.product];
                var newOption = new Option(data.text, data.id, false, false);
                $('.product-index-'+index).append(newOption).trigger('change');

                $('.meas-index-'+index+" option[value="+exist_row.measure_type_id+"]").prop('selected', true);
                $('.ply-index-'+index+" option[value="+exist_row.ply_id+"]").prop('selected', true);
                $('.ps-index-'+index+" option[value="+exist_row.warehouse_id+"]").prop('selected', true);

            }
            initSelect2();
    }

    function setDataForQuotation(i){
        $('#requisition_id').val(i);
        returnData='';
        // var requisition=requsitionData[i];
        data=requsitionData[i].details;
        if(data.length>0){
                    for (let index = 0; index < data.length; index++) {
                        returnData+=`<tr id="tr-`+index+`">
                                    <td>`+(index+1)+`</td>
                                    <td>
                                        <div class="d-flex text-center">
                                        `+data[index].product.name_eng+`
                                        <input type="hidden" name="product_id[`+index+`]" id="product_id`+index+`" class="form-control" value="`+data[index].product_id+`">
                                        </div>
                                    </td>
                                    <td>
                                        <input type="text" name="desc[`+index+`]" id="desc`+index+`" class="form-control">
                                    </td>`;
                                // returnData+=` <td>`+data[index].quantity+`</td>`;

                                    returnData+=`<td class="text-center">
                                        <input type="number" min="0"  name="req[`+index+`]"
                                        id="req`+index+`" step=".01" class="form-control-sm" value="`+data[index].quantity+`" readonly>
                                    </td>`;

                                    returnData+=`<td class="text-center">
                                                    <input type="number" min="0" onkeyup="setSubtotal('`+index+`')"  name="quantity[`+index+`]" id="quantity`+index+`" step=".01" class="form-control-sm" value="`+data[index].quantity+`">

                                                    </td>
                                                <td>
                                                    <input type="number" onkeyup="setSubtotal('`+index+`')" min="0" step=".01"  name="rate[`+index+`]"
                                                        id="rate`+index+`" class="form-control-sm" value="0">
                                                </td>
                                                <td class="text-left">
                                                    <input type="number" min="0" step=".01"  name="subtotal[`+index+`]"
                                                        id="subtotal`+index+`" class="form-control-sm subtotal" readonly value="0">
                                                </td>
                                                </tr>`;
                    $('#index_num').val('');
                    $('#index_num').val(parseInt(index)+1);
                    }
                }
                $('#tbl_body').html(returnData);
                getSum();
                $("#install_model").modal("hide");
    }

    function initSelect2(){
        productSearch('new_product');
    }



</script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
@stop