@extends('layouts.app')

@section('javascript')
    <!-- Redactor -->
    <script src="/vendor/select2/select2.js"></script>
    <script src="/vendor/redactor/redactor.js"></script>
    <script>
        $(document).ready(function() {
            $('.redactor').redactor({
                plugins: ['source'],
                imagePosition: true,
                imageResizable: true
            });
        });
    </script>

    <!-- /.switchery -->
    <script>
        /* Switchery Toggles */
        var js_switch_primary = document.querySelectorAll('.js-switch-primary');
        js_switch_primary.forEach(function(html) {
            var switchery = new Switchery(html, {
                color: '#3498db',
                size: 'small'
            });
        });
    </script>

@endsection

@section('content')

    <div class="normalheader transition animated fadeIn">
        <div class="hpanel">
            <div class="panel-body">
                <h2 class="font-light m-b-xs">
                    Create New Course
                </h2>
            </div>
        </div>
    </div>

    <div class="content">

        {!! Former::vertical_open()->id('edit-notification')->rules(['name' => 'required'])->method('POST')->action(route('courses.store')) !!}
        <div class="hpanel">
            <div class="panel-body">
                <div class="form-horizontal">
                    <div class="row">
                        <div class="col-lg-6">
                            <div style="padding-left: 15px; padding-right: 15px">
                                {!! Former::text('name')->label('Name') !!}
                                {!! Former::select('provider_id')->label('Provider')->addClass('select2')->fromQuery($providerOptions) !!}
                                {!! Former::select('category_id')->label('Category')->addClass('select2')->fromQuery($categoryOptions) !!}
                                {!! Former::text('location')->label('Location') !!}
                                {!! Former::date('enroll_date')->label('Enrolment Date') !!}
                                {!! Former::number('price')->label('Price')->prepend('<i class="fa fa-usd"></i>') !!}
                                {!! Former::number('citb_price')->label('CITB Price')->prepend('<i class="fa fa-usd"></i>') !!}
                                {!! Former::checkbox('active')->addClass('js-switch-primary')->check(true) !!}
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div style="padding-left: 15px; padding-right: 15px">
                                <div class="form-group{{ $errors->has('description') ? ' has-error' : '' }}">
                                    <label class="control-label">Description:</label>
                                    <textarea class="redactor" name="description">

                                    </textarea>
                                </div><!-- /.form-group -->
                            </div>
                        </div>
                    </div><!-- /.row -->
                </div><!-- /.form-horizontal -->
            </div>
        </div><!-- /.hpanel -->

        <div class="hpanel">
            <div class="panel-body">
                <a href="{{route('courses.index')}}" class="btn btn-default">Cancel</a> <button class="btn btn-success">Create Course</button>
            </div>
        </div><!-- /.hpanel -->

    {!! Former::close() !!}
    </div><!-- /.content -->


@endsection