@extends ('backend.layouts.app')
@section ('title', trans('labels.backend.access.roles.management') . ' | ' . trans('labels.backend.access.roles.create'))
@section('content')



    {!! Html::form()->route('admin.access.role.store')->method('POST')->attributes([
            'class' => 'form-horizontal',
            'files' => true,
            'role' => 'form',
            'id' => 'create-role',
            'enctype' => 'multipart/form-data',
        ])->open() !!}

        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">{{ trans('labels.backend.access.roles.create') }}</h3>

                <div class="box-tools pull-right">
                    @include('backend.access.includes.partials.role-header-buttons')
                </div><!--box-tools pull-right-->
            </div><!-- /.box-header -->

            <div class="box-body">
                <div class="form-group">
                {!! Html::label(trans('validation.attributes.backend.access.roles.name'), 'name', ['class' => 'col-lg-2 control-label required']) !!}


                    <div class="col-lg-10">
                    {!! Html::text('name')
    ->class('form-control box-size')
    ->placeholder(trans('validation.attributes.backend.access.roles.name'))
    ->required() !!}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                {!! Html::label(trans('validation.attributes.backend.access.roles.associated_permissions'), 'associated_permissions', ['class' => 'col-lg-2 control-label']) !!}


                    <div class="col-lg-10">
                    {!! Html::select('associated_permissions', ['all' => trans('labels.general.all'), 'custom' => trans('labels.general.custom')], 'all')
                        ->class('form-control select2 box-size') !!}

                        <div id="available-permissions" class="hidden mt-20" style="width: 700px; height: 200px; overflow-x: hidden; overflow-y: scroll;">
                            <div class="row">
                                <div class="col-xs-12">
                                    @if ($permissions->count())
                                        @foreach ($permissions as $perm)
                                            <label class="control control--checkbox">
                                            <input type="checkbox" name="permissions[{{ $perm->id }}]" value="{{ $perm->id }}" id="perm_{{ $perm->id }}" {{ is_array(old('permissions')) && in_array($perm->id, old('permissions')) ? 'checked' : '' }} /> <label for="perm_{{ $perm->id }}">{{ $perm->display_name }}</label>
                                            <div class="control__indicator"></div>
                                            </label>
                                            <br/>
                                        @endforeach
                                    @else
                                        <p>There are no available permissions.</p>
                                    @endif
                                </div><!--col-lg-6-->
                            </div><!--row-->
                        </div><!--available permissions-->
                    </div><!--col-lg-3-->
                </div><!--form control-->

                <div class="form-group">
                {{ Html::label(trans('validation.attributes.backend.access.roles.sort'), 'sort', ['class' => 'col-lg-2 control-label']) }}


                    <div class="col-lg-10">
                    @php
    $roleCountValue = $roleCount + 1;
@endphp
                    {!! html()->text('sort', $roleCountValue)
    ->class('form-control box-size')
    ->placeholder(trans('validation.attributes.backend.access.roles.sort')) !!}
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                {!! html()->label(trans('validation.attributes.backend.access.roles.active'), 'status')->class('col-lg-2 control-label') !!}


                    <div class="col-lg-10">
                        <div class="control-group">
                            <label class="control control--checkbox">
                            {{ html()->checkbox('status', 1)->checked(true) }}

                                <div class="control__indicator"></div>
                            </label>
                        </div>
                    </div><!--col-lg-3-->
                </div><!--form control-->
                <div class="edit-form-btn">
                {!! html()->a()
    ->href(route('admin.access.role.index'))
    ->class('btn btn-danger btn-md')
    ->text('Cancel') !!}

                    <button type="submit" class="btn btn-primary btn-md">Create</button>
                    <div class="clearfix"></div>
                </div>
            </div><!-- /.box-body -->
        </div><!--box-->
        {{ html()->form()->close() }}
@endsection

@section('after-scripts')
    <script src="{{ url('js/backend/access/roles/script.js') }}"></script>

     <script type="text/javascript">
         Backend.Utils.documentReady(function(){
             Backend.Roles.init("rolecreate")
        });
    </script>
@endsection