{{-- Start Modal --}}

<div class="modal fade bd-example-modal-sm" role="dialog" aria-labelledby="mySmallModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-sm m-0">
        <div class="modal-content p-3" style="">
            <div class="mobile-modal">
                <h5>
                    <span>
                        <i class="fas fa-shopping-basket" style="color: #ff5c00;"></i>
                    </span>
                    <span style="color: #ff5c00;">PAIKARI ELECTRONICS</span>
                </h5>
                <hr class="m-0 p-0">
                <div class="row">
                    <div class="col-4">
                        <img loading="lazy" src="{{ asset('logo.png') }}" class="img img-thumbnail" />
                    </div>
                    <div class="col-8">
                        <div class="row">
                            <div class="col-12">
                                <span id="mobile-modal-product-name" style="color: black;font-weight: bold;"></span><br>
                                <span style="color: rgb(8, 0, 0);">গ্যারান্টি: </span>
                                <span
                                    class="mobile-modal-product-gurantee"
                                    style="color: red;font-weight: bold;font-size: 12px;"></span>
                                    <br>
                                <span style="color: rgb(8, 0, 0);">সর্বনিম্ন অর্ডার: </span> <span
                                    class="mobile-modal-product-min_qty"
                                    style="color: red;font-weight: bold;font-size: 12px;"></span> <span
                                    style="color: red;">পিছ</span>

                                   {{-- <span style="color: red;">মাস</span> --}}
                                <br>
                                <span id="product_model_data_for_modal"></span>

                                @if($currencySymbol)
                                {{ $currencySymbol->symbol }}
                                @endif
                                <span id="mobile-modal-product-unit-price-id" class="mobile-modal-product-unit-price" style="color: rgb(0, 0, 0);"></span> x
                                <span class="mobile-modal-product-quantity-label" style="color: rgb(0, 0, 0);"></span>
                            </div>
                            <div class="col-5">
                                <span class="text-danger" style="font-size: 16px;">
                                    <br>
                                    @if($currencySymbol)
                                    {{ $currencySymbol->symbol }}
                                    @endif
                                    <span class="mobile-modal-product-price"></span>
                                </span>
                            </div>
                            {{-- <div class="col-12">
                                    <span class="text-danger" style="font-size: 18px;">
                                      Minimum order Qty <span class="mobile-modal-product-min_qty"></span>
                                    </span>
                                  </div> --}}

                            <div class="col-7 text-center">
                                <td class="product-quantity">
                                    <div class="cart-plus">
                                        <form action="#">
                                            <div class="cart-plus-minus mobile-modal-cart-plus-minus"
                                                data-device="mobile">
                                                <input type="text" class="mobile-modal-product-quantity">
                                                <div class="dec qtybutton">-</div>
                                                <div class="inc qtybutton">+</div>
                                            </div>
                                        </form>
                                    </div>
                                </td>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="my-2">
                <div class="row">
                    <div class="col-6">
                        <center>
                            <a id="addToCart" class="cart-button cart-button1 mobile-modal-add-to-card"
                                style="background-color: rgb(139, 39, 39); color: white; font-weight: bold;">আরও পণ্য
                                কিনুন</a>
                        </center>
                    </div>

                    <div class="col-6">
                        <center>
                            <a id="addToCart" class="cart-button cart-button1 mobile-modal-add-to-card"
                                href="{{ route('check-out') }}"
                                style="background-color: rgb(139, 39, 39); color: white; font-weight: bold;">অর্ডার শেষ
                                করুন</a>
                        </center>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>




<!--start for model product type -->
<div class="modal fade multimodel-modal" id="myMultimodelModal"  role="dialog" aria-labelledby="mySmallModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-sm m-0">
        <div class="modal-content p-3">
            <div id="multimodel_modal" class="mobile-modal">
                <div class="overloading">
                    <div class="loader"></div>
                </div>
                <h5>
                    <span>
                        <i class="fas fa-shopping-basket" style="color: #ff5c00;"></i>
                    </span>
                    <span style="color: #ff5c00;" id="multimodel_product_title">PAIKARI ELECTRONICS</span>
                    <span style="display: block;margin-left: 22px;color: #ff0000;margin-top: 2px;margin-bottom: 6px;font-size: 16px !important;" id="get_price_text_result"></span>
                    <span style="display: block;font-size: 13px;margin-left: 26px;margin-top: 4px;">সর্বনিম্ন অর্ডার: <b id="min_qty_text">0</b>  পিছ</span>
                </h5>
                <hr class="m-0 p-0">

                <div class="row">
                    <div class="col-md-12">
                        <label style="font-size: 16px;color: rgb(139, 39, 39);font-weight: bold;margin-top: 10px;">★ইতিমধ্যে যুক্ত মডেল-</label>
                        <div style="max-height: 200px;overflow-x: auto" id="multimodel_table_container">
                        <table class="table table-bordered table-striped" id="multimodelTable">
                            <thead>
                                <tr>
                                    <th width="45%">মডেল</th>
                                    <th>পিছ</th>
                                    <th width="15%" align="center"></th>
                                </tr>
                            </thead>

                            <tbody id="multimodel_scroll_body">

                            </tbody>
                        </table>
                        </div>
                        <p  style="margin-bottom: 4px;font-weight: bold;">সর্বমোট পিছ: <span id="mod_total_qty" style="float: right">00</span></p>
                        <p  style="font-weight: bold;">সাব টোটাল: <span id="mod_sub_total" style="float: right">00</span></p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <label style="font-size: 16px;color: rgb(139, 39, 39);font-weight: bold">★মডেল সিলেক্ট করুন-</label>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <select class="form-control" id="select2ModelList" onchange="changeSelectedModel(this.value)"></select>
                    </div>
                </div>


                <div class="row" style="margin-top: 15px">
                    <div class="col-8">
                        <div class="input-group mb-3">
                            <button style="border: none;padding: 0" class="input-group-prepend" onclick="decrementProductModel()" id="multimodel_decrement_btn">
                                <span class="input-group-text" style="padding: 5px 19px;background-color: rgb(139, 39, 39);color: wheat;font-size: 18px;font-weight: bold;">-</span>
                            </button>
                            <input id="multimodel_selected_qty" type="text" class="form-control" value="1" style="text-align: center" readonly>
                                <button style="border: none;padding: 0" class="input-group-append" onclick="incrementProductModel()">
                                    <span class="input-group-text" id="basic-addon2" style="padding: 5px 19px;background-color: rgb(139, 39, 39);color: wheat;font-size: 18px;font-weight: bold;">+</span>
                                </button>
                        </div>
                    </div>
                    <div class="col-4">
                        <button class="cart-button btn-primary" style="color: white;font-weight: bold;font-size: 16px" onclick="addModelFunction()"> + Add</button>
                    </div>
                </div>


                <hr style="margin:3px"/>
                <div class="row" style="margin-top: 15px;">


{{--                        <center>--}}
{{--                            <a onclick="addToCardForMultiModelDetails()" class="btn btn-primary"--}}
{{--                               href="{{ route('check-out') }}"--}}
{{--                               style="background-color: rgb(139, 39, 39); color: white; font-weight: bold;">অর্ডার শেষ করুন</a>--}}
{{--                        </center>--}}

{{--                        <div class="col-6">--}}
{{--                            <center>--}}
{{--                                <a onclick="addToCardForMultiModelMain()"  class="cart-button cart-button1 mobile-modal-add-to-card"--}}
{{--                                   style="background-color: rgb(139, 39, 39); color: white; font-weight: bold;">আরও পণ্য--}}
{{--                                    কিনুন</a>--}}
{{--                            </center>--}}
{{--                        </div>--}}

                        <div class="col-12">
                            <center>
                                <button type="button" onclick="addToCardForMultiModelDetails()" class="btn btn-primary"
                                   {{--                               href="{{ route('check-out') }}"--}}
                                   style="background-color: rgb(139, 39, 39); color: white; font-weight: bold;">শপিং ব্যাগে যুক্ত করুন</button>
                            </center>
                        </div>

                </div>

            </div>
        </div>
    </div>
</div>
<!--end for model product type -->

<script>

    let AddedProductList = [];

    $(document).ready(function() {
        $('#select2ModelList').select2({
            dropdownParent: $("#myMultimodelModal")
        });
    });

    //loadModelData();
    var productId; var selectedModel; var selectedProductName; var selectedProductQty; let exact_product_price;


    $('.multimodel-modal').on('show.bs.modal', function(event) {
        var modal = $(this);
        productId = modal.data('product-id');
        selectedModel = modal.data('product-model');
        selectedProductName = modal.data('product-name');
        selectedProductQty = modal.data('product-quantity');
    });


    function loadModelListForSelect2(){
        //selected data
        setTimeout(function() {

            let formData = {};
            let LocalStoData =localStorage.getItem('product_info_for_model');
            if(LocalStoData !== ""){
                formData = JSON.parse(LocalStoData);
            }

            let productModelList = localStorage.getItem('product_model_list');
            let productModelListForSelct = JSON.parse(productModelList);

            let select2Data = ``;
            productModelListForSelct.forEach( (item) => {
                if(formData.model == item) {
                    select2Data += `<option value="${item}" selected>${item}</option>`;
                }else{
                    select2Data += `<option value="${item}">${item}</option>`;
                }
            });
            document.querySelector("#select2ModelList").innerHTML = select2Data;
            let price_text = $('#get_price_text').html();
            $('#get_price_text_result').html(price_text.trim());
            exact_product_price = $('#exact_price').html();

            {{--let ModelList = localStorage.getItem('{{session()->getId()}}_model_' + formData.productId);--}}
            {{--if(ModelList != ""){--}}
            {{--    AddedProductList = JSON.parse(ModelList);--}}
            {{--}--}}
            displayModelFunction();

        }, 100);
    }




    {{--let formData = {};--}}
    {{--let LocalStoData =localStorage.getItem('product_info_for_model');--}}
    {{--if(LocalStoData !== ""){--}}
    {{--    formData = JSON.parse(LocalStoData);--}}
    {{--}--}}
    {{--$.ajax({--}}
    {{--    type: 'get',--}}
    {{--    url: '{{route("load_all_multi_models")}}',--}}
    {{--    data: formData,--}}
    {{--    success: function(response) {--}}
    {{--        console.log("all models");--}}
    {{--        console.log(response);--}}
    {{--        let htmlText = ``;--}}
    {{--        response.data.forEach((item,index)=>{--}}
    {{--            if(formData.model == item.toLowerCase()){--}}
    {{--                htmlText += `<option value="${item}" selected>${item}</option>`;--}}
    {{--            }else{--}}
    {{--                htmlText += `<option value="${item}">${item}</option>`;--}}
    {{--            }--}}

    {{--        });--}}
    {{--        $("#allModelsSelecte").html(htmlText);--}}






    // function loadModelData(){
    //     let formData = {};
    //     let LocalStoData =localStorage.getItem('product_info_for_model');
    //     if(LocalStoData !== ""){
    //         formData = JSON.parse(LocalStoData);
    //     }
   {{--     $.ajax({--}}
   {{--         type: 'get',--}}
   {{--         url: '{{route("display_multi_model")}}',--}}
   {{--         data: formData,--}}
   {{--         success: function(response) {--}}
   {{--             $("#mod_total_qty").html(response.total_qty);--}}
   {{--             $("#mod_desktop_total_qty").html(response.total_qty);--}}
   {{--             $("#mod_sub_total").html('{{ $currencySymbol->symbol }}' + response.sub_total);--}}
   {{--             $("#mod_desktop_sub_total").html('{{ $currencySymbol->symbol }}' + response.sub_total);--}}
   {{--             let price_text = $('#get_price_text').html();--}}
   {{--             $('#get_price_text_result').html(price_text.trim());--}}



   //              let htmlText = ``;
   //              htmlText = `<thead><tr>
   //                              <th width="45%">মডেল</th>
   //                              <th>পিছ</th>
   //                              <th width="15%" align="center"></th>
   //                          </tr></thead>`;
   //              if(response.data.length > 0){
   //              htmlText += `<tbody id="multimodel_scroll_body">`;
   //              response.data.forEach((item)=>{
   //                  htmlText += `<tr>
   //                              <td>${item.model}</td>
   //                              <td>
   // <div class="input-group">
   //                          <button style="border: none;padding: 0" class="input-group-prepend" onclick="decrementProductModel()">
   //                              <span class="input-group-text" style="padding: 0px 11px;background-color: rgb(139, 39, 39);color: wheat;font-size: 18px;font-weight: bold;">-</span>
   //                          </button>
   //                          <input  type="text" class="form-control" value="${item.qty}" style="text-align: center;height: 28px;" readonly>
   //                              <button style="border: none;padding: 0" class="input-group-append" onclick="incrementProductModel()">
   //                                  <span class="input-group-text" id="basic-addon2" style="padding: 0px 11px;background-color: rgb(139, 39, 39);color: wheat;font-size: 18px;font-weight: bold;">+</span>
   //                              </button>
   //                      </div>
   //
   //                              </td>
   //                              <td align="center"><a href="javascript:void(0)" onclick="removeMultiQty(${item.id})" style="color: darkred;font-size: 18px"><i class="fas fa-times-circle"></i></a> </td>
   //                          </tr>`;
   //              });
   //              htmlText += `</tbody>`;


   {{--             }else{--}}
   {{--                 htmlText += `<tr><td colspan="3">আপনি এখনো কোন মডেল অ্যাড করেন নি</td></tr>`;--}}
   {{--             }--}}

   {{--             $("#multimodelTable").html(htmlText);--}}
   {{--             $("#multimodelTable_desktop").html(htmlText);--}}


   {{--             console.log(tableBody.scrollHeight + 50);--}}

   {{--         },--}}
   {{--         error: function(error) {--}}
   {{--             // Handle error--}}
   {{--             console.log('Error:', error);--}}
   {{--         }--}}
   {{--     });--}}
   //  }




    let change_qty = 0;
    function incrementProductModel(){
        //let model_qty = $('#multimodel_selected_qty').val();
        let formData = {};
        let LocalStoData =localStorage.getItem('product_info_for_model');
        if(LocalStoData !== ""){
            formData = JSON.parse(LocalStoData);
            formData['qty'] = formData.minQty;
            if(formData.is_multiplication == '1'){
                if(change_qty == 0){
                    change_qty = formData.multiplication_value;
			console.log("multiplication");
                }
                 change_qty =  parseInt(change_qty) + parseInt(formData.multiplication_value);
            }else{
		console.log("not multiplication");
                if(change_qty == 0){
		    change_qty = formData.minQty;
                   // change_qty = 1;
		   console.log("is default 1");		
                }
                change_qty =  parseInt(change_qty) + parseInt(1);
            }
            $('#multimodel_selected_qty').val(change_qty);
            $('#product_model_desktop_quantity_'+formData.productId).val(change_qty);

        }else{
            console.log("not found");
        }
    }


    function decrementProductModel(){
        //let model_qty = $('#multimodel_selected_qty').val();
        let formData = {};
        let LocalStoData =localStorage.getItem('product_info_for_model');
        if(LocalStoData !== ""){
            formData = JSON.parse(LocalStoData);
            formData['qty'] = formData.minQty;

            if(formData.minQty >= change_qty){
                return;
            }

            if(formData.is_multiplication == '1'){
                change_qty =  parseInt(change_qty) - parseInt(formData.multiplication_value);
            }else{
                change_qty =  parseInt(change_qty) - parseInt(1);
            }

            $('#multimodel_selected_qty').val(change_qty);
            $('#product_model_desktop_quantity_'+formData.productId).val(change_qty);
        }
    }


    function displayModelFunction(){
        let formData = {};
        let LocalStoData = localStorage.getItem('product_info_for_model');
        if(LocalStoData !== "") {
            formData = JSON.parse(LocalStoData);
            let ModelList = localStorage.getItem('{{session()->getId()}}_model_' + formData.productId);
            if (ModelList != "" && ModelList != null) {
                AddedProductList = JSON.parse(ModelList);
                let htmlText = ``;
                let totalQty = 0;
                AddedProductList.forEach((item,index) => {
                    totalQty = parseInt(item.qty) + parseInt(totalQty);
                    htmlText += `<tr>
                                <td>${item.model}</td>
                                <td>
   <div class="input-group">
                            <button style="border: none;padding: 0" class="input-group-prepend" onclick="mutiDec(${index})">
                                <span class="input-group-text" style="padding: 0px 11px;background-color: rgb(139, 39, 39);color: wheat;font-size: 18px;font-weight: bold;">-</span>
                            </button>
                            <input  type="text" class="form-control" value="${item.qty}" style="text-align: center;height: 28px;" readonly>
                                <button style="border: none;padding: 0" class="input-group-append" onclick="mutiInc(${index})">
                                    <span class="input-group-text" id="basic-addon2" style="padding: 0px 11px;background-color: rgb(139, 39, 39);color: wheat;font-size: 18px;font-weight: bold;">+</span>
                                </button>
                        </div>

                                </td>
                                <td align="center"><a href="javascript:void(0)" onclick="removeMultiQty(${index})" style="color: darkred;font-size: 18px"><i class="fas fa-times-circle"></i></a> </td>
                            </tr>`;
                });

                $("#multimodel_scroll_body").html(htmlText);

                let unit_price = $("#exact_price").text();
                $('#mod_total_qty').html(totalQty);
                $('#mod_sub_total').html('৳' + (parseFloat(unit_price) * parseFloat(totalQty)));

                setTimeout(function() {
                    var elem = document.getElementById('multimodel_table_container');
                    elem.scrollTop = elem.scrollHeight;
                }, 500);

            }
        }
    }



    function addModelFunction(){

            var obj = document.createElement("audio");
            obj.src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/success.mp3";
            obj.volume = 1;
            obj.autoPlay = false;
            obj.preLoad = true;
            obj.controls = true;

            // $(".add-to-card").click(function() {
            obj.play();
            // });
            // End Notification Sound

        let formData = {};
        let LocalStoData = localStorage.getItem('product_info_for_model');
        //$('.overloading').css('display','inline-block');
        if(LocalStoData !== ""){
            formData = JSON.parse(LocalStoData);
            formData['qty'] = $('#multimodel_selected_qty').val();

            if(AddedProductList.length > 0){

                let err = 0;
                AddedProductList.forEach((item) => {
                    if(item.productId == formData.productId && item.model == formData.model){
                       err++;
                    }
                })

                if(err == 0){
                    AddedProductList.push(formData);
                    localStorage.setItem('{{session()->getId()}}_model_' + formData.productId,JSON.stringify(AddedProductList));
                    displayModelFunction();
                }else{
                    alert("Already added this item.");
                }
            }else{
                AddedProductList.push(formData);
                localStorage.setItem('{{session()->getId()}}_model_' + formData.productId,JSON.stringify(AddedProductList));
                displayModelFunction();
            }

        }else{
            alert("Ops! Some problem here");
        }
    }


    function mutiInc(index){
        let formData = {};
        let LocalStoData =localStorage.getItem('product_info_for_model');
        if(LocalStoData !== "") {
            formData = JSON.parse(LocalStoData);
            let incre_data = AddedProductList[index];
            if(incre_data.is_multiplication == "1"){
                AddedProductList[index].qty = parseInt(AddedProductList[index].qty) + parseInt(AddedProductList[index].multiplication_value);
            }else{
                AddedProductList[index].qty = parseInt(AddedProductList[index].qty) + parseInt(1);
            }
            localStorage.setItem('{{session()->getId()}}_model_' + formData.productId,JSON.stringify(AddedProductList));
            displayModelFunction();
        }

    }



    function mutiDec(index){

        let formData = {};
        let LocalStoData =localStorage.getItem('product_info_for_model');
        if(LocalStoData !== "") {
            formData = JSON.parse(LocalStoData);
            let incre_data = AddedProductList[index];

            if(AddedProductList[index].minQty >= AddedProductList[index].qty){
                return;
            }

            if(incre_data.is_multiplication == "1"){
                AddedProductList[index].qty = parseInt(AddedProductList[index].qty) - parseInt(AddedProductList[index].multiplication_value);
            }else{
                AddedProductList[index].qty = parseInt(AddedProductList[index].qty) - parseInt(1);
            }
            localStorage.setItem('{{session()->getId()}}_model_' + formData.productId,JSON.stringify(AddedProductList));
            displayModelFunction();
        }

    }

    function removeMultiQty(index){

        let formData = {};
        let LocalStoData =localStorage.getItem('product_info_for_model');
        if(LocalStoData !== "") {
            formData = JSON.parse(LocalStoData);
            if (index > -1) {
                AddedProductList.splice(index, 1); // 2nd parameter means remove one item only
                localStorage.setItem('{{session()->getId()}}_model_' + formData.productId, JSON.stringify(AddedProductList));
                displayModelFunction();
            }
        }

    }

    //loadAllModels();
    {{--function loadAllModels(){--}}
    {{--    let formData = {};--}}
    {{--    let LocalStoData =localStorage.getItem('product_info_for_model');--}}
    {{--    if(LocalStoData !== ""){--}}
    {{--        formData = JSON.parse(LocalStoData);--}}
    {{--    }--}}
    {{--    $.ajax({--}}
    {{--        type: 'get',--}}
    {{--        url: '{{route("load_all_multi_models")}}',--}}
    {{--        data: formData,--}}
    {{--        success: function(response) {--}}
    {{--            console.log("all models");--}}
    {{--            console.log(response);--}}
    {{--            let htmlText = ``;--}}
    {{--            response.data.forEach((item,index)=>{--}}
    {{--                if(formData.model == item.toLowerCase()){--}}
    {{--                    htmlText += `<option value="${item}" selected>${item}</option>`;--}}
    {{--                }else{--}}
    {{--                    htmlText += `<option value="${item}">${item}</option>`;--}}
    {{--                }--}}

    {{--            });--}}
    {{--            $("#allModelsSelecte").html(htmlText);--}}

    {{--        },--}}
    {{--        error: function(error) {--}}
    {{--            // Handle error--}}
    {{--            console.log('Error:', error);--}}
    {{--        }--}}
    {{--    });--}}
    {{--}--}}



    function changeSelectedModel(value){
        change_qty = 0;
        let formData = {};
        let LocalStoData =localStorage.getItem('product_info_for_model');
        if(LocalStoData !== ""){
            formData = JSON.parse(LocalStoData);
            formData['model'] = value.replace('_',' ').toLowerCase();
            localStorage.setItem('product_info_for_model',JSON.stringify(formData));
            $('#multimodel_selected_qty').val(formData.minQty);
        }
    }


    function addToCardForMultiModelDetails(){

        var obj = document.createElement("audio");
        obj.src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/success.mp3";
        obj.volume = 1;
        obj.autoPlay = false;
        obj.preLoad = true;
        obj.controls = true;

        // $(".add-to-card").click(function() {
        obj.play();
        // });
        // End Notification Sound

        let formData = {};
        let LocalStoData =localStorage.getItem('product_info_for_model');
        if(LocalStoData !== ""){
            formData = JSON.parse(LocalStoData);
        }

        let multimodelObj = [];
        let localMultimodelInformation = localStorage.getItem('{{session()->getId()}}_model_' + formData.productId);
        if(localMultimodelInformation !== ""){
            multimodelObj = JSON.parse(localMultimodelInformation);
        }else{
            alert('Please add model then click this button');
            return;
        }


        var element = document.getElementById("myMultimodelModal");
        element.classList.remove("show");
        element.style.display = 'none';
        $('.modal-backdrop').remove();
        $('.modal-open').removeClass('modal-open');


        // loaderStart();
        $.ajax({
            type: 'get',
            url: '{{route("add_to_cart_for_multimodel")}}',
            data: {productId:formData.productId,model_data:multimodelObj},
            contentType: "application/json",
            success: function(response) {
                if(!response.errorStatus){
			
                    
                    // let old_count = $("#shopping_bag_count_data").text();
                    // console.log("Your old data" + old_count);
                    // console.log("Your new qty" + response.quantity);
                    $("#shopping_bag_count_data").html(parseInt(response.quantity));
			alert("আপনার পণ্যটি শপিং ব্যাগে যুক্ত হয়েছে");
                    // localStorage.removeItem('product_info_for_model');
                    // location.reload();
                   // window.location.href = response.redirect;

                }
		localStorage.removeItem('{{session()->getId()}}_model_' + formData.productId);

               // $('.overloading').css('display','none');
               // loadModelData();
            },
            error: function(error) {
                // Handle error
                console.log('Error:', error);
            }
        });

    }


    {{--function addToCardForMultiModelMain(){--}}

    {{--    let formData = {};--}}
    {{--    let LocalStoData =localStorage.getItem('product_info_for_model');--}}
    {{--    if(LocalStoData !== ""){--}}
    {{--        formData = JSON.parse(LocalStoData);--}}
    {{--    }--}}

    {{--    $.ajax({--}}
    {{--        type: 'get',--}}
    {{--        url: '{{route("add_to_cart_for_multimodel")}}',--}}
    {{--        data: {productId:formData.productId},--}}
    {{--        contentType: "application/json",--}}
    {{--        success: function(response) {--}}
    {{--            if(!response.errorStatus){--}}
    {{--                localStorage.removeItem('product_info_for_model');--}}
    {{--            }--}}
    {{--            // $('.overloading').css('display','none');--}}
    {{--            // loadModelData();--}}
    {{--        },--}}
    {{--        error: function(error) {--}}
    {{--            // Handle error--}}
    {{--            console.log('Error:', error);--}}
    {{--        }--}}
    {{--    });--}}
    {{--}--}}




    {{--function incrementProductModel(){--}}
    {{--    //let model_qty = $('#multimodel_selected_qty').val();--}}
    {{--    let formData = {};--}}
    {{--    let LocalStoData =localStorage.getItem('product_info_for_model');--}}
    {{--    if(LocalStoData !== ""){--}}
    {{--        formData = JSON.parse(LocalStoData);--}}
    {{--        formData['qty'] = formData.minQty;--}}
    {{--        $('#multimodel_selected_qty').val(formData.minQty);--}}
    {{--        $('#product_model_desktop_quantity_'+formData.productId).val(formData.minQty);--}}
    {{--    }--}}
    {{--    $('.overloading').css('display','inline-block');--}}
    {{--    $.ajax({--}}
    {{--        type: 'post',--}}
    {{--        url: '{{route("increment_multi_model")}}',--}}
    {{--        data: formData,--}}
    {{--        success: function(response) {--}}
    {{--            $('#multimodel_selected_qty').val(response.qty);--}}
    {{--            $('#product_model_desktop_quantity_'+formData.productId).val(response.qty);--}}

    {{--            $('.overloading').css('display','none');--}}

    {{--            if(response.qty > formData.minQty){--}}
    {{--                $('#multimodel_decrement_btn').removeAttr('disabled');--}}
    {{--                $('#multimodel_desktop_decrement_btn').removeAttr('disabled');--}}
    {{--            }--}}
    {{--            loadModelData();--}}
    {{--        },--}}
    {{--        error: function(error) {--}}
    {{--            // Handle error--}}
    {{--            console.log('Error:', error);--}}
    {{--        }--}}
    {{--    });--}}
    {{--}--}}


    {{--function decrementProductModel(){--}}
    {{--    //let model_qty = $('#multimodel_selected_qty').val();--}}
    {{--    let formData = {};--}}
    {{--    let LocalStoData =localStorage.getItem('product_info_for_model');--}}
    {{--    if(LocalStoData !== ""){--}}
    {{--        formData = JSON.parse(LocalStoData);--}}
    {{--        formData['qty'] = formData.minQty;--}}
    {{--        $('#multimodel_selected_qty').val(formData.minQty);--}}
    {{--        $('#product_model_desktop_quantity_'+formData.productId).val(formData.minQty);--}}
    {{--    }--}}
    {{--    $('.overloading').css('display','inline-block');--}}
    {{--    $.ajax({--}}
    {{--        type: 'post',--}}
    {{--        url: '{{route("decrement_multi_model")}}',--}}
    {{--        data: formData,--}}
    {{--        success: function(response) {--}}
    {{--            $('#multimodel_selected_qty').val(response.qty);--}}
    {{--            $('#product_model_desktop_quantity_'+formData.productId).val(response.qty);--}}
    {{--            $('.overloading').css('display','none');--}}

    {{--            if(response.qty == formData.minQty){--}}
    {{--                $('#multimodel_decrement_btn').attr('disabled','disabled');--}}
    {{--                $('#multimodel_desktop_decrement_btn').attr('disabled','disabled');--}}
    {{--            }--}}
    {{--            loadModelData();--}}
    {{--        },--}}
    {{--        error: function(error) {--}}
    {{--            // Handle error--}}
    {{--            console.log('Error:', error);--}}
    {{--        }--}}
    {{--    });--}}
    {{--}--}}


</script>

<style>

    .select2-dropdown {
        z-index: 999999 !important;
    }

    .select2 select2-container select2-container--default select2-container--above{
        width: 100% !important;
    }

select2 select2-container select2-container--default select2-container--above
    .select2-container--default .select2-selection--single {
        border: 1px solid rgb(139, 39, 39) !important;
    }

    .select2-container .select2-selection--single {
        height: 36px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 33px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 33px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

    #multimodel_modal .table td, .table th {
        padding: 5px;
    }

    #multimodel_modal{
        position: relative;
    }
    .overloading{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #cccccc17;
        z-index: 5000;
        display: none;
    }

    .loader {
        border: 6px solid #f3f3f3;
        border-top: 6px solid #3498db;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
        text-align: center;
        margin: 0px auto;
        top: 40%;
        left: 41%;
        position: absolute;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
</style>




{{-- End Modal --}}

@if(Route::current()->getName() != "register" && Route::current()->getName() != "sign-in")
<footer id="mobileResponsiveFooter" style="z-index: 1;">
    <div class="card">
        <div class="card-body m-0 p-0">
            <div class="row">
                {{-- <div class="col-6 pt-1 text-center" id="shoppingStart">
                <div class="logo">
                    <a href="{{url('/')}}"><img loading="lazy" src="{{ URL::asset('venam/') }}/img/logo/logo_paikari_red.png"
                    alt="Logo"></a>
            </div>
        </div> --}}
        <div class="col-3 pt-1 text-center">
            {{-- <i class="fas fa-shopping-cart mt-2" style="font-size: 30px;"></i> --}}
            <a href="{{url('/')}}">
                <li class="header-shop-cart">
                    <i class="fas fa-home" style="font-size: 20px;color: #ff5c00;"></i>
                    <br>
                    <span style="font-size:10px;font-weight:bold;color:#ff5c00;">পাইকারী</span>
                </li>
            </a>
        </div>
        <div class="col-3 pt-1 text-center">
            {{-- <i class="fas fa-shopping-cart mt-2" style="font-size: 30px;"></i> --}}
            <a href="{{route('all-category-wise')}}">
                <li class="header-shop-cart">
                    <i class="fas fa-bullhorn text-dark" style="font-size: 20px;"></i>
                    <br>
                    <span class="text-dark" style="font-size:10px; font-weight:bold;">ক্যাটাগরি</span>
                </li>
            </a>
        </div>
        <div class="col-3 pt-1 text-center">
            <a href="{{ route('my-account') }}">
                {{-- <i class="fas fa-shopping-cart mt-2" style="font-size: 30px;"></i> --}}
                <li class="header-shop-cart"><i class="fas fa-user text-dark" style="font-size: 20px;"></i><br>
            <span class="text-dark" style="font-size:10px; font-weight:bold;">একাউন্ট</span>
            </li>
            </a>
        </div>
        <div class="col-3 pt-1 text-center">
            <a href="{{ route('cart') }}">
                {{-- <i class="fas fa-shopping-cart mt-2" style="font-size: 30px;"></i> --}}
                <li class="header-shop-cart">
                    <i class="fas fa-shopping-cart text-dark" style="font-size: 20px;"></i><span id="shopping_bag_count_data" class="cart-count"
                        style="background-color: #ff0000;">{{ $cardBadge['data']['number_of_product'] }}</span><br>
                    <span style="font-size:10px; font-weight:bold;color: #ff0000;">শপিংব্যাগ</span>
                </li>
            </a>
        </div>
    </div>
    </div>
    </div>
</footer>
@endif

<script>
    $("#addToCart").on("click", function (event) {
        $('.modal').modal('hide');
    });
</script>