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

@section('after-styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" />
@endsection

@section('content')

    <div class="main_slide_prop main_slide_prop_2">
        <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: 20%;"></div>
            <div class="procent">20%</div>
        </div>
    </div>

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

        <div class="col-md-4 for_prop_main clients_detail_prop2">
            <h2>Client Details</h2>

            <div class="checkbox_wrapp">
                <h3>New client or existing client?</h3>

                <div class="checkbox_box">
                    <input class="yes_prop2 black_checkbox client_type"
                           type="radio" id="label_new_client"
                           name="client_type" value="1"
                    >
                    <label for="label_new_client" id="show_new_client" class="client_type_label"></label>
                    <div class="checkbox_text">New</div>
                </div>

                <div class="checkbox_box">
                    <input class="no_prop2 black_checkbox client_type"
                           type="radio" id="label_existing"
                           name="client_type" value="2"
                            {{ isset($r_client) && $r_client || (isset($clientId) && $clientId) ? 'checked' : ''}}>
                    <label for="label_existing" id="show_exist_client" class="client_type_label"></label>
                    <div class="checkbox_text">Existing</div>
                </div>
            </div>

            <div class="checkbox_wrapp" style="display: none" id="trust_type">
                <h3>Are you a trust or company?</h3>

                <div class="checkbox_box">
                    <input class="yes_prop2 black_checkbox type_checkbox"
                           type="radio"
                           id="label_yes_prop"
                           name="type" value="1"
                            {{ (isset($r_client) && $r_client->is_trust) || (isset($type) && $type == 1) ? 'checked' : '' }}>
                    <label for="label_yes_prop" id="prop2_yes"></label>
                    <div class="checkbox_text">Yes</div>
                </div>

                <div class="checkbox_box">
                    <input class="no_prop2 black_checkbox type_checkbox"
                           type="radio" id="label_no_prop" name="type"
                           value="2"
                            {{ (isset($r_client) && $r_client->is_individual) || (isset($type) && $type == 2) ? 'checked' : '' }}
                    >
                    <label for="label_no_prop" id="prop2_no"></label>
                    <div class="checkbox_text">No</div>
                </div>
            </div>

            <div class="form_yes_prop2 form_no_prop2" id="form_yes_prop2" style="display: none">

                <div id="trust_new" style="display: none;">

                    <span>Trust/ Company Name</span>
                    <input type="text" id="company_name">
                    <span>Email</span>
                    <input type="text" id="company_email">
                    <!--<span>Nutcracker ID</span>
                    <input type="text" id="company_nutcracker">
                    -->
                </div>

                <div id="trust_exist" style="display: none">
                    <span>Select client</span>
                    @if($clients->count())
                        <select name="speed" id="select_clients_trust">
                            <option selected disabled>Select Client</option>
                            @foreach($clients as $client)
                                @if($client->is_trust)
                                    <option  value="{{ $client->id }}">{{ $client->trust_cn }}</option>
                                @endif
                            @endforeach

                        </select>
                    @else
                        No clients avaliable
                    @endif
                </div>


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

                <a href="