@extends('admin.layouts.master')
@section('title', $role->exists ? 'تعديل دور' : 'دور جديد')

@section('page-header')
    <div class="page-pretitle">الأدوار</div>
    <h2 class="page-title">{{ $role->exists ? 'تعديل: '.$role->name : 'دور جديد' }}</h2>
@endsection

@section('content')
<form method="POST" action="{{ $role->exists ? route('admin.roles.update', $role) : route('admin.roles.store') }}">
    @csrf @if($role->exists) @method('PUT') @endif
    <div class="card"><div class="card-body">
        <div class="mb-3">
            <label class="form-label required">اسم الدور</label>
            <input type="text" name="name" class="form-control" value="{{ old('name', $role->name) }}" required>
        </div>

        <h4>الصلاحيات</h4>
        <div class="row g-2 mb-3">
            <div class="col-md-4">
                <button type="button" class="btn btn-sm btn-outline-primary w-100" onclick="$('.perm-check').prop('checked', true)">تحديد الكل</button>
            </div>
            <div class="col-md-4">
                <button type="button" class="btn btn-sm btn-outline-secondary w-100" onclick="$('.perm-check').prop('checked', false)">إلغاء الكل</button>
            </div>
        </div>

        @php
            $grouped = $permissions->groupBy(function($p) {
                $parts = explode('-', $p->name, 2);
                return $parts[1] ?? 'general';
            });
        @endphp

        @foreach($grouped as $group => $perms)
        <div class="card mb-2">
            <div class="card-header py-2"><strong>{{ $group }}</strong></div>
            <div class="card-body py-2">
                <div class="row">
                    @foreach($perms as $perm)
                    <div class="col-md-4 col-sm-6 mb-1">
                        <label class="form-check">
                            <input type="checkbox" name="permissions[]" value="{{ $perm->name }}" class="form-check-input perm-check"
                                {{ in_array($perm->name, $rolePermissions) ? 'checked' : '' }}>
                            <span class="form-check-label">{{ $perm->name }}</span>
                        </label>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endforeach
    </div>
    <div class="card-footer text-end">
        <a href="{{ route('admin.roles.index') }}" class="btn btn-outline-secondary">إلغاء</a>
        <button class="btn btn-primary"><i class="ti ti-device-floppy ms-1"></i> حفظ</button>
    </div></div>
</form>
@endsection