@extends('layout.appHomeDynamic')

@section('content')

<section class="section register-banner">
    <div class="container pad-toggle">
        <div class="row">
            <div class="col-12 p-0">
                <div class="full-banner">
                    <div class="align-middle">
                        <div class="row w-100 m-0">
                            <div class="col-xxl-8 col-xl-8 col-lg-7 col-md-12 col-sm-12">
                                <div class="align-middle">
                                    <div class="headings">
                                        <div class="title">
                                            <h1>
                                            {{ $strapi_response['banner_title_part1'] }}<span>{{ $strapi_response['banner_title_part2'] }}</span>{{ $strapi_response['banner_title_part3'] }}
                                            </h1>
                                            {!! nl2br($strapi_response['banner_description']) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-12 col-sm-12">
                                <div class="align-middle">
                                     <!-- <div class="ucard br-blue p-4 mt-toggle">changed on 6.11 -->
                                       <div class="ucard formsec p-4"> 
                                       <h3>{{ $strapi_response['form_title'] }}</h3>

                                        @include('common.notify')
                                        
                                        <form name="register" class="uform" action="{{ url('register') }}" method="post" >

                                            @csrf

                                            @honeypot

                                            <div class="row">
                                                <div class="col">
                                                    <div class="loginform-group">
                                                        <label for="name" class="username"></label>
                                                        <input type="text" id="name" class="form-control" name="name" placeholder="{{ $strapi_response['form_field1_placeholder'] }}" autocomplete="off" maxlength="50" required />
                                                      
                                                        <div class="capt_msg" id="name_msg">Please enter alphabets only</div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col">
                                                    <div class="loginform-group">
                                                        <label for="email" class="email"></label>
                                                        <input type="email" id="email" class="form-control" name="email" placeholder="{{ $strapi_response['form_field2_placeholder'] }}" autocomplete="off" required />
                                                        
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col mb-2">
                                                    <div class="loginform-group">
                                                        <label for="country_id" class="country"></label>
                                                        <select name="country_id" id="country_id" class="form-control" required >
                                                            <option value="">{{ $strapi_response['form_field3_placeholder'] }}</option>
                                                            @foreach($countries as $value)
                                                                <option value="{{$value->id}}">{{$value->countryname}}</option>
                                                            @endforeach
                                                        </select>
                                                       
                                                    </div>
                                                </div>
                                            </div>

                                            @php
                                            $readonly = "";
                                            @endphp

                                            @if($referral_code != '')
                                                @php
                                                $readonly = "readonly";
                                                @endphp
                                            @endif

                                            <div class="row">
                                                <div class="col mb-2">
                                                    <div class="loginform-group">
                                                        <label for="referral" class="referral"></label>
                                                        <input type="text" id="referral_code" class="form-control" name="referral_code" placeholder="{{ $strapi_response['form_field4_placeholder'] }}" value="{{ $referral_code }}" {{ @$readonly }}  autocomplete="off"  />

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

                                            <div class="row">
                                                <div class="col mb-2">
                                                    <div class="checkbox">
                                                        <input type="checkbox" name="termsAndConditions" value="true" id="termsAndConditions">
                                                        <label for="termsAndConditions" class="checker">
                                                            {!! $strapi_response['form_agreement_text'] !!}
                                                        </label>

                                                        <div class="capt_msg"  id="terms_msg">{{ $strapi_response['terms_error_msg'] }}</div>

                                                        @if($errors->has('termsAndConditions'))
                                                            <div class="alert alert-danger" role="alert">{{ $errors->first('termsAndConditions')}}</div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>

                                            
                                            <div class="row">
                                                <div class="col mb-3">
                                                    {!! NoCaptcha::display() !!}
                                                    <div class="capt_msg" id="capt_msg">{{ $strapi_response['captcha_error_msg'] }}</div>

                                                    @if ($errors->has('g-recaptcha-response'))
                                                        <span class="help-block">
                                                            <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                                        </span>
                                                    @endif

                                                </div>
                                            </div>



                                            <div class="row">
                                                <div class="col mb-2">
                                                    <button type="submit" class="g-recaptcha btn center w-100 send-link">{{ $strapi_response['form_signup_btn_text'] }}</button>
                                                </div>
                                            </div>

                                            <input id="password" class="form-control" name="password" type="hidden" placeholder="Password"
                                                   autocomplete="off" value="{{@$password}}" required />
                                            <input id="confirmPassword" class="form-control" name="password_confirmation" type="hidden"
                                                   placeholder="Confirm Password" autocomplete="off" value="{{@$password}}" required />


                                            <div class="row">
                                                <div class="col">
                                                    <p class="section-details mb-0 reg-log-txt">
                                                    {{$strapi_response['form_existing_user_text']}} <a href="{{$strapi_response['login_now_link']['href']}}" class="{{$strapi_response['login_now_link']['anchorClass']}}" target="{{$strapi_response['login_now_link']['targetType']}}" >{{$strapi_response['login_now_link']['label']}}</a>
                                                    </p>
                                                </div>
                                            </div>

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



<!--popup modal for investor query -->
<div id="investor-query-modal" class="image-video-modal_impact" >
    <div class="modal-holder">
        <a class="ic-close" href="{{ url('/') }}">
            <img src="{{ $hostnm . $strapi_response['pop_close_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['pop_close_icon']['data']['attributes']['alternativeText'] }}"
                title="{{ $strapi_response['pop_close_icon']['data']['attributes']['alternativeText'] }}" />
        </a>
        <h2>
        <img src="{{ $hostnm . $strapi_response['pop_logo_icon']['data']['attributes']['url'] }}" alt="{{ $strapi_response['pop_logo_icon']['data']['attributes']['alternativeText'] }}"
                title="{{ $strapi_response['pop_logo_icon']['data']['attributes']['alternativeText'] }}" />
             {{ $strapi_response['pop_up_title'] }}
        </h2>
        <!-- //Here modal-infoadj added with row -->
        <div class="row modal-infoadj" >
            <div class="col-12">
                

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

                    @if($strapi_response['pop_up_questionnaire_title'] != '')
                    <div class="col-12">
                        <div class="form-breaker-reg">{{ $strapi_response['pop_up_questionnaire_title'] }}</div>
                    </div>
                    @endif

                    @foreach ($iq_group1 as $k => $v)
                        @php $opt_array = explode(",", $v['options']); @endphp
                        <input type="hidden" name="ques_id[]" value="{{$v['id']}}" />
                        <div class="row mb-2">
                            <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}} >
                                        <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" >
                                {{ $strapi_response['pop_up_form_validation_error_msg'] }}
                                </div>
                            </div>

                        </div>
                    @endforeach


                    @if($strapi_response['pop_up_risk_tolerance_title'] != '')
                    <div class="col-12">
                        <div class="form-breaker-reg">{{ $strapi_response['pop_up_risk_tolerance_title'] }}</div>
                    </div>
                    @endif

                    @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-2">
                            <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}} >
                                        <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">
                                    {{ $strapi_response['pop_up_form_validation_error_msg'] }}
                                </div>
                            </div>

                        </div>
                    @endforeach

                </div>


                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                        <button type="button" class="btn" onclick="validateRadios();">{{ $strapi_response['pop_up_submit_btn_text'] }}</button>
                    </div>

                    <div class="error-note err_msg mt-2" id="proceed_err">
                        {{ $strapi_response['invalid_proceed_next_error_msg'] }}
                    </div>
                </div>

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

</form>
<!-- Please careful about this form closing tag-->



@endsection

@section('scripts')

<script>
function onSubmit(token) {
    console.log("Token", token);
    document.getElementById("loginForm").submit();
}

function onlyLettersAndSpaces(str) {
    return /^[A-Za-z\s]*$/.test(str);
}

$(window).on('load', function() {
    hideRadioErr();
    $('#investor-query-modal').css("display", "block");
});

$(document).ready(function () {
    $('#capt_msg').hide();
    $('#terms_msg').hide();
    $('#name_msg').hide();
    $('form.uform').on('submit', function(e){
        $('#capt_msg').hide();
        $('#terms_msg').hide();
        $('#name_msg').hide();

        var name=$('#name').val();

        if (onlyLettersAndSpaces(name) == false) {
            event.preventDefault();
            $('#name_msg').show();
        }

        if($("#termsAndConditions").prop('checked') == false){
            event.preventDefault();
            $('#terms_msg').show();
        }
        var recaptcha=$("#g-recaptcha-response").val();
        if (recaptcha==="") {
            event.preventDefault();
            $('#capt_msg').show();
        }
    });
});


function hideRadioErr(){
    $('#proceed_err').hide();
    @php 
    for ($a=1; $a <= $total_investor_ques; $a++ ) {
    @endphp
    $('#'+{{$a}}+'_option_err').hide();
    @php 
    }
    @endphp
}

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){
            $('#proceed_err').show();
        }else{
            $('#investor-query-modal').css("display", "none");
        }
    }

    //if(vall==1){$('#radio_proceed').click();}
}

</script>


@endsection


@section('header-class', 'register')
@section('hide-login-reg', 'd-none')