@extends('layouts.layout-horizontal')
@section('title', 'Activity Logs')

@section('content')
<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h5 class="mb-0">User Activity Logs</h5>
        <div></div>
    </div>
    <div class="card-body">
        {{-- Filter Form --}}
        <form method="GET" class="row g-3 align-items-end mb-4">
            <div class="col-md-2">
                <label class="form-label">From Date</label>
                <input type="date" name="start_date" class="form-control form-control-sm" value="{{ $startDate }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">To Date</label>
                <input type="date" name="end_date" class="form-control form-control-sm" value="{{ $endDate }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">User</label>
                <select name="user_id" class="form-select form-select-sm">
                    <option value="">All Users</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" @selected(request('user_id') == $user->id)>
                            {{ $user->name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Action</label>
                <select name="action" class="form-select form-select-sm">
                    <option value="">All Actions</option>
                    <option value="created" @selected(request('action') == 'created')>Created</option>
                    <option value="updated" @selected(request('action') == 'updated')>Updated</option>
                    <option value="deleted" @selected(request('action') == 'deleted')>Deleted</option>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Type</label>
                <select name="model_type" class="form-select form-select-sm">
                    <option value="">All Types</option>
                    @foreach($modelTypes as $type)
                        <option value="{{ $type }}" @selected(request('model_type') == $type)>
                            {{ $type }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-primary btn-sm w-100">
                    <i class="ph-duotone ph-funnel me-1"></i> Filter
                </button>
            </div>
        </form>

        {{-- Activity Stats --}}
        <div class="row g-3 mb-4">
            <div class="col-md-3">
                <div class="card bg-light-success border-0 mb-0">
                    <div class="card-body p-3">
                        <div class="d-flex align-items-center">
                            <span class="badge bg-success p-2 me-2"><i class="ph-duotone ph-plus-circle f-18"></i></span>
                            <div>
                                <small class="text-muted">Created</small>
                                <h5 class="mb-0">{{ $activities->where('action', 'created')->count() }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-light-warning border-0 mb-0">
                    <div class="card-body p-3">
                        <div class="d-flex align-items-center">
                            <span class="badge bg-warning p-2 me-2"><i class="ph-duotone ph-pencil f-18"></i></span>
                            <div>
                                <small class="text-muted">Updated</small>
                                <h5 class="mb-0">{{ $activities->where('action', 'updated')->count() }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-light-danger border-0 mb-0">
                    <div class="card-body p-3">
                        <div class="d-flex align-items-center">
                            <span class="badge bg-danger p-2 me-2"><i class="ph-duotone ph-trash f-18"></i></span>
                            <div>
                                <small class="text-muted">Deleted</small>
                                <h5 class="mb-0">{{ $activities->where('action', 'deleted')->count() }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-light-primary border-0 mb-0">
                    <div class="card-body p-3">
                        <div class="d-flex align-items-center">
                            <span class="badge bg-primary p-2 me-2"><i class="ph-duotone ph-list f-18"></i></span>
                            <div>
                                <small class="text-muted">Total</small>
                                <h5 class="mb-0">{{ $activities->total() }}</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Activity Table --}}
        <div data-st data-st-export="excel">
        <div class="table-responsive">
            <table class="table table-hover table-sm align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Date & Time</th>
                        <th>User</th>
                        <th>Action</th>
                        <th>Type</th>
                        <th>Description</th>
                        <th>Company</th>
                        <th class="text-center no-sort no-export">Details</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($activities as $activity)
                    <tr>
                        <td class="small">
                            {{ $activity->created_at->format('d-M-Y') }}<br>
                            <span class="text-muted">{{ $activity->created_at->format('h:i A') }}</span>
                        </td>
                        <td>
                            <strong>{{ $activity->user->name ?? 'Unknown' }}</strong>
                        </td>
                        <td>
                            @if($activity->action === 'created')
                                <span class="badge bg-success">Created</span>
                            @elseif($activity->action === 'updated')
                                <span class="badge bg-warning">Updated</span>
                            @elseif($activity->action === 'deleted')
                                <span class="badge bg-danger">Deleted</span>
                            @else
                                <span class="badge bg-secondary">{{ ucfirst($activity->action) }}</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge bg-light text-dark border">{{ $activity->model_label }}</span>
                        </td>
                        <td>{{ $activity->description }}</td>
                        <td class="small">{{ $activity->company->name ?? '-' }}</td>
                        <td class="text-center">
                            <div class="tbl-actions">
                                <a href="{{ route('admin.activity-logs.show', $activity->id) }}" class="tbl-act" data-bs-toggle="tooltip" title="View Details"><i class="ph-duotone ph-eye"></i></a>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">
                            <i class="ph-duotone ph-clipboard-text f-40 d-block mb-2"></i>
                            No activity logs found for the selected filters.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{-- Pagination --}}
        <div class="d-flex justify-content-center mt-3">
            {{ $activities->links('pagination::bootstrap-5') }}
        </div>
        </div>
    </div>
</div>
@endsection