@extends ('backend.layouts.app')

@section ('title', 'Lisp | Create Lisp')

@section('after-styles')
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css?ver=1.0.0' type='text/css' media='all' />
@endsection

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

@section('content')
    {{ Form::open(['route' => 'admin.lisp.lisp.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 Lisp</h3>

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

            <div class="box-body">

                <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', 'id' => 'overview', 'required' => 'required', 'placeholder' => 'Enter overview']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <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', 'placeholder' => 'Choose image']) }}
                    </div><!--col-lg-10-->
                </div><!--form control-->

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

                    <div class="col-lg-10">
                        {{ Form::text('flat_fee', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter flat fee']) }}
                    </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;">Range fee</label>

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

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

                <div id="fees">

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

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

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

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

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

                            <div class="col-lg-10">
                                <input class="form-control" required="required" placeholder="Enter fee amount percentage" name="fees[]" 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_fees"><i class="fa fa-plus"></i></button>
                    </div><!--col-lg-10-->
                </div>

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

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

                @if (count($brokers) > 0)
                    <div class="form-group">
                        {{ Form::label('Select stock brokers', 'Select stock brokers', ['class' => 'col-lg-2 control-label']) }}

                        <div class="col-lg-10">
                            <select class="select_answers select form-control" multiple name="brokers[]">
                                @foreach($brokers as $item)
                                    <option value=""></option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @else
                    No brokers avaliable
                @endif

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

                    <div class="col-lg-10">
                        <input type="checkbox" value="1" name="is_direct" id="is_direct" class="custom_checkbox"/>
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <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"/>
                    </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.lisp.lisp.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 type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js?ver=1.0.0'></script>
    <script src="//cdn.ckeditor.com/4.7.2/standard/ckeditor.js"></script>
    <script>
        $(document).ready(function() {
            CKEDITOR.replace( 'overview' );

            $('.select_answers').select2();
        });

    </script>
@endsection