@extends('layouts.app')

@section('content')
<div class="flex justify-between items-center mb-4">
    <h1>Dashboard</h1>
    <a href="{{ route('admin.links.create') }}" class="btn">Create Link</a>
</div>

<div class="grid-3 mb-8">
    <div class="card">
        <div class="metric-label">Total Active Links</div>
        <div class="metric-value">{{ $metrics['total_active'] }}</div>
    </div>
    <div class="card">
        <div class="metric-label">Smart Links</div>
        <div class="metric-value">{{ $metrics['smart_count'] }}</div>
    </div>
    <div class="card">
        <div class="metric-label">Short Links</div>
        <div class="metric-value">{{ $metrics['short_count'] }}</div>
    </div>
    <div class="card">
        <div class="metric-label">Human Clicks (7 Days)</div>
        <div class="metric-value">{{ $metrics['clicks_7_days'] }}</div>
    </div>
    <div class="card">
        <div class="metric-label">Human Clicks (30 Days)</div>
        <div class="metric-value">{{ $metrics['clicks_30_days'] }}</div>
    </div>
</div>

<div class="grid-3">
    <div style="grid-column: span 2">
        <h2>Recent Links</h2>
        <div class="card mt-4 table-responsive">
            <table>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Type</th>
                        <th>Short URL</th>
                        <th>Created</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($recentLinks as $link)
                    <tr>
                        <td><a href="{{ route('admin.links.show', $link) }}">{{ $link->name }}</a></td>
                        <td><span class="badge {{ $link->type->value === 'smart' ? 'badge-blue' : 'badge-gray' }}">{{ ucfirst($link->type->value) }}</span></td>
                        <td>{{ $link->slug }}</td>
                        <td>{{ $link->created_at->format('d M Y') }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="4">No links created yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div>
        <h2>Top Active Links</h2>
        <div class="card mt-4 table-responsive">
            <table>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Clicks</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($topLinks as $link)
                    <tr>
                        <td><a href="{{ route('admin.links.show', $link) }}">{{ $link->name }}</a></td>
                        <td>{{ $link->human_click_count }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="2">No data yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection