@extends('layouts.app')

@php
    $isEdit = $role->exists;
    $rolePerms = $role->permissions->pluck('name')->toArray();
    $groupLabels = [
        // النظام
        'branches'         => 'الفروع',
        'warehouses'       => 'المخازن',
        'pharmacies'       => 'الصيدليات',
        'users'            => 'المستخدمين',
        'roles'            => 'الأدوار',
        'settings'         => 'الإعدادات',

        // البيانات الأساسية
        'item_categories'  => 'تصنيفات الأصناف',
        'manufacturers'    => 'الشركات المُصنِّعة',
        'units'            => 'الوحدات',
        'items'            => 'الأصناف',

        // المخزون
        'inventory'        => 'المخزون',
        'batches'          => 'تشغيلات الأدوية',
        'stock_movements'  => 'حركات المخزون',
        'stock_transfers'  => 'تحويلات المخزون',

        // الشركاء
        'suppliers'        => 'الموردين',
        'customers'        => 'العملاء',

        // العمليات
        'purchases'        => 'فواتير الشراء',
        'purchase_returns' => 'مرتجعات الشراء',
        'sales'            => 'فواتير البيع',
        'sale_returns'     => 'مرتجعات البيع',
    ];

    $actionLabels = [
        // عام
        'view'        => 'عرض',
        'create'      => 'إضافة',
        'edit'        => 'تعديل',
        'delete'      => 'حذف',

        // ETA / الضرائب
        'eta'         => 'إعداد ETA',
        'submit_eta'  => 'إرسال لـ ETA',
        'cancel_eta'  => 'إلغاء فاتورة ETA',

        // المخزون
        'adjust'      => 'تسوية الرصيد',
        'send'        => 'إرسال',
        'receive'     => 'استلام',

        // المبيعات والمشتريات
        'confirm'     => 'تأكيد',
        'pay'         => 'تسجيل دفعة',
    ];

    // أيقونة لكل مجموعة (لتحسين الشكل)
    $groupIcons = [
        'branches' => 'fa-building', 'warehouses' => 'fa-warehouse', 'pharmacies' => 'fa-clinic-medical',
        'users' => 'fa-users', 'roles' => 'fa-user-shield', 'settings' => 'fa-cog',
        'item_categories' => 'fa-tags', 'manufacturers' => 'fa-industry', 'units' => 'fa-balance-scale',
        'items' => 'fa-pills',
        'inventory' => 'fa-boxes', 'batches' => 'fa-layer-group', 'stock_movements' => 'fa-exchange-alt',
        'stock_transfers' => 'fa-truck-moving',
        'suppliers' => 'fa-truck', 'customers' => 'fa-user-injured',
        'purchases' => 'fa-file-invoice', 'purchase_returns' => 'fa-undo',
        'sales' => 'fa-cash-register', 'sale_returns' => 'fa-undo-alt',
    ];
@endphp

@section('title', $isEdit ? 'تعديل دور' : 'إضافة دور')
@section('page_title', $isEdit ? 'تعديل دور' : 'إضافة دور')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('roles.index') }}">{{ __('messages.roles') }}</a></li>
    <li class="breadcrumb-item active">{{ $isEdit ? 'تعديل' : 'إضافة' }}</li>
@endsection

@section('content')
<form action="{{ $isEdit ? route('roles.update', $role) : route('roles.store') }}" method="POST">
    @csrf
    @if($isEdit) @method('PUT') @endif

    <div class="card">
        <div class="card-header"><h3 class="card-title m-0">بيانات الدور</h3></div>
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $e) <div>{{ $e }}</div> @endforeach
                </div>
            @endif

            <div class="row">
                <div class="col-md-6 form-group">
                    <label>اسم الدور <span class="text-danger">*</span></label>
                    <input type="text" name="name" class="form-control" value="{{ old('name', $role->name) }}" required {{ $isEdit && $role->name === 'super-admin' ? 'readonly' : '' }}>
                </div>
            </div>

            <hr>
            <h5 class="mb-3">الصلاحيات</h5>

            <div class="mb-2">
                <button type="button" class="btn btn-sm btn-outline-success" onclick="$('input[name=\'permissions[]\']').prop('checked', true)"><i class="fas fa-check-double"></i> تحديد كل الصلاحيات</button>
                <button type="button" class="btn btn-sm btn-outline-secondary" onclick="$('input[name=\'permissions[]\']').prop('checked', false)"><i class="fas fa-times"></i> إلغاء الكل</button>
            </div>

            @foreach ($permissions as $group => $perms)
                <div class="card card-outline card-primary">
                    <div class="card-header py-2 d-flex align-items-center">
                        <strong class="flex-grow-1">
                            <i class="fas {{ $groupIcons[$group] ?? 'fa-key' }} text-primary"></i>
                            {{ $groupLabels[$group] ?? $group }}
                            <small class="text-muted">({{ $perms->count() }})</small>
                        </strong>
                        <button type="button" class="btn btn-xs btn-outline-primary toggle-group" data-group="{{ $group }}">تحديد المجموعة</button>
                    </div>
                    <div class="card-body py-2">
                        <div class="row">
                            @foreach ($perms as $perm)
                                @php $action = explode('.', $perm->name)[1] ?? $perm->name; @endphp
                                <div class="col-md-3 col-sm-6 mb-1">
                                    <div class="form-check">
                                        <input type="checkbox" name="permissions[]" value="{{ $perm->name }}" id="p-{{ $perm->id }}"
                                               class="form-check-input perm-{{ $group }}"
                                               {{ in_array($perm->name, old('permissions', $rolePerms)) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="p-{{ $perm->id }}">{{ $actionLabels[$action] ?? $action }}</label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i> {{ __('messages.save') }}</button>
            <a href="{{ route('roles.index') }}" class="btn btn-secondary">{{ __('messages.cancel') }}</a>
        </div>
    </div>
</form>
@endsection

@push('scripts')
<script>
$('.toggle-group').on('click', function () {
    const g = $(this).data('group');
    const $boxes = $('.perm-' + g);
    const allChecked = $boxes.length === $boxes.filter(':checked').length;
    $boxes.prop('checked', !allChecked);
});
</script>
@endpush