@extends('admin.layouts.master')

@section('content')
    <div class="pc-container">
        <div class="pc-content">
            <div class="page-header">
                <div class="page-block">
                    <h5 class="mb-0">مثال الصلاحيات</h5>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h5>التحكم في الأزرار حسب صلاحية المستخدم</h5>
                </div>
                <div class="card-body">
                    <p class="mb-3">يتم إظهار كل زر فقط إذا كان المستخدم يملك الصلاحية المناسبة.</p>

                    @can('products.create')
                        <button class="btn btn-primary me-2">إضافة منتج</button>
                    @endcan

                    @can('products.update')
                        <button class="btn btn-warning me-2">تعديل المنتج</button>
                    @endcan

                    @can('products.delete')
                        <button class="btn btn-danger me-2">حذف المنتج</button>
                    @endcan

                    @cannot('products.create')
                        <div class="alert alert-info mt-3 mb-0">
                            ليس لديك صلاحية إضافة منتج.
                        </div>
                    @endcannot
                </div>
            </div>
        </div>
    </div>
@endsection