@extends('layouts.frontend')
@section('js_after')
    <script>
    $('.scheme_bs').on('change',function () {
        GetSchemeReturnswithNAV_bs();
    });

    $(document).on('click','.part_prev_now',function () {


        var r = confirm("Are you sure want to edit? ");
        if (r == false) {
          return false;
        } 

        $(".view_invested_amt").html("0")

        if($('input#suggestive_chk2').is(':checked')){
            $('#suggestive_chk2').click();
            $(".removel_row").remove();

            $(".sub-filed-amt").attr("readonly",false);
            $(".sub-filed-name").attr("readonly",false);
            $(".product_opt_change").attr("disabled",false);

            $(".select_btn_pro").css("display",'inline-block');
            $(".select_btn_pro_new").css("display",'inline-block');
            //$(".submit_btn_pro").css("display",'inline-block');
            $(".asset_new_name_class").attr("readonly", false);

            $(".remove_ach").css("display",'inline-block');
            $(".part_prev_now_div_last").css("display",'none');
            $(".part_next_last").css("display",'inline-block');
            $(".mutual-fund").css("display","none");

            $('.removel_tr').remove();

        }else{
            
        }
        $(".part_next").css("display",'inline-block');
        $(".asset_class").css("display","none");
        $(".opening_balance").css("display","none");
        $(".asset_entry").css("display","none");
        $(".asset_entry_new").css("display","none");
        $("#sceem_box").css("display","none");
        $(".comment_avd").css("display","none");

        $('#suggestive_chk').prop('checked', false);
        $('#suggestive_chk3').prop('checked', false);
        $('#suggestive_chk2').prop('checked', false);
        $('.check_scheme').prop('checked', false);
        $('#suggestive_chk4').prop('checked', false);


        $(".remove_ach_new").css("display","block");
        $(".big_div_content").css("display","none");
        
        $(".invesment_choise").attr("disabled", false);
        $(".p_per_dis").attr("readonly", false);

        $(".asset_new_name_class").attr("readonly", false);

        $(".cal_new_boxs").attr("readonly", false);
        $(".asset_opt_change").attr("readonly", false);
        $(".add_more_asset_my").css("display","inline-block");

        $(".part_prev_now_div").css("display","none");

        if ($('input#create_and_fill').is(':checked')) {
            //$(".new_product_slab").html('');
            $("#total_investment_amount_new").val('');
            $(".pro_mul_new").val('');
        }else{
            $("#total_investment_amount").val('');
            $(".pro_mul").val('');
        }



    });

    $(document).on('keyup','.cal_new_boxs',function () {

        var per_nb = 0;
        $(".cal_new_boxs").each(function() {
            per_nb += parseFloat($(this).val());
        });

        if(per_nb==100)
        {
            $("#custome_per_view").html("<strong style='color:#28a745;'>Total : "+per_nb+"%</strong>");
        }else{
            $("#custome_per_view").html("<strong style='color:red;'>Total : "+per_nb+"%</strong>");
        }
        

    });

    $(document).on('click','.part_next',function () {

        if ($('input#create_and_fill').is(':checked')) {
                
                var total_inv = 0;
                $(".cal_new_boxs").each(function() {
                    total_inv += parseFloat($(this).val());
                });
                if(total_inv==100)
                {
                    $(".remove_ach_new").css("display","none");
                    $(".asset_entry_new").css("display","none");
                    $(".asset_entry").css("display","none");

                    $("#per_error").text("");
                    $(".dis_per").attr("disabled", false);
                    $(".big_div_content").css("display","block");
                    $(".invesment_choise").attr("disabled", true);
                    $(".p_per_dis").attr("readonly", true);


                    $(".cal_new_boxs").attr("readonly", true);
                    $(".asset_opt_change").attr("readonly", true);
                    $(".asset_new_name_class").attr("readonly", true);
                    $(".add_more_asset_my").css("display","none");

                    $(".part_prev_now_div").css("display","block");
                    $(".part_next").css("display",'none');

                }else{
                    alert("Asset Allocation must be 100%");
                    return false;
                }
                
        }else if($('input#fill_only_per').is(':checked')){
                /*$(".asset_entry").css("display","block");
                $(".asset_entry_new").css("display","none");*/
                //$(".class_td").css("display","inline-block");
                var total_per = 0;
                $('.p_per_dis').each(function(){
                    if($(this).val()=="")
                    {
                        $(this).val('0');
                        $(this).keyup();
                    }
                    total_per += parseFloat($(this).val());  // Or this.innerHTML, this.innerText
                    if($(this).val()==0)
                    {
                        $("#class_td_"+$(this).data('pid')).css("display",'none');
                        $(".calender_td_"+$(this).data('pid')).css("display",'none');
                    }else{
                        $("#class_td_"+$(this).data('pid')).css("display",'table-row');
                        $("#class_td_x").css("display",'table-row');
                        $("#class_td_y").css("display",'table-row');
                        $(".calender_td_"+$(this).data('pid')).css("display",'table-cell');
                    }
                });

            

                if(total_per==100)
                {
                    $("#per_error").text("");
                    $(".dis_per").attr("disabled", false);
                    $(".big_div_content").css("display","block");
                    $(".invesment_choise").attr("disabled", true);
                    $(".p_per_dis").attr("readonly", true);

                    $(".cal_new_boxs").attr("readonly", true);
                    $(".asset_opt_change").attr("readonly", true);
                    $(".add_more_asset_my").css("display","none");

                    $(".part_prev_now_div").css("display","block");
                    $(".part_next").css("display",'none');
                    
                }else{
                    $("#per_error").text("Error! Total Sum must be 100%");
                    $(".dis_per").attr("disabled", true);
                }

        }else{

                    $("#per_error").text("");
                    $(".dis_per").attr("disabled", false);
                    $(".big_div_content").css("display","block");
                    $(".invesment_choise").attr("disabled", true);
                    $(".p_per_dis").attr("readonly", true);

                    $(".cal_new_boxs").attr("readonly", true);
                    $(".asset_opt_change").attr("readonly", true);
                    $(".add_more_asset_my").css("display","none");

                    $(".part_prev_now_div").css("display","block");
                    $(".part_next").css("display",'none');

        }


    });

    $(document).on('click','.invesment_choise',function () {
        var vr=$(this).val();
        $("#invesment_choise_input").val(vr);
        $("#custome_per_view").html("");
        $("#calculate_all_pro_per").html("");
        $("#per_error").html("");
        if(vr==1)
        {
            $(".p_per_hd").css("display","block");
            $(".p_per_dis").css("display","none");
            $("#add_your_asset").html('');
            $(".suggestive_chk_box1").css("display","block");
            $(".suggestive_chk3_box").css("display","block");
        }else if(vr==2)
        {
            $(".p_per_hd").css("display","none");
            $(".p_per_dis").css("display","block");
            $("#add_your_asset").html('');
            $(".suggestive_chk_box1").css("display","block");
            $(".suggestive_chk3_box").css("display","block");
        }else if(vr==3)
        {
            var html=$("#hidden_my_classe").html();
            $(".p_per_hd").css("display","block");
            $(".p_per_dis").css("display","none");

            $("#add_your_asset").html(`<div class="pro_card"><div class="form-group row append_new_asset"><div class="col-sm-6"><select data-ass="100000" class="form-control asset_opt_change" name="asset_new_id[]">`+html+`</select></div><div class="col-sm-6"><input type="number" placeholder="%" name="asset_new_amount[]" min="1" oninput="validity.valid||(value='');" id="added_pro_productx100000" class="form-control cal_new_boxs"></div><div id="other_ass_100000"><input type="hidden" name="asset_new_name[]" id="hidden_asset_name_100000" class="asset_new_name_class"></div></div></div><a href="javascript:void(0);" class="btn btn-secondary btn-round btn-sm add_more_asset_my" data-pid="3"><i class="fa fa-plus"></i> Add Asset</a>`);
            $(".suggestive_chk_box1").css("display","none");
            $(".suggestive_chk3_box").css("display","none");
        }

        if($('input#suggestive_chk2').is(':checked')){
            $('#suggestive_chk2').click();
        }else{
            
        }
        
    });



    var sale=100001;

    $(document).on('click','.add_more_asset_my',function () {
        var html=$("#hidden_my_classe").html();
        $(".append_new_asset").append(`<div class="d-flex relative w-100 mt-1"><a class="remove_ach_new close-absolute" data-mid="`+sale+`" href="#"><i class="fa fa-times"></i></a><div class="col-sm-6"><select data-ass="`+sale+`" class="form-control asset_opt_change" name="asset_new_id[]">`+html+`</select></div><div class="col-sm-6"><input type="number" name="asset_new_amount[]" min="1" min="0" oninput="validity.valid||(value='');" id="added_pro_productx`+sale+`" placeholder="%" class="form-control cal_new_boxs"></div><div class="col-sm-6" id="other_ass_`+sale+`"><input type="hidden" name="asset_new_name[]" id="hidden_asset_name_`+sale+`" class="asset_new_name_class"></div></div>`);
        $(".new_product_slab").append('<div class="pro_card" id="product_box'+sale+'"><div class="form-group row relative"><label class="col-sm-6 col-form-label"><span id="created_pro'+sale+'"></span><input type="hidden" name="investment_product_new[]" id="investment_product_'+sale+'" value=""><input type="hidden" name="investment_product_id_new[]" id="investment_product_id_'+sale+'" value=""><input type="hidden" name="investment_product_id_new_fake[]" value="'+sale+'"></label><div class="col-sm-6"><input type="text" readonly name="investment_amount_product_new[]" class="form-control pro_mul_new" data-id="'+sale+'" id="productx'+sale+'"></div><div style="display:none" id="copy_select'+sale+'"><option selected disable value="">Select Product</option><option value="Other">Other</option><option value="mf">Mutual Funds Schemes</option></div></div></div><div class="d-flex justify-content-between mb-3"><a href="javascript:void(0);" class="btn btn-secondary btn-round select_btn_pro_new" data-pid="'+sale+'"><i class="fa fa-plus"></i> Add Product</a><p class="text-right">Product Total : <strong class="view_invested_amt" id="invested_amt_'+sale+'">0</strong></p></div>');
        sale++;
    });

    $(document).on('keyup','.asset_new_name_class',function () {
        var ass=$(this).data('pid');
        $("#created_pro"+ass).text($(this).val());
        $("#investment_product_"+ass).val($(this).val());
        $("#investment_product_id_"+ass).val('0');
    });

    $(document).on('change','.asset_opt_change',function () {
        var ch=$(this).val();
        var optionSelected = $(this).find("option:selected");
        var ch_text=optionSelected.text();
        var ass=$(this).data('ass');
        //alert(ch_text);
        if(ch=='other')
        {
            $("#other_ass_"+ass).html('<input type="text" data-pid="'+ass+'" name="asset_new_name[]" placeholder="Asset Name" class="form-control asset_new_name_class">');
        }else{
            $("#other_ass_"+ass).html('<input type="hidden" name="asset_new_name[]" value="'+ch+'" id="hidden_asset_name_'+ass+'" class="form-control">');
            $("#created_pro"+ass).text(ch_text);
            $("#investment_product_"+ass).val(ch_text);
            $("#investment_product_id_"+ass).val(ch);
        }
    });

    $(document).on('change keyup','.p_per_dis',function () {
        var pid=$(this).data('pid');
        var vzx=$(this).val();

        var pvx1=$("#pxy_1_"+pid).val();
        var sums1=(vzx/100)*pvx1;
        $("#pxy_total_1_"+pid).val(sums1);

        var sum_ck = 0;
        $('.eqis_total_1').each(function(){
            sum_ck += parseFloat($(this).val());  // Or this.innerHTML, this.innerText
        });
        $("#panelx_1").text(sum_ck.toFixed(2)+'%');
        $("#eqis_slab_1").val(sum_ck.toFixed(2));

        var pvx2=$("#pxy_2_"+pid).val();
        var sums2=(vzx/100)*pvx2;
        $("#pxy_total_2_"+pid).val(sums2);

        var sum_ck2 = 0;
        $('.eqis_total_2').each(function(){
            sum_ck2 += parseFloat($(this).val());  // Or this.innerHTML, this.innerText
        });
        $("#panelx_2").text(sum_ck2.toFixed(2)+'%');
        $("#eqis_slab_2").val(sum_ck2.toFixed(2));

        var pvx3=$("#pxy_3_"+pid).val();
        var sums3=(vzx/100)*pvx3;
        $("#pxy_total_3_"+pid).val(sums3);

        var sum_ck3 = 0;
        $('.eqis_total_3').each(function(){
            sum_ck3 += parseFloat($(this).val());  // Or this.innerHTML, this.innerText
        });
        $("#panelx_3").text(sum_ck3.toFixed(2)+'%');
        $("#eqis_slab_3").val(sum_ck3.toFixed(2));

        var pvx4=$("#pxy_4_"+pid).val();
        var sums4=(vzx/100)*pvx4;
        $("#pxy_total_4_"+pid).val(sums4);

        var sum_ck4 = 0;
        $('.eqis_total_4').each(function(){
            sum_ck4 += parseFloat($(this).val());  // Or this.innerHTML, this.innerText
        });

        $("#panelx_4").text(sum_ck4.toFixed(2)+'%');
        $("#eqis_slab_4").val(sum_ck4.toFixed(2));

        var total_per = 0;
        $('.p_per_dis').each(function(){
            total_per += parseFloat($(this).val());  // Or this.innerHTML, this.innerText
        });

        if(total_per==100)
        {
            $("#per_error").text("");
            $(".dis_per").attr("disabled", false);
        }else{
            //$("#per_error").text("Error! Total Sum must be 100%");
            $(".dis_per").attr("disabled", true);
        }

        if(total_per==100)
        {
            $("#calculate_all_pro_per").html("<strong style='color:#28a745;'>Total : "+total_per+"%</strong>");
        }else{
            $("#calculate_all_pro_per").html("<strong style='color:red;'>Total : "+total_per+"%</strong>");
        }
        

        /*var pvx2=$("#eqis_2").val();
        var sums2=(vzx/100)*pvx2;
        $("#panelx_2").text(sums2.toFixed(2)+'%');

        var pvx3=$("#eqis_3").val();
        var sums3=(vzx/100)*pvx3;
        $("#panelx_3").text(sums3.toFixed(2)+'%');

        var pvx4=$("#eqis_4").val();
        var sums4=(vzx/100)*pvx4;
        $("#panelx_4").text(sums4.toFixed(2)+'%');*/

    });

    $(document).on('click','.check_scheme',function () {
        if ($(this).is(':checked')) {
            $('#sceem_box').css('display','block');
            var html=$('#sceem_box').html();
            $('#table_data').val(html);
        }else{
            $('#sceem_box').css('display','none');
        }
        
    });

     $(document).on('click','#suggestive_chk3',function () {
        if ($(this).is(':checked')) {
            $('.opening_balance').css('display','block');
        }else{
            $('.opening_balance').css('display','none');
        }
        
    });

     $(document).on('click','#suggestive_chk4',function () {
        if ($(this).is(':checked')) {
            $('.comment_avd').css('display','block');
        }else{
            $('.comment_avd').css('display','none');
        }
        
    });


    function GetSchemeReturnswithNAV_bs(){
       /* var performance = $('input[name="include_performance"]:checked').val();
        if(!performance){*/
         var performance="with_performance";
        //}
        var bid_mf=$("#bid_mf").val();
        var pid_mf=$("#pid_mf").val();

        $.ajax({
            url: "{{ url('/suggested/get-scheme-return-with-nav') }}",
            method: 'get',
            data: {
                schemecode: $('#scheme').val(),
                option: $('#option').val(),
                performance: performance
            },
            success: function (result) {
                if(result.length>0) {
                    var schemecode = result[0]['Schemecode'];
                    var option = result[0]['OPTION'];
                    var asset_type = result[0]['ASSET_TYPE'];

                    var rowCount = -1 + $('table.suggested-scheme-details-'+bid_mf+'-'+pid_mf+' tr').length;

                    if (rowCount==10 || rowCount>10){
                        alert('Max selection limit achieved!');
                        return false;
                    }

                    if ($('input#create_and_fill').is(':checked')) {

                        $("#block-"+bid_mf+"-"+pid_mf).html('<input type="text" placeholder="Type Name" class="sub-filed-name form-control mb-2" name="new_sub_product_name'+pid_mf+'[]" value="'+result[0]['S_NAME']+'"><input type="number" data-pid="'+pid_mf+'" placeholder="Amount" class="sub-filed-amt form-control new_amount_cal'+pid_mf+'" name="new_sub_product_amount'+pid_mf+'[]">');

                    }else{

                        $("#block-"+bid_mf+"-"+pid_mf).html('<input type="text" placeholder="Type Name" class="sub-filed-name form-control mb-2" name="sub_product_name'+pid_mf+'[]" value="'+result[0]['S_NAME']+'"><input type="number" data-pid="'+pid_mf+'" placeholder="Amount" class="sub-filed-amt form-control amount_cal'+pid_mf+'" name="sub_product_amount'+pid_mf+'[]">');

                    }

                    

                    var trdata = "<tr class='removel_tr'><td><strong>" + result[0]['S_NAME'] + "</strong></td>" +
                        "<td>" + result[0]['ASSET_TYPE'] + "</td>" +
                        "<td>" + result[0]['CATEGORY'] + "</td>" +
                        "<td>" + parseFloat(result[0]['1YEARRET']).toFixed(2) + "%</td>" +
                        "<td>" + parseFloat(result[0]['3YEARRET']).toFixed(2) + "%</td>" +
                        "<td>" + parseFloat(result[0]['5YEARRET']).toFixed(2) + "%</td>" +
                        "<td>" + parseFloat(result[0]['10YEARRET']).toFixed(2) + "%</td>";

                    $('table.suggested-scheme-details-new tbody').append(trdata);
                    if ($('table.suggested-scheme-details-new tr').length > 1){
                        //$('.suggested-scheme-details-'+bid_mf+"-"+pid_mf).css('display','block');
                    }
                    

                    //alert(result[0]['S_NAME']);
                    $('#option').prop('selectedIndex',0).trigger("change");
                    $('#asset').empty();
                    getAssetType();
                    $('#fund').empty();
                    getAMC();
                    $('#category').empty();
                    getCategory();
                    $('#type').prop('selectedIndex',0).trigger("change");
                    $('#scheme').empty();
                   $('#classModal').modal('hide');
                }
            }
        });
    }

    $(document).on("click","#suggestive_chk",function(){
        if ($('input#normal_way').is(':checked')) {
                $(".unbreakable-old").css("display","table");
                $(".unbreakable").css("display","none");

                if ($('input#suggestive_chk').is(':checked')) {
                    $(".asset_class").css("display","block");
                }else{
                    $(".asset_class").css("display","none");
                }

        }else{
                $(".unbreakable-old").css("display","none");
                $(".unbreakable").css("display","table");

                if ($('input#suggestive_chk').is(':checked')) {
                    $(".asset_class").css("display","block");
                }else{
                    $(".asset_class").css("display","none");
                }
        }
    });
    $(document).on("click","#suggestive_chk2",function(){
        if ($('input#suggestive_chk2').is(':checked')) {

            if ($('input#create_and_fill').is(':checked')) {
                
                var total_inv = 0;
                $(".cal_new_boxs").each(function() {
                    total_inv += parseFloat($(this).val());
                });
                if(total_inv==100)
                {
                    $(".asset_entry_new").css("display","block");
                    $(".asset_entry").css("display","none");
                }else{
                    alert("Asset Allocation must be 100%");
                    return false;
                }
                
            }else{
                $(".asset_entry").css("display","block");
                $(".asset_entry_new").css("display","none");
            }
        }else{
            $(".asset_entry").css("display","none");
            $(".asset_entry_new").css("display","none");
        }
    });
    
    /*$(document).on("click",".submit_btn_pro_new",function(){
        var mpid=$(this).data('pid');
        var stotla=$("#productx"+mpid).val()
        var total_in = 0;
            $(".new_amount_cal"+mpid).each(function() {
                total_in += parseFloat($(this).val());
            });
        if(stotla==total_in)
        {
            alert("Please continue to next asset class.")
        }else{
            alert("The total amount of product selected does not match the amount allocated under this asset class.");
        }

    });*/

    /*$(document).on("click",".submit_btn_pro",function(){
        var mpid=$(this).data('pid');
        var stotla=$("#product"+mpid).val()
        var total_in = 0;
            $(".amount_cal"+mpid).each(function() {
                total_in += parseFloat($(this).val());
            });
        if(stotla==total_in)
        {
            alert("Please continue to next asset class.")
        }else{
            alert("The total amount of product selected does not match the amount allocated under this asset class.");
        }
    qqqqqqqqqqqqqqqqq
    });*/

    $(document).on("click","#endexam_serv",function(){
        var client_age=$("#client_age").val();
        var client_name=$("#client_name").val();

        var chcbx=0;
        var names = []

        if(client_age.length==0)
        {
             chcbx=1;
             $(".age-error").text("Please Insert Your Age.");
        }else if(client_age.length>=3){
             $(".age-error").text("Please Insert Your Age 0 to 99.");
        }else{
             $(".age-error").text("");
        }

        /*if(client_age.length>=3)
        {
             chcbx=1;
             $(".age-error").text("Please Insert Your Age 0 to 99.");
        }else{
             $(".age-error").text("");
        }*/

        if(client_name=="")
        {
             chcbx=1;
             $(".name-error").text("Please Insert Your Name.");
        }else{
            $(".name-error").text("");
        }


        $('input:radio').each(function () {
            var rname = $(this).attr('name');
            if ($.inArray(rname, names) === -1) names.push(rname);
        });
        
        //do validation for each group
        $.each(names, function (i, name) {
            if ($('input[name="' + name + '"]:checked').length === 0) {
                //alert('Please check ' + name);
            $("."+name).parent().parent().parent().parent().parent().find(".error-new").text("Please Select Answer.");
                chcbx=1;
            }else{
            $("."+name).parent().parent().parent().parent().parent().find(".error-new").text("");
            }
        });

        if(chcbx==0)
        {
            
            var total = 0;
            $("input[type=radio]:checked").each(function() {
                if($(this).data('mark'))
                {
                    total += parseFloat($(this).data('mark'));
                }
            });
            //alert(total);
            $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
            });

            var period=$("input[name='period']:checked").val();

            $.ajax({
                type: 'get',
                url: "{{ route('frontend.asset-allocation-exam-ajax') }}",
                data: {client_age: client_age,client_name: client_name,period: period,total: total},
                success: function (data) {
                    $(".result_exam").html(data);
                }
            });
        }
        
    });
    $(document).on("keyup","#total_investment_amount_new",function(){
        var amt=$(this).val();

        $(".pro_mul_new").each(function(){
            var nid=$(this).attr('id');
            var amtp=$("#added_pro_"+nid).val();
            var tot=amtp*amt/100;
            $("#"+nid).val(tot);
        });

    });
    $(document).on("keyup","#total_investment_amount",function(){
        var amt=$(this).val();

        if ($('input#fill_only_per').is(':checked')) {
            $(".pro_mul").each(function(){
            var nid=$(this).attr('id');
            var amtp=$("#edited_"+nid).val();
            var tot=amtp*amt/100;
            $("#"+nid).val(tot);
            });
        }else{
            $(".pro_mul").each(function(){
            var nid=$(this).attr('id');
            var amtp=$("#allocation_"+nid).val();
            var tot=amtp*amt/100;
            $("#"+nid).val(tot);
            });
        }

    });


                                                                                                 

    $(document).on("click",".part_next_last",function(e){


        /*qqqqqqqqqqq*/
        if($('input#suggestive_chk2').is(':checked')){

            var err_pk=0;
            
            if($('input#create_and_fill').is(':checked')){
                $(".pro_mul_new").each(function() {
                        var man_amt = $(this).val();
                        var vid = $(this).data('id');
                        var total_sub=0;
                        $(".new_amount_cal"+vid).each(function() {
                            total_sub+=parseFloat($(this).val());
                        });

                        if(total_sub!=0 && man_amt!=total_sub)
                        {
                            $("#productx"+vid).css("border-color","red");
                            err_pk=1;
                        }else{
                            $("#productx"+vid).css("border-color","#1c7430");
                        }
                });

                $(".product_opt_change_new").each(function(){
                    var mf=$(this).val();
                    if(mf=='mf')
                    {
                        $(".mutual-fund").css("display","inline-block");
                    }
                });

            }else{
                $(".pro_mul").each(function() {
                        var man_amt = $(this).val();
                        var vid = $(this).data('id');
                        var total_sub=0;
                        $(".amount_cal"+vid).each(function() {
                            total_sub+=parseFloat($(this).val());
                        });

                        if(total_sub!=0 && man_amt!=total_sub)
                        {
                            $("#product"+vid).css("border-color","red");
                            err_pk=1;
                        }else{
                            $("#product"+vid).css("border-color","#1c7430");
                        }
                });
            }

            if(err_pk==1)
            {
                alert("The total amount of product selected does not match the amount allocated under this asset class.");
                return false;
            }

        }
            
        $(".sub-filed-amt").attr("readonly",true);
        $(".sub-filed-name").attr("readonly",true);
        $(".product_opt_change").attr("disabled",true);

        $(".product_opt_change_new").attr("disabled",true);
        //$(".product_opt_change_new").attr("readonly",true);

        //new_sub_product_amount
        /*xxxxxxxxxxxxxxxxxx*/

        $(".part_next_last").css("display",'none');
        $(".remove_ach").css("display",'none');
        $(".select_btn_pro").css("display",'none');
        $(".select_btn_pro_new").css("display",'none');
        //$(".submit_btn_pro").css("display",'none');
        
        $(".part_prev_now_div_last").css("display",'inline-block');
        $(".product_opt_change").each(function(){
            var mf=$(this).val();
            if(mf=='mf')
            {
                $(".mutual-fund").css("display","inline-block");
            }
        });
         
    });

    function countChar(val) {
        var len = val.value.length;
        if (len >= 2000) {
          val.value = val.value.substring(0, 2000);
        } else {
          var swm=parseInt(2000) - parseInt(len);
          $('#charNum').html("Characters Left: "+swm);
        }
      };

    $(document).on("click",".part_prev_now_last",function(e){

        var r = confirm("Are you sure want to edit? ");
        if (r == false) {
          return false;
        } 
            
        $(".sub-filed-amt").attr("readonly",false);
        $(".sub-filed-name").attr("readonly",false);
        $(".product_opt_change").attr("disabled",false);

        $(".select_btn_pro").css("display",'inline-block');
        $(".select_btn_pro_new").css("display",'inline-block');
        //$(".submit_btn_pro").css("display",'inline-block');

        $(".remove_ach").css("display",'inline-block');
        $(".part_prev_now_div_last").css("display",'none');
        $(".part_next_last").css("display",'inline-block');
        $(".mutual-fund").css("display","none");
        $("#sceem_box").css("display","none");

            
    });

    $(document).on("click",".remove_ach",function(e){
        e.preventDefault();
        $(this).parent().remove();
        $(".total_view_me").text('0');
        $(".sub-filed-amt").keyup();
        
    });

    $(document).on("click",".remove_ach_new",function(e){
        var mid=$(this).data('mid');
        e.preventDefault();
        $(this).parent().remove();
        $("#product_box"+mid).remove();
        $("#smb"+mid).remove();
    });

    var xi=1;
    $(document).on("click",".select_btn_pro",function(){
        var pid=$(this).data('pid');
        $("#display_submit_of_"+pid).css( "display", "inline-block" );
        var html=$("#copy_select"+pid).html();
        $("#product_box"+pid).append('<div class="form-group row removel_row relative"><a class="remove_ach close-absolute" href="#"><i class="fa fa-times"></i></a><div class="col-sm-7"><select class="form-control product_opt_change" name="invest_part_name'+pid+'[]" data-block="'+xi+'" data-pid="'+pid+'">'+html+'</select></div><div class="col-sm-5" id="block-'+xi+'-'+pid+'"><div></div>');
        xi++;
    });

    var xy=1;
    $(document).on("click",".select_btn_pro_new",function(){
        var pid=$(this).data('pid');
        $("#display_submit_of_"+pid).css( "display", "inline-block" );
        var opid=$("#investment_product_id_"+pid).val();
        //alert(opid);
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });

        $.ajax({
                type: 'get',
                url: "{{ route('frontend.asset-allocation-exam-get-options-product-ajax') }}",
                data: {opid: opid},
                success: function (data) {
                    ///alert(data);
                    $("#product_box"+pid).append('<div class="form-group row removel_row relative"><a class="remove_ach close-absolute" href="#"><i class="fa fa-times"></i></a><div class="col-sm-6"><select class="form-control product_opt_change_new" name="invest_part_name'+pid+'[]" data-block="'+xy+'" data-pid="'+pid+'">'+data+'</select></div><div class="col-sm-6" id="block-'+xy+'-'+pid+'"><div></div>');
                }
        });
        //var html=$("#copy_select"+pid).html();
        /*$("#product_box"+pid).append('<div class="form-group row"><div class="col-sm-4"><select class="form-control product_opt_change" name="invest_part_name'+pid+'[]" data-block="'+xy+'" data-pid="'+pid+'">'+html+'</select></div><div class="col-sm-8" id="block-'+xy+'-'+pid+'"><div></div>');*/
        xy++;
    });

    $(document).on("change",".product_opt_change",function(){
        var product_opt=$(this).val();
        var pid=$(this).data('pid');
        var bid=$(this).data('block');
        if(product_opt=='Other')
        {
            $("#block-"+bid+"-"+pid).html('<input type="text" placeholder="Type Name" class="sub-filed-name form-control mb-2" name="sub_product_name'+pid+'[]"><input type="number" placeholder="Amount" data-pid="'+pid+'" class="sub-filed-amt form-control mb-2 amount_cal'+pid+'" name="sub_product_amount'+pid+'[]">');
        }else if(product_opt=='mf'){
            $("#bid_mf").val(bid);
            $("#pid_mf").val(pid);
            $('#classModal').modal('show');
            $('#scheme').select2({
                dropdownParent: $('#classModal')
            });

        }else{
            $("#block-"+bid+"-"+pid).html('<input type="hidden" name="sub_product_name'+pid+'[]" value="'+product_opt+'"><input type="number" data-pid="'+pid+'" class="sub-filed-amt form-control mb-2 amount_cal'+pid+'" name="sub_product_amount'+pid+'[]">');
        }
        
    });


    $(document).on("keyup",".sub-filed-amt",function(){

        var mpid=$(this).data('pid');
        var total_in = 0;
        if(mpid>=100000)
        {
            var stotla=$("#productx"+mpid).val();
            $(".new_amount_cal"+mpid).each(function() {
                total_in += parseFloat($(this).val());
            });
        }else{
            var stotla=$("#product"+mpid).val();
            $(".amount_cal"+mpid).each(function() {
                total_in += parseFloat($(this).val());
            });
        }
        
       
        
        if(total_in==stotla)
        {
             $("#invested_amt_"+mpid).html("<span class='total_view_me' style='color:#28a745'>"+total_in+"<span>");
        }else{
             $("#invested_amt_"+mpid).html("<span class='total_view_me' style='color:red'>"+total_in+"<span>");
        }

    });

    $(document).on("change",".product_opt_change_new",function(){
        var product_opt=$(this).val();
        var pid=$(this).data('pid');
        var bid=$(this).data('block');
        if(product_opt=='Other')
        {
            $("#block-"+bid+"-"+pid).html('<input type="text" placeholder="Type Name" class="sub-filed-name form-control mb-2" name="new_sub_product_name'+pid+'[]"><input type="number" placeholder="Amount" data-pid="'+pid+'" class="sub-filed-amt form-control mb-2 new_amount_cal'+pid+'" name="new_sub_product_amount'+pid+'[]">');
        }else if(product_opt=='mf'){
            $("#bid_mf").val(bid);
            $("#pid_mf").val(pid);
            $('#classModal').modal('show');
            $('#scheme').select2({
                dropdownParent: $('#classModal')
            });

        }else{
            $("#block-"+bid+"-"+pid).html('<input type="hidden" name="new_sub_product_name'+pid+'[]" value="'+product_opt+'"><input type="number" data-pid="'+pid+'" class="sub-filed-amt form-control mb-2 new_amount_cal'+pid+'" name="new_sub_product_amount'+pid+'[]">');
        }
        
    });
    
    </script>
@endsection
@section('content')
    <style>
        .answer-review-small {
            background: #097a80;
            width: 35px;
            height: 35px;
            text-align: center;
            display: block;
            color: #fff;
            border-radius: 50%;
            line-height: 36px;
        }
        .question-total li.reviewanswer a{
            background: #097a80;
            color: #fff;
        }
        .error-new{
            color: #e52f48; 
        }
        .table tr td{
            padding-left: 8px;
            padding-right: 8px;
        }
    </style>

<div id="classModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="classInfo" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          ×
        </button>
      </div>
      <div class="modal-body">
        <h1 class="blue-bg-heading">SELECT SUGGESTED SCHEMES FOR INVESTMENT</h1>
            <div class="table-responsive">
            <input type="hidden" id="bid_mf">
            <input type="hidden" id="pid_mf">
                <table class="table table-bordered">
                    <tbody>
                    <tr>
                        <td style="width: 10%;">Direct&nbsp;/&nbsp;Regular</td>
                        <td style="width: 15%;">Asset&nbsp;Type</td>
                        <td style="width: 15%;">AMC Name</td>
                        <td style="width: 12%;">Category</td>
                        <td style="width: 12%;">Type</td>
                        <td>Scheme Name</td>
                    </tr>
                    <tr>
                        <td>
                            <select class="form-control" name="option" id="option">
                                <option value="regular"> Regular </option>
                                <option value="direct"> Direct </option>
                            </select>
                        </td>
                        <td>
                            <select class="form-control" name="asset" id="asset" onchange="getCategory()">

                            </select>
                        </td>
                        <td>
                            <select class="form-control" name="fund" id="fund" onchange="getCategory()">

                            </select>
                        </td>
                        <td>
                            <select class="form-control" name="category" id="category">
                                <option value=""> All </option>
                                <option value="15">Capital Protection</option>
                                <option value="72">Debt - Banking and PSU Fund</option>
                            </select>
                        </td>

                        <td>
                            <select class="form-control" name="type" id="type">
                                <option value="growth">Growth</option>
                                <option value="dividend">Dividend</option>
                            </select>
                        </td>
                        <td>
                            <select class="form-control js-example-basic-single scheme_bs" name="scheme" id="scheme">

                            </select>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">
          Close
        </button>
      </div>
    </div>
  </div>
</div>


    <div class="banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="page-title">Investment Suitability Profiler</h2>
                </div>
            </div>
        </div>
        <a href="#" class="btn-chat">Chat With Us</a>
    </div>
    <section class="main-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-10 offset-md-1 investment-suitability">
                    <div class="row">
                    <div class="col-md-12 mt-2 mb-3 text-center">
                        <a target="_blank" href="{{route('frontend.asset-allocation-download-questiondetails')}}" class="btn btn-primary btn-round">Download PDF</a>

                        <a target="_blank" href="{{(isset($file['file_name']) && $file['file_name']!='')?asset('uploads/sales_presenter_pdf/'.$file['file_name']):''}}" class="btn btn-primary btn-round ml-2">Download Excel</a>

                        <a href="{{route('frontend.view_saved_asset')}}" class="btn btn-primary btn-round">View Saved Files</a>
                    </div>
                    <div class="col-md-10 offset-md-1 mb-3">
                        <form class="js-validate-form" action="{{route('frontend.asset-allocation-exam-output')}}" method="post">
                            @csrf
                        <div class="form-group row">
                                <label class="col-sm-4 col-form-label">Client Name</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="client_name" name="client_name">
                                <em class="error-new name-error"></em>
                                </div>
                                
                        </div>

                        <div class="form-group row">
                                <label class="col-sm-4 col-form-label">Client Age</label>
                                <div class="col-sm-8">
                                    <input type="number" class="form-control" id="client_age" name="client_age">
                                    <div class="cal-icon">
                                        Yr
                                    </div>
                                    <em class="error-new age-error"></em>
                                </div>
                        </div>

                        <div class="form-group row">
                                <label class="col-sm-4 col-form-label">Investment period</label>
                                <div class="col-sm-8">
                                @php
                                    $x=1;
                                @endphp
                                @if(isset($periods) && count($periods)>0)
                                    @foreach($periods as $period)
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" @php if($x=='1'){ echo "checked"; } @endphp name="period" value="{{$period['id']}}">
                                        <label class="form-check-label" for="inlineRadio1">{{$period['period_name']}}</label>
                                    </div>
                                    @php
                                            $x++;
                                    @endphp
                                    @endforeach
                                @endif
                                </div>
                        </div>

                            <div class="divs">
                                @if(isset($questiondetails) && count($questiondetails)>0)
                                    @php
                                        $i=1;
                                    @endphp
                                    @foreach($questiondetails as $question)
                                        <div class="question-box cls1" qno="{{$i}}">
                                            <h5 class="question-step mb-0">QUESTION {{$i}} OF {{$questiondetails->count()}} </h5>
                                            <p class="question">{!!$question->question!!}</p>
                                            <div class="row">
                                                @php
                                                    $questionOptions = $question->qusetionOptions;
                                                @endphp
                                                @if(isset($questionOptions) && count($questionOptions)>0)
                                                    @php
                                                        $iopt = 'A';
                                                    @endphp
                                                    @foreach($questionOptions as $qoption)
                                                            <div class="col-md-12">
                                                                <div class="form-check">
                                                                    <div class="option-num">
                                                                        {{$iopt}}.
                                                                    </div>
                                                                    <div class="custom-control custom-radio">
                                                                        <input
                                                                                data-question="{{$question->id}}" data-mark="{{$qoption['ans_mark']}}"
                                                                                type="radio" id="customRadio{{$qoption['id']}}"
                                                                                name="examanswer{{$i}}"
                                                                                value="{{$qoption['id']}}"
                                                                                class="custom-control-input check-question-answer examanswer{{$i}}">
                                                                        <label class="custom-control-label" for="customRadio{{$qoption['id']}}">{{$qoption['title']}}</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @php
                                                            $iopt++;
                                                        @endphp
                                                    @endforeach
                                                @endif

                                                </div>
                                                <em class="error-new"></em>
                                            </div>
                                        @php
                                            $i++;
                                        @endphp
                                    @endforeach
                                @endif

                            </div>
                            <div class="question-action-button mt-3 text-center">
                                <!-- <button id="prev" class="btn btn-primary btn-round mr-1">Back</button>
                                <button id="review" class="btn btn-info btn-round mr-1">Mark For Review Later</button>
                                <button id="next" class="btn btn-primary-outline btn-round mr-1">Next</button>
                                <button id="clear" class="btn btn-info btn-round mr-1">Clear Answer</button> -->
                                <a href="javascript:void(0);" id="endexam_serv" class="btn btn-primary btn-round mt-2">Submit</a>
                            </div>
                            
                            <div class="row result_exam">
                            
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-md-3">
                    <div class="category-box mb-4">
                        <h3>TIME LEFT</h3>
                        <h2 class="clock countDown text-center"></h2>
                        <span>Min</span>
                    </div>
                    <div class="category-box mb-4">
                        <h3>Review Your Answer</h3>
                        <ul id="menulist" class="question-total">
                            @if(isset($exam_question_list) && count($exam_question_list)>0)
                                @php
                                    $i=1;
                                @endphp
                                @foreach($exam_question_list as $question)
                                    <li class="mlist-{{$i}}">
                                        <a href="javascript:void(0);">{{$i}}</a>
                                    </li>
                                    @php
                                        $i++;
                                    @endphp
                                @endforeach
                            @endif
                        </ul>
                    </div>
                    <div class="category-box mb-4">
                        <h3>Summary</h3>
                        <table class="table">
                            <tr>
                                <td>
                                    Answered
                                </td>
                                <td>
                                    <span class="answer-small answer-count">0</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Marked
                                </td>
                                <td>
                                    <span class="answer-review-small reviewanswer-count ">0</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Not Answered
                                </td>
                                <td>
                                    <span class="not-answer-small noanswer-count">0</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div> -->
            </div>
        </div>
        <div class="btm-shape-prt">
            <img class="img-fluid" src="{{url('/')}}/images/shape2.png" alt="" />
        </div>
    </section>
<div id="hidden_my_classe" style="display:none;">
    <option selected disabled value="">Select Asset</option>
    @if(isset($asset_class) && count($asset_class)>0)
    @foreach($asset_class as $asset_clas)
    <option value="{{$asset_clas['id']}}">{{$asset_clas['class_name']}}</option>                      
    @endforeach
    @endif
    <option value="other">Other</option>
</div>

@endsection