@extends('layouts.admin')

@section('title', 'Processing Logs')
@section('header', 'Processing Logs')

@section('content')
<!-- Filtre de date global -->
<x-date-filter :action="route('dashboard.processing-logs.index')" />

<!-- Autres Filtres -->
<div class="mb-6 rounded-lg bg-white shadow p-4">
    <form method="GET" class="grid grid-cols-1 gap-4 sm:grid-cols-4">
        <!-- Conserver les paramètres de date -->
        <input type="hidden" name="period" value="{{ request('period', 'today') }}">
        @if(request('period') === 'custom')
            <input type="hidden" name="date_from" value="{{ request('date_from') }}">
            <input type="hidden" name="date_to" value="{{ request('date_to') }}">
        @endif
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Recherche</label>
            <input type="text" name="search" value="{{ request('search') }}"
                   placeholder="Source ID, erreur..."
                   class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Statut</label>
            <select name="status" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
                <option value="">Tous</option>
                <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="processing" {{ request('status') === 'processing' ? 'selected' : '' }}>Processing</option>
                <option value="success" {{ request('status') === 'success' ? 'selected' : '' }}>Success</option>
                <option value="failed" {{ request('status') === 'failed' ? 'selected' : '' }}>Failed</option>
                <option value="skipped" {{ request('status') === 'skipped' ? 'selected' : '' }}>Skipped</option>
            </select>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Type de source</label>
            <select name="source_type" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
                <option value="">Tous</option>
                @foreach($sourceTypes as $type)
                    <option value="{{ $type }}" {{ request('source_type') === $type ? 'selected' : '' }}>{{ $type }}</option>
                @endforeach
            </select>
        </div>
        <div class="flex items-end">
            <button type="submit" class="w-full rounded-md bg-indigo-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
                <i class="fas fa-search mr-2"></i>Filtrer
            </button>
        </div>
    </form>
</div>

<!-- Liste -->
<div class="rounded-lg bg-white shadow overflow-hidden">
    <table class="min-w-full divide-y divide-gray-200">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">ID</th>
                <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">Source</th>
                <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">Identifier</th>
                <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">Statut</th>
                <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">Retries</th>
                <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">Date</th>
                <th class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">Actions</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200 bg-white">
            @forelse($logs as $log)
                <tr class="hover:bg-gray-50">
                    <td class="whitespace-nowrap px-6 py-4 text-sm text-gray-900">{{ $log->id }}</td>
                    <td class="whitespace-nowrap px-6 py-4 text-sm">
                        <span class="inline-flex rounded-md bg-gray-100 px-2 py-1 text-xs font-medium text-gray-800">
                            {{ $log->source_type }}
                        </span>
                    </td>
                    <td class="px-6 py-4 text-sm text-gray-900">{{ Str::limit($log->source_identifier ?? 'N/A', 30) }}</td>
                    <td class="whitespace-nowrap px-6 py-4 text-sm">
                        <span class="inline-flex rounded-full px-2 text-xs font-semibold leading-5
                            {{ $log->status === 'success' ? 'bg-green-100 text-green-800' :
                               ($log->status === 'failed' ? 'bg-red-100 text-red-800' :
                               ($log->status === 'processing' ? 'bg-blue-100 text-blue-800' :
                               ($log->status === 'skipped' ? 'bg-yellow-100 text-yellow-800' : 'bg-gray-100 text-gray-800'))) }}">
                            {{ ucfirst($log->status) }}
                        </span>
                    </td>
                    <td class="whitespace-nowrap px-6 py-4 text-sm text-gray-500">{{ $log->retry_count }}</td>
                    <td class="whitespace-nowrap px-6 py-4 text-sm text-gray-500">{{ $log->created_at->format('d/m/Y H:i') }}</td>
                    <td class="whitespace-nowrap px-6 py-4 text-sm">
                        <a href="{{ route('dashboard.processing-logs.show', $log->id) }}" class="text-indigo-600 hover:text-indigo-900">
                            <i class="fas fa-eye"></i> Voir
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="px-6 py-4 text-center text-sm text-gray-500">Aucun log trouvé</td>
                </tr>
            @endforelse
        </tbody>
    </table>

    <!-- Pagination -->
    @if($logs->hasPages())
        <div class="border-t border-gray-200 bg-white px-4 py-3 sm:px-6">
            {{ $logs->links() }}
        </div>
    @endif
</div>
@endsection