@extends('admin.layouts.app')

@section('title', 'Content Analytics')
@section('page-title', 'Content Analytics')

@section('content')
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;">
    <div style="background: white; padding: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
        <div style="font-size: 12px; color: #666; margin-bottom: 10px;">Total Decks</div>
        <div style="font-size: 32px; font-weight: bold; color: #3498db;">{{ $totalDecks }}</div>
    </div>
    <div style="background: white; padding: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
        <div style="font-size: 12px; color: #666; margin-bottom: 10px;">Total Cards</div>
        <div style="font-size: 32px; font-weight: bold; color: #27ae60;">{{ $totalCards }}</div>
    </div>
</div>
@endsection