@extends('layout.appHome')
<link rel='stylesheet' href="{{asset('assets/css/dashboard.css')}}" type='text/css' media='all' />

@section('content')


<section class="section buynow-banner"></section>

<section class="section bg-white">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header-bar">
                    <div class="title">
                        <h2>Investor Type</h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12" >

                <form class="dashform uform" id="investorForm" action="{{ route('storeinvestorques') }}" method="post" >

                    @csrf
                    @include('common.notify')

                    <div class="ucard p-3">

                        <p class="section-para mb-4">
                            Fill in the details below to complete your Investor profile on our platform.
                        </p>


                        <div class="row">
                            <div class="col-lg-12">

                                <div class="dash-card bg-white mb-4">

                                    <div class="col-12">
                                        <div class="form-breaker">Investor Questionnaire</div>
                                    </div>


                                    @foreach ($iq_group1 as $k => $v)
                                        @php $opt_array = explode(",", $v['options']); @endphp
                                        
                                        <div class="row mb-4">

                                            <input type="hidden" name="ques_id[]" value="{{$v['id']}}" />

                                            <div class="col-sm-12">
                                                <label>{{$k + 1}}. {{$v['question']}}</label>
                                            </div>

                                            <div class="qgroupp col-lg-12 col-md-12 col-sm-12 col-12 mb-3">
                                                @if ($v['qtype'] == 1)
                                                @foreach($opt_array as $x => $y) 
                                                    @php $show_req = ''; @endphp
                                                    @if ( $x == 0)
                                                    @php $show_req = 'required';@endphp
                                                    @endif
                                                    <div class="inline-input">
                                                        <input type="radio" name="{{$k + 1}}_option" id="q_{{$k + 1}}_op{{$x}}" value="{{$y}}"  {{$show_req}} @php if ( (isset($investment_answers[$v['id']])) && ($investment_answers[$v['id']] == $y)) { echo 'checked';} @endphp />
                                                        <label for="q_{{$k + 1}}_op{{$x}}" class="radio">{{$y}}</label>
                                                    </div>
                                                @endforeach
                                                @endif

                                                <div class="error-note err_msg" id="{{$k + 1}}_option_err" >
                                                    Please choose your answer
                                                </div>
                                            </div>

                                        </div>
                                    @endforeach




                                    <div class="col-12">
                                        <div class="form-breaker">Risk Tolerance -</div>
                                    </div>


                                    @foreach ($iq_group2 as $k => $v)
                                        @php $opt_array = explode(",", $v['options']); @endphp
                                        <input type="hidden" name="ques_id[]" value="{{$v['id']}}" />
                                        <div class="row mb-4">
                                            <div class="col-sm-12">
                                                <label>{{$k + 1}}. {{$v['question']}}</label>
                                            </div>

                                            <div class="qgroupp col-lg-12 col-md-12 col-sm-12 col-12 mb-3">
                                                @if ($v['qtype'] == 1)
                                                @foreach($opt_array as $x => $y) 
                                                    @php $show_req = ''; @endphp
                                                    @if ( $x == 0)
                                                    @php $show_req = 'required';@endphp
                                                    @endif
                                                    <div class="inline-input">
                                                        <input type="radio" name="{{$k + 1}}_option" id="q_{{$k + 1}}_op{{$x}}" value="{{$y}}"  {{$show_req}}  @php if ( (isset($investment_answers[$v['id']])) && ($investment_answers[$v['id']] == $y)) { echo 'checked';} @endphp  />
                                                        <label for="q_{{$k + 1}}_op{{$x}}" class="radio">{{$y}}</label>
                                                    </div>
                                                @endforeach
                                                @endif

                                                <div class="error-note err_msg" id="{{$k + 1}}_option_err">
                                                    Please choose your answer
                                                </div>
                                            </div>

                                        </div>
                                    @endforeach


                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                            <button type="button" class="btn btn-blue" onclick="validateRadios();" >Submit</button>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <a href="{{$ref_url}}" class="btn btn-transparentBlue" >Cancel</a>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>

                    <input type="hidden" name="redirectTo" id="redirectTo" value="0" />

                </form>
            </div>




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


<!-- Accredited Investor Modal -->
<div class="dash-modal" id="beAccreditedInvestor">
    <div class="dash-modal-container">
        <div class="status-info">
            <img src="{{asset('/assets/images/profile/denfer.png')}}" />
            <span class="text">Unfortunately you do not meet the criteria to invest.<br/>You are still welcome to view the projects on our site.</span>
            <div class="btn-wrap">
                <button type="button" class="btn btn-blue" onclick="submitNow();" >Continue</button>
            </div>
        </div>
    </div>
</div>


@endsection

@section('scripts')
<script type="text/javascript">
function hideRadioErr(){
    $('#proceed_err').hide();
    @php 
    for ($a=1; $a <= $total_investor_ques; $a++ ) {
    @endphp
    $('#'+{{$a}}+'_option_err').hide();
    @php 
    }
    @endphp
}

function submitNow(){
    $('#redirectTo').val(1);
    $("#investorForm").submit();
}

function validateRadios(){
    let all_val=1;
    let proceed=1;
    hideRadioErr();
    @php 
    for ($a=1; $a<=$total_investor_ques; $a++ ) {
    @endphp
        let rad{{$a}}=$('input[name="{{$a}}_option"]:checked').val();
        if(!rad{{$a}}){
            all_val=0;
            $('#'+{{$a}}+'_option_err').show();
        }
        else if(rad{{$a}}=='No'){
            if(proceed==1){proceed=0;}
        }
    @php 
    }
    @endphp

    if(all_val==1){
        if(proceed==0){
            $('#beAccreditedInvestor').css('display','block');
        }else{
            $("#investorForm").submit();
        }
    }

    //if(vall==1){$('#radio_proceed').click();}
}
</script>
@endsection