@extends('layouts.app')

@section('title', $site->name)

@section('content')
<div class="mb-8 flex justify-between items-center">
    <div>
        <h1 class="text-4xl font-bold bg-gradient-to-r from-purple-600 to-indigo-600 bg-clip-text text-transparent">
            {{ $site->name }}
        </h1>
        @if($site->domain)
        <p class="text-gray-600 mt-2 text-lg">
            <a href="{{ $site->domain }}" target="_blank" class="hover:text-purple-600 transition-colors flex items-center gap-2">
                <span>🌐</span> {{ $site->domain }}
            </a>
        </p>
        @endif
        @if($site->description)
        <p class="text-gray-500 mt-1">{{ $site->description }}</p>
        @endif
    </div>
    <div class="flex gap-4">
        <a href="{{ route('sites.edit', $site->id) }}" class="px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-800 rounded-lg transition-colors">
            Modifier
        </a>
        <a href="{{ route('sites.index') }}" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-600 rounded-lg transition-colors">
            Retour
        </a>
    </div>
</div>

<!-- Statistics Cards -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
    <div class="bg-white rounded-xl shadow-lg p-6 border-t-4 border-purple-500">
        <h3 class="text-gray-500 text-sm font-medium uppercase tracking-wider">Total Analyses</h3>
        <p class="text-3xl font-bold text-gray-900 mt-2">{{ number_format($statistics['total_analyses'] ?? 0) }}</p>
    </div>
    <div class="bg-white rounded-xl shadow-lg p-6 border-t-4 border-indigo-500">
        <h3 class="text-gray-500 text-sm font-medium uppercase tracking-wider">Total Hits</h3>
        <p class="text-3xl font-bold text-gray-900 mt-2">{{ number_format($statistics['total_hits'] ?? 0) }}</p>
    </div>
    <div class="bg-white rounded-xl shadow-lg p-6 border-t-4 border-cyan-500">
        <h3 class="text-gray-500 text-sm font-medium uppercase tracking-wider">Total URLs</h3>
        <p class="text-3xl font-bold text-gray-900 mt-2">{{ number_format($statistics['total_urls'] ?? 0) }}</p>
    </div>
    <div class="bg-white rounded-xl shadow-lg p-6 border-t-4 border-pink-500">
        <h3 class="text-gray-500 text-sm font-medium uppercase tracking-wider">Dernière analyse</h3>
        <p class="text-lg font-bold text-gray-900 mt-2">
            {{ isset($statistics['last_analysis']) && $statistics['last_analysis'] ? \Carbon\Carbon::parse($statistics['last_analysis'])->format('d/m/Y H:i') : 'Jamais' }}
        </p>
    </div>
</div>

<!-- Analyses List -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden">
    <div class="p-6 border-b border-gray-200 flex justify-between items-center">
        <h2 class="text-xl font-bold text-gray-800">Historique des analyses</h2>
        <a href="{{ route('upload.create') }}" class="text-sm text-purple-600 hover:text-purple-700 font-medium">
            + Nouvelle analyse
        </a>
    </div>
    
    @if($analyses->isEmpty())
    <div class="p-12 text-center text-gray-500">
        Aucune analyse pour ce site.
    </div>
    @else
    <div class="overflow-x-auto">
        <table class="w-full text-left">
            <thead class="bg-gray-50 text-gray-600 uppercase text-xs">
                <tr>
                    <th class="px-6 py-3">Date</th>
                    <th class="px-6 py-3 text-center">Hits</th>
                    <th class="px-6 py-3 text-center">URLs</th>
                    <th class="px-6 py-3 text-center">Bots</th>
                    <th class="px-6 py-3 text-right">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200">
                @foreach($analyses as $analysis)
                <tr class="hover:bg-gray-50 transition-colors">
                    <td class="px-6 py-4">
                        <div class="font-medium text-gray-900">
                            {{ $analysis->created_at->format('d/m/Y à H:i') }}
                        </div>
                        <div class="text-xs text-gray-500">
                            {{ $analysis->created_at->diffForHumans() }}
                        </div>
                    </td>
                    <td class="px-6 py-4 text-center">
                        <span class="px-2 py-1 bg-purple-100 text-purple-800 rounded-full text-xs font-medium">
                            {{ number_format($analysis->total_hits) }}
                        </span>
                    </td>
                    <td class="px-6 py-4 text-center">
                        <span class="px-2 py-1 bg-indigo-100 text-indigo-800 rounded-full text-xs font-medium">
                            {{ number_format($analysis->total_urls) }}
                        </span>
                    </td>
                    <td class="px-6 py-4 text-center">
                        <span class="px-2 py-1 bg-cyan-100 text-cyan-800 rounded-full text-xs font-medium">
                            {{ $analysis->logsIA()->distinct('bot_id')->count() }}
                        </span>
                    </td>
                    <td class="px-6 py-4 text-right">
                        <a href="{{ route('analysis.show', $analysis->id) }}" class="text-purple-600 hover:text-purple-900 font-medium text-sm">
                            Voir le rapport →
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @endif
</div>
@endsection