@extends('frontend.layouts.app-proposal')

@section('content')

    <div class="main_slide_prop main_slide_prop_4">
        <div class="full_container">
            <h2>Risk Profiler</h2>
                        @include('frontend.user.new_client.includes.steps',array('step'=>2,'type'=> $xtype))
        </div>
        <div class="for_procent">
            <div class="orange" style="width: 40%"></div>
            <div class="procent">40%</div>
        </div>
    </div>

    <div class="prop_main amount_main">
        <div class="col-md-4 prop_back"></div>

        <div class="col-md-4 for_prop_main amount_main_prop4">
            <h2>Amount</h2>

            <div class="checkbox_wrapp check_inline">
                <h3>Select currency</h3>

                <div class="checkbox_box">
                    <input class="yes_prop2 black_checkbox currency_checkbox" type="radio" id="irp_zar_label" name="trust" value="2"
                    {{ isset($currency) && $currency == 1 ? '' : 'checked' }}>
                    <label for="irp_zar_label" id="irp_zar"></label>
                    <div class="checkbox_text">ZAR</div>
                </div>

                <div class="checkbox_box">
                    <input class="no_prop2 black_checkbox currency_checkbox" type="radio" id="irp_usd_label" name="trust" value="1"
                    {{ isset($currency) && $currency == 1 ? 'checked' : '' }}>
                    <label for="irp_usd_label" id="irp_usd"></label>
                    <div class="checkbox_text">USD</div>
                </div>
            </div>

            <div class="center_form form_prop4">

                <div id="irp_slider_usd" style="{{ $currency == 1  ? 'display:block' : 'display:none' }}">
                    <div class="alert alert-info">Min investment must be $ 125,000</div>
                    <span>Enter Amount</span>
                    <div class="relative">
                        <i>$</i>
                        <input type="text" id="amount2" value="{{ isset($investment) && $investment && $currency == 1 ? $investment : '125,000' }}">
                    </div>
                    <div id="amount_slider2" class="amount_slider">$ {{ isset($investment) && $investment && $currency == 1 ? $investment : '125,000' }}</div>
                    <div id="slider_amount2" class="slider_amount"></div>
                </div>

                <div id="irp_slider_zar" style="{{ $currency == 2 || !$currency ? 'display:block' : 'display:none' }}">
                    <div class="alert alert-info">Min investment must be R 50,000</div>
                    <span>Enter Amount</span>
                    <div class="relative">
                        <i>R</i>
                        <input type="text" id="amount3" value="{{ isset($investment) && $investment && $currency == 2 ? $investment : '50,000' }}">
                    </div>
                    <div id="amount_slider3" class="amount_slider">R {{ isset($investment) && $investment && $currency == 2 ? $investment : '50,000' }}</div>
                    <div id="slider_amount3" class="slider_amount"></div>
                </div>

                                <div class="please_note outer" id="pma_note" style="{{$pmaClass}}">
                    <h3>Please Note</h3>
                    <p>Your investment amount is suitable for a personalised managed account</p>
                    <div class="checkbox_box block">
                        <input class="no_prop2 black_checkbox" type="checkbox" id="pma_label" name="pma"
                                {{ isset($subtype['pma']) && $subtype['pma'] ? 'checked' : '' }}>
                        <label for="pma_label" id="pma"></label>
                        <div class="checkbox_text">Yes,I would like a Personalised Managed Account</div>
                    </div>
                </div>


                <div class="checkbox_wrapp check_inline checks_bottom" id="checks_usd" style="{{ isset($currency) && $currency == 1  ? 'display:block' : 'display:none' }}">
                    <div class="checkbox_box block">
                        <input class="no_prop2 black_checkbox" type="radio" id="irp_direct_label" name="irp_type"
                        {{ isset($subtype['usd_direct']) && $subtype['usd_direct'] ? 'checked' : '' }}>
                        <label for="irp_direct_label" id="irp_direct"></label>
                        <div class="checkbox_text">Direct Offshore Investment</div>
                    </div>

                    <div class="please_note outer" id="irp_note" style="{{ isset($subtype['usd_direct']) && $subtype['usd_direct'] ? 'display: block;' : 'display: none;' }}">
                        <h3>Please Note</h3>
                        <p>TAX clearance required for amounts greater than R1m. Contact us for assistance</p>
                    </div>

                    <div class="checkbox_box block">
                        <input class="no_prop2 black_checkbox" type="radio" id="irp_asset_label" name="irp_type"
                        {{ isset($subtype['usd_asset_swap']) && $subtype['usd_asset_swap'] ? 'checked' : '' }}>
                        <label for="irp_asset_label" id="irp_asset"></label>
                        <div class="checkbox_text">Asset Swap</div>
                    </div>
                </div>

                <div class="checkbox_wrapp check_inline checks_bottom" id="checks_zar" style="{{ $currency == 2 || ! $currency ? 'display:block' : 'display:none' }}">
                    <div class="checkbox_box block">
                        <input class="no_prop2 black_checkbox" type="radio" id="irp_discreti_label" name="irp_type"
                        {{ $subtype['zar_direct'] || $subtype['zar_endowment'] ? 'checked' : '' }}>
                        <label for="irp_discreti_label" id="irp_discreti"></label>
                        <div class="checkbox_text">Discretionary</div>
                    </div>

                    <div class="checkbox_wrapp check_inline checks_bottom" id="discreti_checks" style="{{ $subtype['zar_direct'] || $subtype['zar_endowment'] ? 'display: block;' : 'display: none;' }}">
                        <div class="checkbox_box block">
                            <input class="no_prop2 black_checkbox" type="radio" id="irp_direct2_label" name="irp_type_child"
                            {{ isset($subtype['zar_direct']) && $subtype['zar_direct'] ? 'checked' : '' }}>
                            <label for="irp_direct2_label" id="irp_child_direct"></label>
                            <div class="checkbox_text">Direct</div>
                        </div>

                        <div class="checkbox_box block">
                            <input class="no_prop2 black_checkbox" type="radio" id="irp_endowment_label" name="irp_type_child"
                            {{ isset($subtype['zar_endowment']) && $subtype['zar_endowment'] ? 'checked' : '' }}>
                            <label for="irp_endowment_label" id="irp_child_endow"></label>
                            <div class="checkbox_text">Endowment</div>
                        </div>
                    </div>


                    <div class="checkbox_box block">
                        <input class="no_prop2 black_checkbox" type="radio" id="irp_pre_retirement_label" name="irp_type"
                        {{ $subtype['zar_ra'] || $subtype['zar_pf'] ? 'checked' : '' }}>
                        <label for="irp_pre_retirement_label" id="irp_pre_retirement"></label>
                        <div class="checkbox_text">Pre-Retirement</div>
                    </div>

                    <div class="checkbox_wrapp check_inline checks_bottom" id="endowment_checks" style="{{ $subtype['zar_ra'] || $subtype['zar_pf'] ? 'display: block;' : 'display: none;' }}">
                        <div class="checkbox_box block">
                            <input class="no_prop2 black_checkbox" type="radio" id="irp_ra_label" name="irp_type_child"
                            {{ isset($subtype['zar_ra']) && $subtype['zar_ra'] ? 'checked' : '' }}>
                            <label for="irp_ra_label" id="irp_ra"></label>
                            <div class="checkbox_text">Retirement Annuity (RA)</div>
                        </div>

                        <div class="checkbox_box block">
                            <input class="no_prop2 black_checkbox" type="radio" id="irp_fund_label" name="irp_type_child"
                            {{ isset($subtype['zar_pf']) && $subtype['zar_pf'] ? 'checked' : '' }}>
                            <label for="irp_fund_label" id="irp_fund"></label>
                            <div class="checkbox_text">Preservation Fund</div>
                        </div>
                    </div>

                    <div class="checkbox_box block">
                        <input class="no_prop2 black_checkbox" type="radio" id="irp_post_retirement_label" name="irp_type"
                                {{ !empty($subtype['zar_la']) ? 'checked' : '' }}>
                        <label for="irp_post_retirement_label" id="irp_post_retirement"></label>
                        <div class="checkbox_text">Post-Retirement</div>
                     </div>

                    <div class="checkbox_wrapp check_inline checks_bottom" id="post_retirement_checks" style="{{ !empty($subtype['zar_la']) ? 'display: block;' : 'display: none;' }}">
                        <div class="checkbox_box block">
                            <input class="no_prop2 black_checkbox" type="radio" id="irp_la_label" name="irp_type_child"
                                    {{ isset($subtype['zar_la']) && $subtype['zar_la'] ? 'checked' : '' }}>
                            <label for="irp_la_label" id="irp_la"></label>
                            <div class="checkbox_text">Living Annuity</div>
                        </div>

                    </div>


                </div>

                <div class="alert alert-danger" style="display: none;" id="step_error"></div>

                <a href="javascript:void(0)" class="btn_prop4" id="step2_next" returnObjectiveUrl="