@extends('app')
@section('content')
    <style type="text/css">
        .box {
            border: 1px solid #dcdcdc; padding: 5px;
        }
        .btn-primary{
         background: #CF806B !important;
        }
    </style>
    @if(Session::has('flash_message'))
        <div class="alert {{ (Session::has('flash_message_status'))?'alert-error':'alert-success'}}">
            <button class="close" data-dismiss="alert"></button>
            {!! Session::get('flash_message') !!}
        </div>
    @endif

    <div class="row">
        <div class="col-md-12">
            <div class="grid simple">
                <div class="grid-body">
                    <div class="c-page-title">
                        <span> المؤهل العلمي </span>
                    </div>
                    <br>

                    {!! Form::model($education_level, ['method' => $education_level ? 'PATCH' : 'POST','route' => $education_level ? ['education-levels.update', $education_level->id] : 'education-levels.store','id'=>'form_education-levels']) !!}
                    <div class="box">
                        <br>

                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-6 col-md-offset-3  col-sm-12">
                                {!! Form::text('english_level', null, ['class' => 'form-control','required'=>true, 'id'=>'english_level']) !!}
                                <span class="help"><span id="char_english_level">15</span> @lang('common.char_count')</span><br>
                            </div>
                            <div class="col-md-3  col-sm-12 text-left">
                                <label style="font-weight: bold;">اسم المستوى <span style="color:red">*</span></label>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="input-with-icon  right col-md-6 col-md-offset-3  col-sm-12">
                                {!! Form::text('arabic_level', null, ['class' => 'form-control','required'=>true, 'id'=>'arabic_level']) !!}
                                <span class="help"><span id="char_arabic_level">15</span> @lang('common.char_count')</span><br>
                            </div>
                            <div class="col-md-3  col-sm-12 text-left">
                                <label style="font-weight: bold;">اسم المستوى عربي<span style="color:red">*</span></label>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-6 col-md-offset-3  col-sm-12">
                                {!! Form::submit('حفظ', ['class' => 'btn btn-primary pull-right','id' => 'btn-submit']) !!}
                                <a href="{{url('/admin/education-levels')}}" class="btn btn-info btn-cons">إلغاء</a>
                            </div>
                        </div>
                        <br>
                    </div>
                    <br>

                    {!! Form::close() !!}
                    <br>

                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    <script type="text/javascript" language="javascript" class="init">
        jQuery('#form_education-levels').submit(function (event) {
            var pass = true;
            //some validations

            if (pass == false) {
                return false;
            }
            form = this;
            jQuery('#btn-submit').attr('disabled', 'disabled');
            event.preventDefault();
            setTimeout(function () {
                form.submit();
            }, 500);
            jQuery('#progressbar').show();
            return true;
        });

        jQuery(document).ready(function ($) {
            updateFeatureCharLimitNum('english_level', 'char_english_level', 15);
            updateFeatureCharLimitNum('arabic_level', 'char_arabic_level', 15);

            $("#english_level").keyup(function (event) {
                updateFeatureCharLimitNum('english_level', 'char_english_level', 15);
            });
            $("#arabic_level").keyup(function (event) {
                updateFeatureCharLimitNum('arabic_level', 'char_arabic_level', 15);
            });
        });
    </script>
@endsection