@extends('admin.layouts.app')

@section('title', isset($role) ? 'Rol redaktə et' : 'Yeni rol')

@section('content')
<div class="admin-header-row">
    <h1 class="admin-title">{{ isset($role) ? 'Rol redaktə et' : 'Yeni rol' }}</h1>
</div>

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

        <div class="admin-form-grid">
            <div class="admin-form-group">
                <label for="name">Ad</label>
                <input type="text" id="name" name="name" class="admin-form-control" value="{{ old('name', $role->name ?? '') }}" required>
            </div>
            <div class="admin-form-group">
                <label for="slug">Slug</label>
                <input type="text" id="slug" name="slug" class="admin-form-control" value="{{ old('slug', $role->slug ?? '') }}" required>
            </div>
        </div>

        <div class="admin-form-group" style="margin-top: 12px;">
            <label class="admin-form-check">
                <input type="checkbox" name="is_active" value="1" {{ old('is_active', $role->is_active ?? true) ? 'checked' : '' }}>
                <span>Aktiv</span>
            </label>
        </div>

        <h3 style="margin-top: 20px; margin-bottom: 12px; color: #1b1b18; font-size: 16px;">İcazələr</h3>
        <div class="admin-form-grid" style="grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));">
            @foreach($permissions as $permission)
                <label class="admin-form-check">
                    <input type="checkbox" name="permissions[]" value="{{ $permission }}" {{ in_array($permission, old('permissions', $role->permissions ?? [])) ? 'checked' : '' }}>
                    <span style="text-transform: capitalize;">{{ str_replace('_', ' ', $permission) }}</span>
                </label>
            @endforeach
        </div>

        <div style="display: flex; gap: 12px; margin-top: 20px;">
            <button type="submit" class="admin-btn admin-btn-primary">Yadda saxla</button>
            <a href="{{ route('admin.admin-roles.index') }}" class="admin-btn admin-btn-secondary">Ləğv et</a>
        </div>
    </form>
</div>
@endsection