@extends ('backend.layouts.app')

@section ('title', 'Risk Profiler | Create Question')

@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>
        Risk Profiler Management
        <small>Create Question</small>
    </h1>
@endsection

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

                <div class="box-tools pull-right">
                    @include('backend.risk_profiler.question.partials.question-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('Select type', 'Select type', ['class' => 'col-lg-2 control-label']) }}

                    <div class="col-lg-10">
                       <select class="select form-control" name="type" id="risk_profiler_type">
                           <option selected disabled>Select type</option>
                           <option value="1">Radio</option>
                           <option value="2">Checkboxes</option>
                       </select>
                    </div>
                </div><!--form control-->

                <div class="form-group" id="max_select" style="display: none;">
                    {{ Form::label('Max select', 'Max select', ['class' => 'col-lg-2 control-label']) }}

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

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

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

                <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.risk_profiler.question.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