@extends('layouts.admin')

@section('title', 'Processing Log #' . $log->id)
@section('header', 'Processing Log #' . $log->id)

@section('content')
<div class="mb-4">
    <a href="{{ route('dashboard.processing-logs.index') }}" class="text-sm text-indigo-600 hover:text-indigo-900">
        <i class="fas fa-arrow-left mr-1"></i>Retour à la liste
    </a>
</div>

<div class="grid grid-cols-1 gap-6">
    <!-- Informations principales -->
    <div class="rounded-lg bg-white shadow">
        <div class="border-b border-gray-200 px-6 py-4">
            <h3 class="text-lg font-medium text-gray-900">Informations</h3>
        </div>
        <div class="px-6 py-4">
            <dl class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                <div>
                    <dt class="text-sm font-medium text-gray-500">ID</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $log->id }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Type de source</dt>
                    <dd class="mt-1">
                        <span class="inline-flex rounded-md bg-gray-100 px-2 py-1 text-xs font-medium text-gray-800">
                            {{ $log->source_type }}
                        </span>
                    </dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Source Identifier</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $log->source_identifier ?? 'N/A' }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Statut</dt>
                    <dd class="mt-1">
                        <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' : 'bg-gray-100 text-gray-800') }}">
                            {{ ucfirst($log->status) }}
                        </span>
                    </dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Tentatives</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $log->retry_count }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Type d'erreur</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $log->error_type ?? 'N/A' }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Date de création</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $log->created_at->format('d/m/Y H:i:s') }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-medium text-gray-500">Dernière mise à jour</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $log->updated_at->format('d/m/Y H:i:s') }}</dd>
                </div>
            </dl>
        </div>
    </div>

    <!-- Message d'erreur -->
    @if($log->error_message)
        <div class="rounded-lg bg-red-50 shadow border border-red-200">
            <div class="border-b border-red-200 px-6 py-4">
                <h3 class="text-lg font-medium text-red-900">Message d'erreur</h3>
            </div>
            <div class="px-6 py-4">
                <p class="text-sm text-red-800">{{ $log->error_message }}</p>
                @if($log->error_code)
                    <p class="mt-2 text-xs text-red-600">Code: {{ $log->error_code }}</p>
                @endif
            </div>
        </div>
    @endif

    <!-- Données brutes -->
    @if($log->raw_data)
        <div class="rounded-lg bg-white shadow">
            <div class="border-b border-gray-200 px-6 py-4">
                <h3 class="text-lg font-medium text-gray-900">Données brutes</h3>
            </div>
            <div class="px-6 py-4">
                <pre class="overflow-x-auto rounded-md bg-gray-50 p-4 text-xs">{{ json_encode($log->raw_data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
            </div>
        </div>
    @endif

    <!-- Réponse -->
    @if($log->response_data)
        <div class="rounded-lg bg-white shadow">
            <div class="border-b border-gray-200 px-6 py-4">
                <h3 class="text-lg font-medium text-gray-900">Données de réponse</h3>
            </div>
            <div class="px-6 py-4">
                <pre class="overflow-x-auto rounded-md bg-gray-50 p-4 text-xs">{{ json_encode($log->response_data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
            </div>
        </div>
    @endif
</div>
@endsection