@extends ('backend.layouts.app')

@section('title', trans('labels.backend.access.roles.management') . ' | ' . trans('labels.backend.access.roles.edit'))


@section('content')
    <form method="POST" action="{{ route('admin.access.role.update', $role) }}" class="form-horizontal" id="edit-role">
        @csrf
        @method('PATCH')
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">{{ trans('labels.backend.access.roles.edit') }}</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">
                    <label for="name" class="col-lg-2 control-label required">
                        {{ __('validation.attributes.backend.access.roles.name') }}
                    </label>

                    <div class="col-lg-10">
                        <input type="text" name="name" value="{{ old('name', $role->name ?? '') }}"
                            class="form-control box-size"
                            placeholder="{{ __('validation.attributes.backend.access.roles.name') }}" required>
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    <label for="associated_permissions" class="col-lg-2 control-label">
                        {{ __('validation.attributes.backend.access.roles.associated_permissions') }}
                    </label>

                    <div class="col-lg-10">
                        <select name="associated_permissions" class="form-control select2 box-size">
                            <option value="all" {{ $role->all ?? false ? 'selected' : '' }}>All</option>
                            <option value="custom" {{ !($role->all ?? false) ? 'selected' : '' }}>Custom</option>
                        </select>

                        <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'
                                                            : '')
                                                        : (in_array($perm->id, $rolePermissions ?? [])
                                                            ? '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-xs-12-->
                            </div><!--row-->
                        </div><!--available-permissions-->
                    </div><!--col-lg-10-->
                </div><!--form control-->

                <div class="form-group">
                    <label for="sort" class="col-lg-2 control-label">
                        {{ __('validation.attributes.backend.access.roles.sort') }}
                    </label>

                    <div class="col-lg-10">
                        <input type="text" name="sort" value="{{ old('sort', $role->sort ?? '') }}"
                            class="form-control box-size"
                            placeholder="{{ __('validation.attributes.backend.access.roles.sort') }}">
                    </div><!--col-lg-10-->
                </div><!--form control-->
                <div class="edit-form-btn">
                    <a href="{{ route('admin.access.role.index') }}" class="btn btn-danger btn-md">
                        {{ __('buttons.general.cancel') }}
                    </a>
                    <button type="submit" class="btn btn-primary btn-md">
                        {{ __('buttons.general.crud.update') }}
                    </button>
                    <div class="clearfix"></div>
                </div>
            </div><!-- /.box-body -->
        </div><!--box-->
    </form>
@endsection

@section('after-scripts')

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