@extends('layouts.app')

@section('content')
    <div class="row mb-2">
        <div class="col-md-7">
            <h3>{{ $role->exists ? 'Роль: ' . $role->name : 'Новая роль' }}</h3>
        </div>
        <div class="col-md-5 text-end">
            <a href="{{ route('admin.roles.index') }}" class="btn btn-sm btn-outline-secondary">Назад</a>
        </div>
    </div>

    <form action="{{ $role->exists ? route('admin.roles.update', $role) : route('admin.roles.store') }}" method="post">
        @csrf
        @if($role->exists)
            @method('PUT')
        @endif

        <div class="row">
            <div class="col-lg-5 col-xl-4">
                @include('partials.input', [
                    'name' => 'name',
                    'title' => 'Название',
                    'required' => true,
                    'value' => old('name', $role->name),
                ])

                @include('partials.input', [
                    'name' => 'slug',
                    'title' => 'Код',
                    'required' => !$role->exists,
                    'value' => old('slug', $role->slug),
                    'disabled' => $role->exists,
                ])
                @if($role->exists)
                    <input type="hidden" name="slug" value="{{ $role->slug }}">
                @endif

                @include('partials.input', [
                    'name' => 'description',
                    'title' => 'Описание',
                    'value' => old('description', $role->description),
                ])

                @include('partials.input', [
                    'name' => 'sort',
                    'type' => 'number',
                    'title' => 'Сортировка',
                    'value' => old('sort', $role->sort ?? 100),
                ])

                <div class="row mb-2">
                    <label class="col-form-label small col-md-4 text-md-end" for="is_active">Активна</label>
                    <div class="col-md-8">
                        <input type="hidden" name="is_active" value="0">
                        <div class="form-check mt-2">
                            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
                                   @checked(old('is_active', $role->exists ? $role->is_active : true))
                                   @disabled($role->slug === \App\Models\Role::ADMIN)>
                        </div>
                    </div>
                </div>

                <div class="text-end mb-3">
                    <button type="submit" class="btn btn-sm btn-primary">Сохранить</button>
                </div>
            </div>

            <div class="col-lg-7 col-xl-8">
                @if($role->slug === \App\Models\Role::ADMIN)
                    <div class="alert alert-warning py-2">
                        Администратору всегда доступны все права. Убирать права или ставить deny нельзя.
                    </div>
                @endif

                @include('admin.roles.partials.permissions-table', [
                    'permissionGroups' => $permissionGroups,
                    'permissionEffects' => $permissionEffects,
                    'inputName' => 'permission_effects',
                    'adminLocked' => $role->slug === \App\Models\Role::ADMIN,
                    'inheritLabel' => 'Нет',
                ])
            </div>
        </div>
    </form>

    @if($role->exists && $role->slug !== \App\Models\Role::ADMIN)
        <form action="{{ route('admin.roles.destroy', $role) }}" method="post" class="d-none" id="delete-role">
            @csrf
            @method('DELETE')
        </form>

        <div class="text-end mt-3">
            <a href="#" class="btn btn-sm btn-outline-danger delete-role">Удалить роль</a>
        </div>
    @endif
@endsection

@push('scripts')
    <script type="module">
        $('.delete-role').on('click', function () {
            customConfirm('Удалить роль? Это возможно только если на неё не ссылается ни один пользователь.', function () {
                $('#delete-role').submit();
            });
        });
    </script>
@endpush