@extends('admin.layouts.app')

@section('title', 'Analytics')

@section('page-header')
<div class="flex items-center justify-between">
    <div>
        <h1 class="text-3xl font-bold text-gray-900 dark:text-white">Analytics</h1>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">View traffic and visitor analytics</p>
    </div>
    <a href="{{ route('admin.logs.index') }}" 
       class="inline-flex items-center px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white font-medium rounded-lg transition-colors">
        ← Back to Logs
    </a>
</div>
@endsection

@section('content')
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6">
    <p class="text-gray-500 dark:text-gray-400 text-center py-12">
        Analytics integration coming soon. Connect Google Analytics API for detailed reports.
    </p>
</div>
@endsection