@extends('layout.header')
@section('main')
    <div class="m-grid__item m-grid__item--fluid m-wrapper">

        <!-- START :: main Content-->
        <div class="m-content Add-New-Store">
            <div class="m-portlet m-portlet--mobile margin_bottom_60">

                <!-- Admin-Add_store From-->
                <div class="m-portlet__body">
                    <meta name="csrf-token" content="{{ csrf_token() }}">
                    <input type="hidden" name="_token" value="{{csrf_token()}}" id="token">
                    {{--meta name="_token" content="{{ csrf_to ken() }}" >--}}
                    @csrf
                    {{--<button type="submit" id="button1">Submit</button>--}}
                    <div class="m-portlet__head-tools">
                        <ul class="m-portlet__nav admin_form_record">
                            <li class="m-portlet__nav-item">
                                <a href="#" class="blue_bg_shadow_btn" onclick="finalize()">
                                               <span>
                                                   <i class="la la-check btn_text submit_icon"></i>
                                                   <span class="btn_text text-capitalize">
                                                       submit
                                                   </span>
                                               </span>
                                </a>
                            </li>

                        </ul>
                    </div>
                    {{--Store Name code--}}
                    <div class="form-group row">
                        <label for="store_name" class="col-sm-3  col-form-label">Store Name:</label>
                        <div class="col-sm-9 ">
                            <select name="store" id="store" class="form-control input-sm" onchange="get_storeid()">

                                <option value="0">Select Store</option>
                                @foreach($stores as $store)
                                    <option value="{{ $store->pk_storeid}}">{{ $store->store_name}}</option>

                                @endforeach
                            </select>

                        </div>
                    </div>

                    {{--UserName Code--}}

                    <div class="form-group row">
                        <label for="store_name" class="col-sm-3  col-form-label">User Name</label>
                        <div class="col-sm-9 ">
                            <select name="users" id="users" class="form-control input-sm" onchange="get_userid()">

                                <option value="0">Select User</option>
                                @foreach($users as $user)
                                    <option value="{{ $user->id}}">{{ $user->name}}</option>

                                @endforeach
                            </select>

                        </div>
                    </div>
                    {{--GST code--}}
                    <span>GST_Type: <select id="gst_type" name="gst_type" class="form-control purchase_type">
                                                                            <option value="">Please Select</option>
                                                                            <option value="With GST">With GST</option>
                                                                            <option
                                                                                value="Without GST">Without GST</option>
                                                                    </select></span>
                    {{--ProductName code--}}
                    <div class="form-group row">
                        <label for="store_name" class="col-sm-3  col-form-label">Product Name</label>
                        <div class="col-sm-9 ">

                            @foreach($products as $product)
                                <tr>
                                    <td>
                                        <input type="checkbox" id="products[]" name="products[]"
                                               value="{{$product->product_name}}">{{$product->product_name}}<br>

                                    </td>
                                </tr>
                            @endforeach
                            <input type="button" onclick="printChecked()" value="Print Selected Items"/>
                            {{--<select name="products" id="products" class="form-control input-sm">--}}


                            {{--@foreach($products as $product)--}}
                            {{--<option value="{{ $product->product_name}}">{{ $product->product_name}}</option>--}}

                            {{--@endforeach--}}
                            {{--</select>--}}

                            {{--<input type="submit" value="submit">--}}

                        </div>
                    </div>

                    <div class="row m-0">
                        <div class="col-sm-12 p-0 table_style_2">
                            <div class="table" id="hidden">
                                <div class="table_header">
                                    <div class="table_row">
                                        <div class="th"><h6>Product Name</h6></div>
                                        <div class="th"><h6>Per Piece</h6></div>
                                        <div class="th"><h6>Qty</h6></div>
                                        <div class="th"><h6>Offered Price</h6></div>
                                        <div class="th"><h6>Total Amount</h6></div>
                                    </div>
                                </div>

                                <div class="tbody" id="dynamic_form">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <li class="m-portlet__nav-item">
                    <a href="#" onclick="calculate_total()" class="new_order_btn">
                                                               <span>
                                                                   <span id="calculate">
                                                                           Calculate
                                                                   </span>
                                                               </span>
                    </a>
                </li>
                <div class="tbody" id="div_with_gst">
                    <h5>With GST</h5>
                    <div class="table_row">
                        <div class="td"><span>Subtotal (Tax Exclusive):</span></div>
                        <div class="td" data-title="Subtotal"><span>&#x20b9;<span id="sub_total1"
                                                                                  name="sub_total1"></span></span></div>
                    </div>
                    <div class="table_row">
                        <div class="td"><span>CGST@9%:</span></div>
                        <div class="td" data-title="CGST@9%"><span> &#x20b9;<span id="cgst1"></span></span></div>
                    </div>
                    <div class="table_row">
                        <div class="td"><span>SGST@9%:</span></div>
                        <div class="td" data-title="SGST@9%"><span> &#x20b9;<span id="sgst1"></span></span></div>
                    </div>
                    <div class="table_row m-30">
                        <div class="td"><span>IGST@0%:</span></div>
                        <div class="td" data-title="IGST@18%"><span>&#x20b9;<span id="igst1"></span></span></div>
                    </div>
                    <div class="table_row">
                        <div class="td"><span>Total (With GST):</span></div>
                        <div class="td" data-title="Grand Total"><span>&#x20b9;<input type="number" value="0"
                                                                                      name="grand_total1"
                                                                                      id="grand_total1" disabled></span>
                        </div>
                        <input type="hidden" id="c" name="c" value="0">
                        <input type="hidden" id="s" name="s" value="0">
                        <input type="hidden" id="ig" name="ig" value="0">

                    </div>

                </div>
                <div class="tbody" id="div_without_gst">
                    <h5>Without GST</h5>
                    <div class="table_row">
                        <div class="td"><span>Subtotal (Tax Exclusive):</span></div>
                        <div class="td" data-title="Subtotal"><span>&#x20b9;<span id="sub_total2"
                                                                                  name="sub_total2"></span></span></div>
                    </div>

                    <div class="table_row">
                        <div class="td"><span>Total (Without GST):</span></div>
                        <div class="td" data-title="Grand Total"><span>&#x20b9;<input type="number" value="0"
                                                                                      name="grand_total2"
                                                                                      id="grand_total2" disabled></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Admin-Add_store From End-->
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
    <!-- END :: main Content-->
    </div>
    </div>

    <script type="text/javascript">
        {{--let token = '{{ @csrf_token() }}';--}}

        var store_id="";
        var user_id="";
        function get_storeid() {
            store_id = document.getElementById("store").value;
            console.log("store", store_id);
        }

        function get_userid() {
            user_id = document.getElementById("users").value;
            console.log("users", user_id);

        }

        function printChecked() {
            // console.log('loop');
            var items = document.getElementsByName('products[]');
            var selectedItems = "";


            for (var i = 0; i < items.length; i++) {
                if (items[i].type == 'checkbox' && items[i].checked == true) {
                    selectedItems += ","+items[i].value+"\n";
                    var it = items[i].value;
                    console.log(it)



                }


            }

           console.log("items",selectedItems)
            $.ajax({
                type: "GET",
                url: './send/' + selectedItems,
                contentType: "json",
                cache: false,
                // _token: token,
                success: function (data) {
                    // alert(data);
                    data.data.shift()
                    var i = 0;
                    console.log("prev", data.data)
                    data.data.forEach(item => {
                        if (item.product_details.pk_productid)
                        // console.log(item.product_details.pk_productid)
                        {
                            $("#dynamic_form").append("<div class=\"table_row\" id=\"row" + i + "\">\n" +
                                "                                                <div class=\"td\" data-title=\"Product Name\">\n" +
                                "                                                        <span>\n" +
                                "                                                           <input name=\"product_name" + i + "\" class=\"form-control product_name\" id=\"product_name" + i + "\"  value = \"" + item.product_details.product_name + "\" disabled></span>\n" +
                                "                                                </div>\n" +
                                "                                                <div class=\"td\" data-title=\"Per Piece\">\n" +
                                "                                                        <span> <input type=\"text\" class=\"form-control per_piece\"\n" +
                                "                                                                      name=\"per_piece\" id=\"per_piece" + i + "\" value = \"" + item.product_details.selling_price + "\" disabled></span>\n" +
                                "                                                </div>\n" +
                                "\n" +
                                "\n" +
                                "                                                <div class=\"td\" data-title=\"Qty\">\n" +
                                "                                                        <span><input type=\"text\"  class=\"form-control subtotal quant\"\n" +
                                "                                                                     name=\"qty\" id=\"qty" + i + "\" onkeyup=\"total(" + i + ")\"></span>\n" +
                                "                                                </div>\n" +
                                "                                                <div class=\"td\" data-title=\"Qffered_Price\">\n" +
                                "                                                        <span><input type=\"text\"  class=\"form-control subtotal offered_price\"\n" +
                                "                                                                     name=\"price\" id=\"price" + i + "\" onkeyup=\"total(" + i + ")\"></span>\n" +
                                "                                                </div>\n" +
                                "\n" +
                                "                                                <div class=\"td\" data-title=\"Total\">\n" +
                                "                                                        <span class=\"form-control subtotal qty tot total_order\"\n" +
                                "                                                                     name=\"total\" id=\"total" + i + "\"></span>\n" +
                                "                                                </div>\n" +
                                "\n" +
                                "                                            </div>");

                        }
                        i++;
                    })

                },
                error: function (error) {
                    // console.log("error",error)
                    // alert (selectedItems);
                }
            });


        }

        function total(i) {
            var qty = document.getElementById('qty' + i).value;
            console.log("qty", qty)
            var price = document.getElementById('price' + i).value;
            console.log("price", price)

            var total;
            total = qty * price;
            console.log('total be', total);
            document.getElementById('total' + i).innerHTML = total;

            var qty = document.getElementById('qty' + i).value;
            var price = document.getElementById('price' + i).value;
            var total;
            total = qty * price;
            console.log('total af', total);

            // document.getElementById('total' + i).val(total);
            $("#total" + i).val(total);


        }

        function calculate_total() {
            var grand_total1 = 0;
            var grand_total2 = 0;
            var sub_total1 = 0;
            var sub_total2 = 0;
            var csum1 = 0;
            var csum2 = 0;

            var gst = document.getElementById("gst_type").value;
            console.log("gst", gst)
            $('.tot').each(function () {
                var compare_type = gst.match(/With GST/g);
                var compare_type2 = gst.match(/Without GST/g);
                // console.log('compare purchase')
                // console.log(compare_type)
                // console.log('compare type 2')
                // console.log(compare_type2)

                if (compare_type) {
                    // console.log("kkkkk",this.innerHTML);
                    csum1 = +csum1 + +this.innerHTML;
                    // console.log('csum1')
                    // console.log(csum1)
                }
                if (compare_type2) {
                    csum2 = +csum2 + +this.innerHTML;
                    // console.log('csum1111')
                    // console.log(csum1)
                    // console.log('csum2')
                    // console.log(csum2)
                }


                document.getElementById("sub_total1").innerHTML = csum1;
                // console.log('before subtotyal111')
                // console.log(document.getElementById("sub_total1").innerHTML)
                document.getElementById("sub_total2").innerHTML = csum2;
                if (compare_type) {
                    var sub_total2 = document.getElementById("sub_total2").innerHTML;
                    // console.log(document.getElementById("sub_total1").innerHTML);
                    // console.log('before...sub222')
                    // console.log(sub_total2)
                    if (sub_total2 == (0.00)) {
                        $("#div_without_gst").hide();
                    }
                    $("#div_with_gst").show();
                    sub_total1 = document.getElementById("sub_total1").innerHTML;
                    var cgst1;
                    var sgst1;
                    var igst1 = 0;
                    // console.log('not guj with gst')
                    // console.log(sub_total1)
                    cgst1 = sub_total1 * 0.09;
                    sgst1 = sub_total1 * 0.09;
                    grand_total1 = +cgst1 + +sgst1 + +sub_total1;
                    document.getElementById('cgst1').innerHTML = cgst1.toFixed(2);
                    document.getElementById('sgst1').innerHTML = sgst1.toFixed(2);
                    document.getElementById('igst1').innerHTML = igst1.toFixed(2);
                    $("#grand_total1").val(grand_total1.toFixed(2));
                    $("#c").val(cgst1.toFixed(2));
                    $("#s").val(sgst1.toFixed(2));
                    $("#ig").val(igst1.toFixed(2));
                } else if (compare_type2) {
                    var sub_total1 = document.getElementById("sub_total1").innerHTML;
                    if (sub_total1 == (0.00)) {


                        $("#div_with_gst").hide();
                    }
                    // console.log('subtotal....1111')
                    // console.log(sub_total1)

                    $("#div_without_gst").show();


                    var sub_total2 = document.getElementById("sub_total2").innerHTML;
                    // console.log('sub_total2');
                    // console.log(sub_total2);

                    grand_total2 = +sub_total2 + 0;
                    console.log('grand_total2');
                    console.log(grand_total2);
                    $("#grand_total2").val(grand_total2);
                }
            });
            // var grand_total=0;
            // if(grand_total1==0)
            // {
            //     grand_total=grand_total2;
            // }
            // else
            // {
            //     grand_total=grand_total1;
            // }
        }

        //
        // $("#button1").submit(function(e) {
        //     e.preventDefault();
        //do your ajax here.
        let finalize = function () {
            var i = 0;
            var a = [];
            var c = document.getElementById("c").value;
            // console.log("cccc",c);
            var ig = document.getElementById("ig").value;
            var s = document.getElementById("s").value;
            var grand_total1=document.getElementById("grand_total1").value;
            var grand_total2=document.getElementById("grand_total2").value;
            var grand_total=0;
            if(grand_total1==0)
            {
                grand_total=grand_total2;
            }
            else {
                grand_total = grand_total1;
            }
                // console.log("grandtotal",grand_total)
            var gst1="";
            var gst = document.getElementById("gst_type").value;
            var compare_type = gst.match(/With GST/g);
            var compare_type2 = gst.match(/Without GST/g);
            if(compare_type)
            {
                gst1="With_Gst";
            }
            else {
                gst1="Without_Gst";
            }



            let token = '{{ @csrf_token() }}'
            $(".quant").each(function () {
                a.push(("#qty" + i).value);
                i++;
            });
            var inputs = $(".quant");
            var in_names = $(".product_name");
            var in_perpiece = $(".per_piece");
            var in_offered_price = $(".offered_price");
            var in_total = $(".total_order");


            var quantity = "";
            var pro_names = "";
            var per_piece = "";
            var offered_price = "";
            var total_ord = "";
            for (var i = 0; i < inputs.length; i++) {
                // alert($(inputs[i]).val());
                quantity += inputs[i].value + ",";
                pro_names += in_names[i].value + ",";
                per_piece += in_perpiece[i].value + ",";
                offered_price += in_offered_price[i].value + ",";
                total_ord += in_total[i].value + ",";
            }
            // console.log("Qty",quantity);
            // console.log("NAmes",pro_names);
            // console.log("Piece",per_piece);
            // console.log("Offered",offered_price);
            // console.log("Total",total_ord);

            var qty_array = quantity.split(',');
            var names_array = pro_names.split(',');
            var piece_array = per_piece.split(',');
            var price_array = offered_price.split(',');
            var total_array = total_ord.split(',');
            // console.log("split qty",qty_array)
            //
            qty_array.pop();
            names_array.pop();
            piece_array.pop();
            price_array.pop();
            total_array.pop();
            // console.log("split qty",qty_array)

             // console.log("split name",names_array)
            //  console.log("split piece",piece_array)
            //  console.log("split price",price_array)
            //  console.log("split total",total_array)

            let final = [];
            final.push({
                qty_array,
                names_array,
                piece_array,
                price_array,
                total_array
            })
            // console.log("final", final);

            $.ajax({
                type: 'POST',
                url: './order_done',
                data: {
                    final,
                   message:"sucess",c,s,ig,user_id,store_id,grand_total,gst1,gst,
                    _token: token
                }
            }).then(function (response) {
                console.log(response)
                // window.location = '../Inventory'
                // console.log(response)
            })


        }


    </script>


    {{--    @include('includes.scripts_orders_entry')--}}

@endsection