@extends('layouts.app')
@section('page-title', 'Edit Role')

@section('content')
<x-admin-hero-header :title="'Edit: '.$role->name" subtitle="Modify role name and permission set">
    <x-slot:icon><svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M12 3l7 3v5c0 4.6-2.9 8.7-7 10-4.1-1.3-7-5.4-7-10V6l7-3zm-3 9l2 2 4-4"/></svg></x-slot:icon>
    <x-slot:actions><a href="{{ route('admin.roles.index') }}" class="btn border-white/15 bg-white/15 text-white backdrop-blur hover:bg-white/20 focus:ring-white/30"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>Back to Roles</a></x-slot:actions>
</x-admin-hero-header>

<form method="POST" action="{{ route('admin.roles.update', $role) }}" class="enhanced-form" x-data="permissionsForm(@js(old('permissions', $role->permissions->pluck('name')->toArray())))">
    @csrf @method('PUT')
    @php($isEdit = true)
    <x-form-shell title="Role information" description="Update the role and its system access." icon="role">
        @if($role->name === 'Super Admin')<div class="mb-5 rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-800">Super Admin is a protected system role and cannot be modified.</div>@endif
        @include('admin.roles.partials.form-fields')
        <x-slot:actions>
            <a href="{{ route('admin.roles.index') }}" class="btn-secondary">{{ $role->name === 'Super Admin' ? 'Back to Roles' : 'Cancel' }}</a>
            @if($role->name !== 'Super Admin')<button type="submit" class="btn-primary"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Update Role</button>@endif
        </x-slot:actions>
    </x-form-shell>
</form>
@endsection