@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'=>1))
        </div>
        <div class="for_procent">
            <div class="orange" style="width: 40%"></div>
            <div class="procent">40%</div>
        </div>
    </div>

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

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

            <div class="checkbox_wrapp">
                <h3>Select Currency</h3>

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

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

            <div class="form_prop4 form_risk_zar" id="form_risk_zar" style="{{ !$currency || $currency == 2 ? 'display: inline-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="amount" value="{{ isset($investment) && $investment && $currency == 2 ? $investment : '50,000' }}">
                </div>
                <div id="amount_slider" class="amount_slider">R {{ isset($investment) && $investment && $currency == 2 ? $investment : '50,000' }}</div>
                <div id="slider_amount" class="slider_amount"></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"
                                {{ isset($subtype) && ($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="{{ isset($subtype) && ($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>
                <div class="alert alert-danger" style="display: none;" id="step_error"></div>

                <a href="