@extends('layouts.app')

@section('title', 'سجل حركات المستخدم')

@section('content')
<div class="mb-4">
    <h1 class="page-title">
        <i class="fas fa-history me-2"></i>
        سجل حركات: {{ $user->name }}
    </h1>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">الرئيسية</a></li>
            <li class="breadcrumb-item"><a href="{{ route('users.index') }}">المستخدمون</a></li>
            <li class="breadcrumb-item"><a href="{{ route('users.show', $user) }}">{{ $user->name }}</a></li>
            <li class="breadcrumb-item active">سجل الحركات</li>
        </ol>
    </nav>
</div>

<!-- Filters -->
<div class="card mb-4">
    <div class="card-body">
        <form action="{{ route('users.activity', $user) }}" method="GET" class="row g-3">
            <div class="col-md-4">
                <label class="form-label">نوع الحركة</label>
                <select name="action" class="form-select">
                    <option value="">-- جميع الحركات --</option>
                    <option value="created" {{ request('action') == 'created' ? 'selected' : '' }}>إنشاء</option>
                    <option value="updated" {{ request('action') == 'updated' ? 'selected' : '' }}>تعديل</option>
                    <option value="deleted" {{ request('action') == 'deleted' ? 'selected' : '' }}>حذف</option>
                    <option value="logged_in" {{ request('action') == 'logged_in' ? 'selected' : '' }}>تسجيل دخول</option>
                    <option value="logged_out" {{ request('action') == 'logged_out' ? 'selected' : '' }}>تسجيل خروج</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">من تاريخ</label>
                <input type="date" name="from" class="form-control" value="{{ request('from') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">إلى تاريخ</label>
                <input type="date" name="to" class="form-control" value="{{ request('to') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">&nbsp;</label>
                <button type="submit" class="btn btn-primary w-100">
                    <i class="fas fa-search me-2"></i>
                    بحث
                </button>
            </div>
        </form>
    </div>
</div>

<!-- Activity Log -->
<div class="card">
    <div class="card-header bg-white">
        <h5 class="mb-0">
            <i class="fas fa-list me-2"></i>
            جميع الحركات
        </h5>
    </div>
    <div class="card-body">
        @php
            $query = \App\Models\ActivityLog::where('user_id', $user->id);
            
            if (request('action')) {
                $query->where('action', request('action'));
            }
            
            if (request('from')) {
                $query->whereDate('created_at', '>=', request('from'));
            }
            
            if (request('to')) {
                $query->whereDate('created_at', '<=', request('to'));
            }
            
            $activities = $query->latest()->paginate(20);
        @endphp
        
        @if($activities->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th width="5%">#</th>
                            <th width="12%">التاريخ</th>
                            <th width="10%">الحركة</th>
                            <th width="40%">الوصف</th>
                            <th width="15%">النموذج</th>
                            <th width="18%">عنوان IP</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($activities as $activity)
                        <tr>
                            <td>{{ $activity->id }}</td>
                            <td>
                                <small>
                                    {{ $activity->created_at->format('Y-m-d') }}
                                    <br>
                                    {{ $activity->created_at->format('H:i:s') }}
                                </small>
                            </td>
                            <td>
                                @php
                                    $actionBadge = match($activity->action) {
                                        'created' => 'bg-success',
                                        'updated' => 'bg-warning',
                                        'deleted' => 'bg-danger',
                                        'logged_in' => 'bg-primary',
                                        'logged_out' => 'bg-secondary',
                                        default => 'bg-info'
                                    };
                                    $actionText = match($activity->action) {
                                        'created' => 'إنشاء',
                                        'updated' => 'تعديل',
                                        'deleted' => 'حذف',
                                        'logged_in' => 'دخول',
                                        'logged_out' => 'خروج',
                                        default => $activity->action
                                    };
                                @endphp
                                <span class="badge {{ $actionBadge }}">{{ $actionText }}</span>
                            </td>
                            <td>{{ $activity->description }}</td>
                            <td>
                                @if($activity->model_type)
                                    <small class="text-muted">
                                        {{ class_basename($activity->model_type) }} #{{ $activity->model_id }}
                                    </small>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>
                                <small>
                                    <i class="fas fa-map-marker-alt me-1"></i>
                                    {{ $activity->ip_address ?? 'غير متوفر' }}
                                </small>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            <div class="mt-3">
                {{ $activities->links() }}
            </div>
        @else
            <div class="text-center py-5">
                <i class="fas fa-history fa-3x text-muted mb-3"></i>
                <h5 class="text-muted">لا توجد حركات</h5>
                <p class="text-muted">لم يقم هذا المستخدم بأي حركات بعد</p>
            </div>
        @endif
    </div>
</div>
@endsection