@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item active" aria-current="page">Journalisation</li>
        </ol>
    </nav>
@endsection

<div class="container-fluid py-4">
    <!-- Header Section -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-1 text-primary">
                        <i class="fas fa-history me-2"></i>Journalisation
                    </h1>
                    <p class="text-muted mb-0">Suivi des actions sensibles des utilisateurs</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Filtres -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('admin.user-trackings.index') }}" class="row g-3">
                <div class="col-md-3">
                    <label for="app" class="form-label">Application</label>
                    <select name="app" id="app" class="form-select">
                        <option value="">Toutes les applications</option>
                        @foreach($applications as $application)
                            <option value="{{ $application->id }}" {{ request('app') == $application->id ? 'selected' : '' }}>
                                {{ $application->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="user_id" class="form-label">Utilisateur</label>
                    <select name="user_id" id="user_id" class="form-select">
                        <option value="">Tous les utilisateurs</option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                {{ $user->firstname }} {{ $user->lastname }} ({{ $user->email }})
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="action" class="form-label">Action</label>
                    <select name="action" id="action" class="form-select">
                        <option value="">Toutes les actions</option>
                        @foreach(\App\Enums\UserTrackingActionEnum::cases() as $action)
                            <option value="{{ $action->value }}" {{ request('action') == $action->value ? 'selected' : '' }}>
                                {{ $action->label() }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="office_type" class="form-label">Type</label>
                    <select name="office_type" id="office_type" class="form-select">
                        <option value="">Tous les types</option>
                        @foreach(\App\Enums\UserTrackingOfficeTypeEnum::cases() as $type)
                            <option value="{{ $type->value }}" {{ request('office_type') == $type->value ? 'selected' : '' }}>
                                {{ $type->label() }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-12">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-filter me-2"></i>Filtrer
                    </button>
                    <a href="{{ route('admin.user-trackings.index') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times me-2"></i>Réinitialiser
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Tableau des trackings -->
    <div class="card shadow-sm">
        <div class="card-body">
            @if($userTrackings->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Action</th>
                                <th>Utilisateur</th>
                                <th>Application</th>
                                <th>Type</th>
                                <th>URL</th>
                                <th>Données</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($userTrackings as $tracking)
                                <tr>
                                    <td>{{ $tracking->created_at->format('d/m/Y H:i:s') }}</td>
                                    <td>
                                        <span class="badge bg-info">{{ $tracking->action->label() }}</span>
                                    </td>
                                    <td>
                                        @if($tracking->user)
                                            {{ $tracking->user->firstname }} {{ $tracking->user->lastname }}
                                            <br><small class="text-muted">{{ $tracking->user->email }}</small>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($tracking->application)
                                            {{ $tracking->application->name }}
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge bg-secondary">{{ $tracking->office_type->label() }}</span>
                                    </td>
                                    <td>
                                        @if($tracking->url)
                                            <a href="{{ $tracking->url }}" target="_blank" class="text-decoration-none" title="{{ $tracking->url }}">
                                                <i class="fas fa-external-link-alt"></i>
                                            </a>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($tracking->data)
                                            <button type="button" class="btn btn-sm btn-outline-info" data-bs-toggle="modal" data-bs-target="#dataModal{{ $tracking->id }}">
                                                <i class="fas fa-eye"></i> Voir
                                            </button>
                                            <!-- Modal pour afficher les données -->
                                            <div class="modal fade" id="dataModal{{ $tracking->id }}" tabindex="-1" aria-labelledby="dataModalLabel{{ $tracking->id }}" aria-hidden="true">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="dataModalLabel{{ $tracking->id }}">Données de l'action</h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <pre class="bg-light p-3 rounded">{{ json_encode($tracking->data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="d-flex justify-content-between align-items-center mt-3">
                    <div>
                        Affichage de {{ $userTrackings->firstItem() }} à {{ $userTrackings->lastItem() }} sur {{ $userTrackings->total() }} résultats
                    </div>
                    <div>
                        {{ $userTrackings->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            @else
                <div class="alert alert-info mb-0">
                    <i class="fas fa-info-circle me-2"></i>Aucun tracking trouvé.
                </div>
            @endif
        </div>
    </div>
</div>
@endsection