@extends('app')
@section('content')
<style>
    .brownbtn{
         background: #CF806B !important;
        }
</style>
<div id="role_page" class="row" style="pointer-events: {{ $role && $role->name == 'superadmin' ?  'none': 'auto'}};">
    <div class="col-md-12">
        <div class="grid simple">
            <div class="grid-body no-border"> <br>
                @if($errors->any())
                <div class="row">
                    <div class="alert alert-error col-md-6 col-sm-12 col-md-offset-3">
                        <button data-dismiss="alert" class="close"></button>
                        @foreach($errors->all() as $error)
                        <p>{{ $error }}</p>
                        @endforeach
                    </div>
                </div>
                @endif
                {!! Form::model($role,['route' => $role ? ['roles.update','role'=>$role->id] : 'roles.store','method'=> $role ? 'PUT' : 'POST', 'id'=>'form_roles', 'novalidate'=>"novalidate"]) !!}
                <div class="form-group row">

                    <!-- <span class="help">e.g. "Jonh Smith"</span> -->
                    <div class=" right col-md-6 col-md-offset-3 col-sm-12">

                        {!! Form::text('name', null, ['class' => 'form-control', 'required']) !!}
                    </div>
                    <div class="col-md-3 col-sm-12 text-left">
                        {!! Form::label('name', 'إسم الدور', ['class' => 'control-label label-b']) !!}
                    </div>
                </div>
                <div class="form-group row">

                    <!-- <span class="help">e.g. "Jonh Smith"</span> -->
                    <div class=" right col-md-6 col-md-offset-3 col-sm-12">

                        {!! Form::text('display_name', null, ['class' => 'form-control']) !!}
                    </div>
                    <div class="col-md-3 col-sm-12 text-left">
                        {!! Form::label('display_name', 'إسم الدور العام', ['class' => 'control-label label-b']) !!}
                    </div>
                </div>
                <div class="form-group row">

                    <!-- <span class="help">e.g. "Jonh Smith"</span> -->
                    <div class=" right col-md-6 col-md-offset-3 col-sm-12">

                        {!! Form::textarea('description', null, ['class' => 'form-control','rows'=>3]) !!}
                    </div>
                    <div class="col-md-3 col-sm-12 text-left">
                        {!! Form::label('Description', 'وصف الدور', ['class' => 'control-label label-b']) !!}
                    </div>
                </div>

                <div class="form-group row">

                  <div class="col-md-6 col-md-offset-3 col-sm-12 text">
                    <label for='check_all_permitions' class="check">
                        <input name='check_all' type="checkbox" id="check_all_permitions"/> جميع الصلاحيات
                    </label>
                  </div>
                   <div class="col-md-3 col-sm-12 text-left">
                    <label class="control-label label-b">إختيار المهام</label>
                  </div>
                  <div class="col-md-2 col-sm-12">
                    <!-- <a href="{{ URL::to('admin/permissions')}}" class='btn btn-primary'>Reload Permissions</a> -->
                  </div>
                </div>
                                <div class="form-actions" style="margin-left: -13px !important; margin-right: -13px !important; padding-bottom: 13px !important">
                    <div class="pull-right">
                        {!! Form::submit( $role ? 'تحديث' : 'حفظ', ['class' => 'btn btn-primary btn-cons brownbtn','id' => 'btn-submit']) !!}
                    </div>
                     <a href="{{url('/admin/roles')}}" class="btn btn-info btn-cons" style="pointer-events: auto !important;">إلغاء</a>
                </div>
                {!! Form::close() !!}

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

@section('page_script')
<script>
    jQuery('#form_roles').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;
    });
    $(document).ready(function(){
        // $('.countries_select').prepend('<option value="all">All</option>');
        $('.countries_select').select2({placeholder: 'Select Country'})
        .on("change", function(e) {
          // mostly used event, fired to the original element when the value changes
          $('#role_countries').val($('.countries_select').val());
        });
        // set value if already has tags in edit form
        $('#role_countries').val($('.countries_select').val());

       $('.cities_select').select2({placeholder: 'Select City'})
        .on("change", function(e) {
          // mostly used event, fired to the original element when the value changes
          $('#role_cities').val($('.cities_select').val());
        });
        // set value if already has tags in edit form
        $('#role_cities').val($('.cities_select').val());
        $('#check_all_permitions').bind('change',function(){
            if(this.checked){
                $('.role_check').prop('checked',true);
            } else {
                $('.role_check').prop('checked',false);
            }
        });
    });
</script>

@endsection