@extends('layouts.app')

@section('content')
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-header pb-0">
                    <div class="d-flex justify-content-between align-items-center">
                        <h6 class="mb-0">تفاصيل المستخدم: {{ $user->name }}</h6>
                        <a href="{{ route('admin.users.index') }}" class="btn btn-sm btn-secondary">
                            <i class="fas fa-arrow-right"></i> العودة للقائمة
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6 class="text-uppercase text-sm">معلومات المستخدم</h6>
                            <div class="table-responsive">
                                <table class="table">
                                    <tbody>
                                        <tr>
                                            <th class="text-secondary text-xs font-weight-bolder opacity-7">الاسم</th>
                                            <td>{{ $user->name }}</td>
                                        </tr>
                                        <tr>
                                            <th class="text-secondary text-xs font-weight-bolder opacity-7">البريد الإلكتروني</th>
                                            <td>{{ $user->email }}</td>
                                        </tr>
                                        <tr>
                                            <th class="text-secondary text-xs font-weight-bolder opacity-7">الدور</th>
                                            <td>
                                                <span class="badge badge-sm {{ $user->role == 'admin' ? 'bg-gradient-primary' : ($user->role == 'cashier' ? 'bg-gradient-success' : ($user->role == 'waiter' ? 'bg-gradient-info' : 'bg-gradient-warning')) }}">
                                                    {{ $user->role == 'admin' ? 'مدير' : ($user->role == 'cashier' ? 'كاشير' : ($user->role == 'waiter' ? 'نادل' : ($user->role == 'kitchen' ? 'مطبخ' : $user->role))) }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="text-secondary text-xs font-weight-bolder opacity-7">تاريخ الإنشاء</th>
                                            <td>{{ $user->created_at->format('Y-m-d H:i') }}</td>
                                        </tr>
                                        <tr>
                                            <th class="text-secondary text-xs font-weight-bolder opacity-7">آخر تحديث</th>
                                            <td>{{ $user->updated_at->format('Y-m-d H:i') }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <h6 class="text-uppercase text-sm">صلاحيات المستخدم</h6>
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th class="text-secondary text-xs font-weight-bolder opacity-7">الصلاحية</th>
                                            <th class="text-secondary text-xs font-weight-bolder opacity-7">الوصف</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if($user->isAdmin())
                                            <tr>
                                                <td colspan="2" class="text-center">
                                                    <span class="badge badge-sm bg-gradient-success">لديه جميع الصلاحيات (مدير)</span>
                                                </td>
                                            </tr>
                                        @elseif(isset($userPermissions) && count($userPermissions) > 0)
                                            @foreach($userPermissions as $permission)
                                                <tr>
                                                    <td>{{ $permission->display_name }}</td>
                                                    <td>{{ $permission->description }}</td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="2" class="text-center">لا توجد صلاحيات محددة</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    
                    <div class="d-flex justify-content-end mt-4">
                        @if(auth()->user()->hasPermission('edit_users'))
                        <a href="{{ route('admin.users.edit', $user->id) }}" class="btn btn-primary">تعديل</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection