@extends('layouts.app')

@section('title', __('dashboard.Edit Permission'))
@section('page_heading', __('dashboard.Edit Permission'))

@section('content')
@include('layouts.partials.workspace-page-styles')

<div class="workspace-shell" style="max-width:640px">
    <div class="workspace-body">
        <div class="collection-card__header">
            <div class="collection-card__intro">
                <span class="collection-card__icon"><i class="fa-solid fa-key"></i></span>
                <div class="collection-card__title">
                    <h2>{{ $permissionMeta['label'] }}</h2>
                    <p>{{ $permission->name }}</p>
                </div>
            </div>
            <a href="{{ route('dashboard.permissions.index') }}" class="app-btn app-btn--secondary app-btn--sm">
                <i class="fa-solid fa-arrow-right"></i> {{ __('dashboard.Permissions') }}
            </a>
        </div>

        <form action="{{ route('dashboard.permissions.update', $permission->id) }}" method="POST" class="mt-4">
            @csrf @method('PUT')
            <div class="app-grid gap-4">
                <div class="col-span-12">
                    <label class="app-label font-bold required">{{ __('dashboard.Name') }}</label>
                    <input type="text" name="name" class="app-input @error('name') app-input--invalid @enderror" value="{{ old('name', $permission->name) }}" required>
                    @error('name')<div class="app-field-error">{{ $message }}</div>@enderror
                </div>
                <div class="md:col-span-6">
                    <label class="app-label font-bold">{{ __('dashboard.Guard Name') }}</label>
                    <input type="hidden" name="guard_name" value="{{ $permission->guard_name }}">
                    <input type="text" class="app-input" value="{{ $permission->guard_name }}" disabled>
                </div>
                <div class="md:col-span-6">
                    <label class="app-label font-bold">الإدارة</label>
                    <select name="group" class="app-input app-select">
                        @foreach($administrations as $key => $admin)
                            <option value="{{ $key }}" @selected(old('group', $permission->group) === $key)>{{ $admin['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                @if($permissionMeta['description'])
                <div class="col-span-12">
                    <div class="app-alert app-alert--info border" style="border-color:var(--c-primary-pale)!important;background:var(--c-primary-bg)!important">
                        <div class="font-bold mb-1" style="color:var(--c-primary-dark)">الوصف</div>
                        <div class="text-slate-500 dark:text-slate-400">{{ $permissionMeta['description'] }}</div>
                    </div>
                </div>
                @endif
            </div>
            <div class="flex justify-end gap-2 mt-5">
                <a href="{{ route('dashboard.permissions.index') }}" class="app-btn app-btn--secondary">{{ __('dashboard.Cancel') }}</a>
                <button type="submit" class="app-btn app-btn--primary">{{ __('dashboard.Save Changes') }}</button>
            </div>
        </form>
    </div>
</div>
@endsection