@extends('layouts.master')

@section('content')
<div class="col-md-12">
    {{ Form::open(['url' => route('courses.store')]) }}
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">@lang('course/fields.courses')</h3>
        </div>
        <div class="card-body">
            <div class="form-group">
                <label for="name">@lang('course/fields.name')</label>
                <input type="text" id="name"  name="name" class="form-control">
                @if ($errors->has('name'))
                    <span class="help-block">
                        <strong class="text-danger">{{ $errors->first('name') }}</strong>
                    </span>
                @endif
            </div>
            <div class="form-group">
                <label for="description">@lang('course/fields.description')</label>
                <textarea id="description" name="description" class="form-control" rows="4" maxlength="150"></textarea>
                @if ($errors->has('description'))
                    <span class="help-block">
                        <strong class="text-danger">{{ $errors->first('description') }}</strong>
                    </span>
                @endif
            </div>
            <div class="form-group">
                <label for="teacher_id">@lang('course/fields.teacher')</label>
                {{ Form::select('teacher_id', $users, null, ['class' => 'form-control custom-select']) }}
                @if ($errors->has('teacher_id'))
                    <span class="help-block">
                        <strong class="text-danger">{{ $errors->first('teacher_id') }}</strong>
                    </span>
                @endif
            </div>
        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->
    <div class="col-12">
        <a href="{{ route('courses.index') }}" class="btn btn-secondary">@lang('general.cancel')</a>
        <input type="submit" value="@lang('course/actions.create')" class="btn btn-success float-right">
    </div>
    {{ Form::close() }}
</div>
</div>

</section>
<!-- /.content -->
@endsection

@section('scripts')
<script src="{{ asset('js/jquery-3.1.1.slim.min.js') }}"></script>
<script src="{{ asset('js/remaining_characters.js') }}"></script>
<script type="text/javascript">
    $("#description").remainingCharacters({
      label: {
        tag: 'p',
        id: null,
        class: 'badge badge-primary',
        invalidClass: 'is-invalid'
      },
      text: '{n} characters remaining'
    });

</script>
@endsection