@extends('layouts.app')

@section('title', __('auth::messages.roles.edit'))

@section('content')
    <x-page-header :title="__('roles.'.$role->name)"
                   :subtitle="$role->name" />

    @if ($isProtected)
        <x-alert type="info" :dismissible="false" :message="__('auth::messages.roles.protected_notice')" />
    @else
        <x-px.panel>
            <form method="POST" action="{{ route('roles.update', $role->name) }}">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="col-12 col-lg-5">
                        <x-form.input name="name" :label="__('auth::messages.roles.name')"
                                      :value="$role->name" :help="__('auth::messages.roles.name_help')" required />
                    </div>
                </div>

                <hr>

                <h2 class="h6">{{ __('auth::messages.roles.permissions') }}</h2>

                @include('auth::roles._permissions')

                <div class="d-flex gap-2 mt-3">
                    <button type="submit" class="btn px-btn-primary">{{ __('common.save') }}</button>
                    <a href="{{ route('roles.index') }}" class="btn px-btn-ghost">{{ __('common.cancel') }}</a>
                </div>
            </form>
        </x-px.panel>
    @endif
@endsection