@extends ('backend.layouts.app')

@section ('title', 'Create Partner')

@section('page-header')
    <h1>
        Risk Profile Management
        <small>Create Risk Profile</small>
    </h1>
@endsection

@section('content')
    {{ Form::open(['route' => 'admin.risk_profile.risk_profile.store', 'enctype' => "multipart/form-data", 'class' => 'form-horizontal', 'role' => 'form', 'method' => 'post', 'id' => 'create-partner']) }}

        <div class="box box-success">
            <div class="box-header with-border">
                <h3 class="box-title">Create Risk Profile</h3>

                <div class="box-tools pull-right">
                    @include('backend.risk_profile.partials.risk-profile-header-buttons')
                </div><!--box-tools pull-right-->
            </div><!-- /.box-header -->

            <div class="box-body">

                <div class="form-group">
                    {{ Form::label('Logo', 'Choose logo', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::file('logo', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Choose logo']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('Title', 'Title', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('title', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter title']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('Overview', 'Overview', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::textarea('overview', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter overview']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('disclaimer', 'Disclaimer', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::textarea('disclaimer', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter disclaimer']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('Range start value', 'Range start value', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('range_start', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter range start value']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    {{ Form::label('Range end value', 'Range end value', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('range_end', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter Range end value']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    <label for="Range start value" class="col-lg-2 control-label" style="font-size: 18px; color: #1f6f9e;">Asset Allocation</label>

                    <div class="col-lg-10">

                    </div><!--col-lg-10-->
                </div>

                <div id="assets">

                    <div id="asset_example">
                        <div class="form-group">
                            <label for="Range start value" class="col-lg-2 control-label">Title</label>

                            <div class="col-lg-10">
                                <input class="form-control" required="required" placeholder="Enter title" name="asset_allocation[]" type="text">
                            </div><!--col-lg-10-->
                        </div>

                        <div class="form-group">
                            <label for="Range start value" class="col-lg-2 control-label">Percentage</label>

                            <div class="col-lg-10">
                                <input class="form-control" required="required" placeholder="Enter percentage" name="asset_allocation[]" type="text">
                            </div><!--col-lg-10-->
                        </div>
                    </div>

                </div>

                <div class="form-group">
                    <label for="Range start value" class="col-lg-2 control-label"></label>

                    <div class="col-lg-10">
                        <button class="btn btn-primary" id="add_allocation"><i class="fa fa-plus"></i></button>
                    </div><!--col-lg-10-->
                </div>

                <div class="form-group">
                    <div class="col-lg-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">Returns Per Annum</div>
                            <div class="panel-body">

                                <div class="form-group">
                                    {{ Form::label('return_per_annum_title', 'Title', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::text('return_per_annum_title', null, ['class' => 'form-control','placeholder' => 'Enter Return per annum title']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('return_per_annum_description', 'Description', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::textarea('return_per_annum_description', null, ['class' => 'form-control','placeholder' => 'Enter Return per annum description']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('return_per_annum_image', 'Image', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::file('return_per_annum_image', null, ['class' => 'form-control', 'placeholder' => 'Choose image']) }}

                                        <p class="text-warning">Image resolution must be 856 X 370;</p>
                                    </div><!--col-lg-10-->
                                </div>

                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading">% Probability of a Negative Return</div>
                            <div class="panel-body">

                                <div class="form-group">
                                    {{ Form::label('probability_of_negative_return_title', 'Title', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::text('probability_of_negative_return_title', null, ['class' => 'form-control','placeholder' => 'Enter Return per annum title']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('probability_of_negative_return_description', 'Description', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::textarea('probability_of_negative_return_description', null, ['class' => 'form-control',  'placeholder' => 'Enter Return per annum description']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('probability_of_negative_return_image', 'Image', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::file('probability_of_negative_return_image', null, ['class' => 'form-control', 'placeholder' => 'Choose image']) }}
                                        <p class="text-warning">Image resolution must be 524 X 346;</p>
                                    </div><!--col-lg-10-->
                                </div>

                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading">Annualised Return / Risk</div>
                            <div class="panel-body">

                                <div class="form-group">
                                    {{ Form::label('annualised_return_solution_name', 'Name', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::text('annualised_return_solution_name', null, ['class' => 'form-control','placeholder' => 'Enter Solution Name']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('annualised_return_risk_title', 'Title', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::text('annualised_return_risk_title', null, ['class' => 'form-control', 'placeholder' => 'Enter Return per annum title']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('annualised_return_risk_description', 'Description', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::textarea('annualised_return_risk_description', null, ['class' => 'form-control',  'placeholder' => 'Enter Return per annum description']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('annualised_return', 'Annualised Return', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::number('annualised_return', null, ['class' => 'form-control', 'maxlength' => '191', 'placeholder' => 'Enter annualised return','step' => 'any','min'=>0]) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('annualised_risk', 'Risk', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::number('annualised_risk', null, ['class' => 'form-control', 'maxlength' => '191', 'placeholder' => 'Enter annualised risk','step' => 'any','min'=>0]) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('risk_associated_text', 'Risk Associated Text', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::text('risk_associated_text', null, ['class' => 'form-control','placeholder' => 'Enter Risk Associated Text']) }}
                                    </div><!--col-lg-10-->
                                </div>

                                <div class="form-group">
                                    {{ Form::label('annualised_return_risk_image', 'Image', ['class' => 'col-lg-2 control-label']) }}

                                    <div class="col-lg-10">
                                        {{ Form::file('annualised_return_risk_image', null, ['class' => 'form-control', 'placeholder' => 'Choose image']) }}
                                    </div><!--col-lg-10-->
                                </div>

                            </div>
                        </div>
                    </div>
                </div>


                <div class="form-group">
                    {{ Form::label('investment_growth_rate', 'Investment Growth Rate', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('investment_growth_rate', null, ['class' => 'form-control','placeholder' => 'Enter Investment Growth Rate in Percentage']) }}
                    </div><!--col-lg-10-->
                </div>

                <div class="form-group">
                    {{ Form::label('graph_color', 'Graph Color', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('graph_color', null, ['class' => 'form-control','placeholder' => 'Enter Hex Code of Color']) }}
                    </div><!--col-lg-10-->
                </div>


                <div class="form-group">
                    {{ Form::label('risk_type', 'Risk Type', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('risk_type', null, ['class' => 'form-control','placeholder' => 'Please enter risk type for example(Low Risk,High Medium,etc..)']) }}
                    </div><!--col-lg-10-->
                </div>

                <div class="form-group">
                    {{ Form::label('investment_time_horizon', 'Investment Time Horizon', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('investment_time_horizon', null, ['class' => 'form-control','placeholder' => 'Please enter investment time horizon for example(1-2 Years,2+ Years,etc..)']) }}
                    </div><!--col-lg-10-->
                </div>

                <div class="form-group">
                    {{ Form::label('sort', 'Sort', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        {{ Form::text('sort', null, ['class' => 'form-control','placeholder' => 'Sort Number']) }}
                    </div><!--col-lg-10-->
                </div>

                <div class="form-group">
                    {{ Form::label('Active', 'Active', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                        <input type="checkbox" value="1" name="active" id="active" class="custom_checkbox" placeholder="Color in Hex Code"/>
                    </div><!--col-lg-10-->
                </div><!--form control-->
            </div><!-- /.box-body -->
        </div><!--box-->

        <div class="box box-success">
            <div class="box-body">
                <div class="pull-left">
                    {{ link_to_route('admin.risk_profile.risk_profile.index', trans('buttons.general.cancel'), [], ['class' => 'btn btn-danger btn-xs']) }}
                </div><!--pull-left-->

                <div class="pull-right">
                    {{ Form::submit(trans('buttons.general.crud.create'), ['class' => 'btn btn-success btn-xs']) }}
                </div><!--pull-right-->

                <div class="clearfix"></div>
            </div><!-- /.box-body -->
        </div><!--box-->

    {{ Form::close() }}
@endsection

@section('after-scripts')
    <script src="//cdn.ckeditor.com/4.7.2/standard/ckeditor.js"></script>
    <script>

        $(document).ready(function() {

            CKEDITOR.replace('overview');
            CKEDITOR.replace('disclaimer');
            CKEDITOR.replace('return_per_annum_description');
            CKEDITOR.replace('probability_of_negative_return_description');
            CKEDITOR.replace('annualised_return_risk_description');

        });


    </script>
@endsection