@extends('layouts.admin')

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

@section('content')
<div class="space-y-6">
    <!-- Header with stats cards -->
    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex items-center">
                <div class="flex-shrink-0 bg-blue-500 rounded-md p-3">
                    <i class="fas fa-database text-white"></i>
                </div>
                <div class="ml-4">
                    <p class="text-sm font-medium text-gray-500">Total</p>
                    <p class="text-2xl font-semibold text-gray-900">{{ number_format($stats['total']) }}</p>
                </div>
            </div>
        </div>

        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex items-center">
                <div class="flex-shrink-0 bg-green-500 rounded-md p-3">
                    <i class="fas fa-check-circle text-white"></i>
                </div>
                <div class="ml-4">
                    <p class="text-sm font-medium text-gray-500">Succès</p>
                    <p class="text-2xl font-semibold text-gray-900">{{ number_format($stats['success']) }}</p>
                </div>
            </div>
        </div>

        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex items-center">
                <div class="flex-shrink-0 bg-red-500 rounded-md p-3">
                    <i class="fas fa-times-circle text-white"></i>
                </div>
                <div class="ml-4">
                    <p class="text-sm font-medium text-gray-500">Échecs</p>
                    <p class="text-2xl font-semibold text-gray-900">{{ number_format($stats['failed']) }}</p>
                </div>
            </div>
        </div>

        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex items-center">
                <div class="flex-shrink-0 bg-yellow-500 rounded-md p-3">
                    <i class="fas fa-redo text-white"></i>
                </div>
                <div class="ml-4">
                    <p class="text-sm font-medium text-gray-500">À rejouer</p>
                    <p class="text-2xl font-semibold text-gray-900">{{ number_format($stats['retryable']) }}</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Filters -->
    <div class="bg-white rounded-lg shadow p-6">
        <form method="GET" action="{{ route('admin.bmp-logs.index') }}" class="space-y-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700">Statut</label>
                    <select name="status" class="mt-1 block w-full rounded-md border-gray-300 shadow-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">Type de fichier</label>
                    <select name="file_type" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm">
                        <option value="">Tous</option>
                        <option value="sales" {{ request('file_type') == 'sales' ? 'selected' : '' }}>Sales Report</option>
                        <option value="credit" {{ request('file_type') == 'credit' ? 'selected' : '' }}>Credit Limit</option>
                        <option value="subagents" {{ request('file_type') == 'subagents' ? 'selected' : '' }}>Subagents</option>
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Code d'erreur</label>
                    <select name="error_code" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm">
                        <option value="">Tous</option>
                        @foreach($stats['by_error_code'] as $code => $count)
                            <option value="{{ $code }}" {{ request('error_code') == $code ? 'selected' : '' }}>
                                {{ $code }} ({{ $count }})
                            </option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700">Document</label>
                    <select name="document_id" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm">
                        <option value="">Tous</option>
                        @foreach($documents as $doc)
                            <option value="{{ $doc->id }}" {{ request('document_id') == $doc->id ? 'selected' : '' }}>
                                {{ $doc->name }} ({{ $doc->created_at->format('Y-m-d') }})
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="flex justify-between items-center">
                <div class="flex space-x-2">
                    <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700">
                        <i class="fas fa-search"></i> Filtrer
                    </button>
                    <a href="{{ route('admin.bmp-logs.index') }}" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400">
                        <i class="fas fa-times"></i> Réinitialiser
                    </a>
                </div>

                @if($stats['retryable'] > 0)
                    <form method="POST" action="{{ route('admin.bmp-logs.retry-batch') }}" class="inline">
                        @csrf
                        <input type="hidden" name="file_type" value="{{ request('file_type') }}">
                        <input type="hidden" name="error_code" value="{{ request('error_code') }}">
                        <input type="hidden" name="document_id" value="{{ request('document_id') }}">
                        <button type="submit" class="bg-yellow-600 text-white px-4 py-2 rounded-md hover:bg-yellow-700"
                                onclick="return confirm('Voulez-vous rejouer tous les logs filtrés ?')">
                            <i class="fas fa-redo"></i> Rejouer les échecs
                        </button>
                    </form>
                @endif
            </div>
        </form>
    </div>

    <!-- Logs table -->
    <div class="bg-white rounded-lg 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 text-gray-500 uppercase">ID</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Type</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Ligne</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Statut</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Erreur</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Retry</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Date</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Actions</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">
                @forelse($logs as $log)
                    <tr class="hover:bg-gray-50">
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                            <a href="{{ route('admin.bmp-logs.show', $log) }}" class="text-blue-600 hover:underline">
                                #{{ $log->id }}
                            </a>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <span class="px-2 py-1 text-xs rounded-full bg-gray-100">
                                {{ $log->file_type }}
                            </span>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                            {{ $log->line_number }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            @php
                                $statusColors = [
                                    'success' => 'bg-green-100 text-green-800',
                                    'failed' => 'bg-red-100 text-red-800',
                                    'pending' => 'bg-gray-100 text-gray-800',
                                    'processing' => 'bg-blue-100 text-blue-800',
                                    'skipped' => 'bg-yellow-100 text-yellow-800',
                                ];
                            @endphp
                            <span class="px-2 py-1 text-xs rounded-full {{ $statusColors[$log->status] ?? 'bg-gray-100' }}">
                                {{ $log->status }}
                            </span>
                        </td>
                        <td class="px-6 py-4 text-sm text-gray-500 max-w-xs truncate">
                            {{ $log->error_code ?? '-' }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                            {{ $log->retry_count }}/{{ $log->max_retries }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                            {{ $log->created_at->format('Y-m-d H:i') }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm space-x-2">
                            <a href="{{ route('admin.bmp-logs.show', $log) }}" class="text-blue-600 hover:underline">
                                <i class="fas fa-eye"></i>
                            </a>
                            @if($log->canRetry())
                                <form method="POST" action="{{ route('admin.bmp-logs.retry', $log) }}" class="inline">
                                    @csrf
                                    <button type="submit" class="text-yellow-600 hover:underline">
                                        <i class="fas fa-redo"></i>
                                    </button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="px-6 py-4 text-center text-gray-500">
                            Aucun log trouvé
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        <div class="px-6 py-4">
            {{ $logs->links() }}
        </div>
    </div>
</div>
@endsection