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

@section('content')

    <div class="main_slide_prop main_slide_prop_4">
        <div class="full_container">
            <h2>Preference Share Portfolio</h2>
            <ul>
                <li>
                    <div class="number one_step">1</div>
                    <h3>Client Details</h3>
                </li>
                <li>
                    <div class="number two_step">2</div>
                    <h3>Amount</h3>
                </li>
                <li>
                    <div class="number three_step">3</div>
                    <h3>Select Risk Profile</h3>
                </li>
                <li>
                    <div class="number four_step">4</div>
                    <h3>Investment Solution</h3>
                </li>
                <li>
                    <div class="number fife_numb">5</div>
                    <h3>Stock Broker & Advisor Fee</h3>
                </li>
            </ul>
        </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="form_prop4 form_risk_zar" id="form_risk_zar" style="display: block;">
                <div class="alert alert-info" style="margin-top: 10px;">Min investment must be R 500,000</div>
                <span>Enter Amount</span>
                <div class="relative">
                    <i>R</i>
                    <input type="text" id="amount3" value="{{ isset($investment) && $investment ? $investment : '500,000' }}">
                </div>
                <div id="amount_slider3" class="amount_slider">R {{ isset($investment) && $investment ? $investment : '500,000' }}</div>
                <div id="slider_amount3" class="slider_amount"></div>

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

                <a href="