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

@section('content')

    <div class="main_slide_prop main_slide_prop_7">
        <div class="full_container">
            <h2>Risk Profiler</h2>
            <ul>
                <li>
                    <div class="number">1</div>
                    <h3>Client Details</h3>
                </li>
                <li>
                    <div class="number">2</div>
                    <h3>Amount</h3>
                </li>
                <li>
                    <div class="number">3</div>
                    <h3>Select Risk Profile</h3>
                </li>
                <li>
                    <div class="number">4</div>
                    <h3>Investment Solution</h3>
                </li>
                <li>
                    <div class="number active_number">5</div>
                    <h3>Stock Broker & Advisor Fee</h3>
                </li>
            </ul>
        </div>
        <div class="for_procent">
            <div class="orange" style="width: 100%"></div>
            <div class="procent">100%</div>
        </div>
    </div>

    <div class="prop_main stock_broker_prop7">
        <div class="col-md-2 prop_back"></div>

        <div class="col-md-8 for_prop_main stock_main_prop7 select_platform">

            @if(! $solution->broker_directly)

                                <h2 id="platform_select">Select {{ $direct ? 'Platform' : 'Lisp' }}</h2>

                <ul class="radio_vertical_list">
                    @foreach($lisps as $key => $lisp)
                        <li>
                            <div class="radio">
                                <input id="radio-" data-direct="{{ $lisp->is_direct }}" name="radio" type="radio" class="lisp_check" value="{{ $lisp->id }}">
                                <label for="radio-" data-direct="{{ $lisp->is_direct }}" data-id="{{ $key }}" class="radio-label lisp_label">{{ $lisp->title }}</label>
                            </div>
                        </li>
                    @endforeach
                </ul>

                <div class="checkbox_brokers_prop7">

                    @foreach($lisps as $key => $lisp)

                        @foreach($lisp->brokers as $brokerKey => $broker)

                            <div class="checkbox_box_broker platform_block_{{ $key }}" style="display: none">
                                {{ Html::image('images/uploads/' . $broker->logo) }}
                                <div class="checkbox_box_prop7">
                                    <div class="radio radio-inline">
                                        <input id="broker-{{ $key . '_' . $brokerKey }}" name="broker" type="radio" class="broker_check" value="{{ $broker->id }}">
                                        <label for="broker-{{ $key . '_' . $brokerKey }}" class="radio-label">{{ $broker->title }}</label>
                                    </div>
                                </div>
                            </div>

                        @endforeach
                    @endforeach
                </div>

            @else
                <h2 id="irp_select_h2">Select Broker</h2>

                <div class="checkbox_brokers_prop7">
                    @foreach($brokers as $key => $broker)
                        <div class="checkbox_box_broker">
                            {{ Html::image('images/uploads/' . $broker->logo) }}
                            <div class="checkbox_box_prop7">
                                <div class="radio radio-inline">
                                    <input id="broker-{{ $key }}" name="broker" type="radio" class="broker_check" value="{{ $broker->id }}" {{ $key == 0 ? 'checked' : '' }}>
                                    <label for="broker-{{ $key }}" class="radio-label">{{ $broker->title }}</label>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif

            <div id="general_proposal" style="display: none">
                <div class="advisor_prop7">
                    <span class="adv_prop7">Advisor Fee (Max 1%)</span>
                    <input type="text" id="advisor_fee">
                    <span>%</span>
                </div>

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

                <a href="