@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
<h1 class="mb-4">Dashboard</h1>

<div class="row g-3 mb-4">
    <div class="col-6 col-md-4 col-lg-2">
        <div class="card">
            <div class="card-body text-center">
                <h2 class="h3 mb-0">{{ $stats['books'] }}</h2>
                <small class="text-muted">Books</small>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-4 col-lg-2">
        <div class="card">
            <div class="card-body text-center">
                <h2 class="h3 mb-0">{{ $stats['chapters'] }}</h2>
                <small class="text-muted">Chapters</small>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-4 col-lg-2">
        <div class="card">
            <div class="card-body text-center">
                <h2 class="h3 mb-0">{{ $stats['verses'] }}</h2>
                <small class="text-muted">Verses</small>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-4 col-lg-2">
        <div class="card">
            <div class="card-body text-center">
                <h2 class="h3 mb-0">{{ $stats['explanations'] }}</h2>
                <small class="text-muted">Explanations</small>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-4 col-lg-2">
        <div class="card">
            <div class="card-body text-center">
                <h2 class="h3 mb-0">{{ $stats['teachings'] }}</h2>
                <small class="text-muted">Teachings</small>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-4 col-lg-2">
        <div class="card">
            <div class="card-body text-center">
                <h2 class="h3 mb-0">{{ $stats['articles'] }}</h2>
                <small class="text-muted">Articles</small>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-4 col-lg-2">
        <div class="card">
            <div class="card-body text-center">
                <h2 class="h3 mb-0">{{ $stats['kids_stories'] }}</h2>
                <small class="text-muted">Kids Videos</small>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span>Recent Teachings</span>
                <a href="{{ route('admin.teachings.create') }}" class="btn btn-sm btn-primary">Add</a>
            </div>
            <ul class="list-group list-group-flush">
                @foreach($recentTeachings as $t)
                <li class="list-group-item d-flex justify-content-between"><a href="{{ route('admin.teachings.edit', $t) }}">{{ $t->title }}</a><small class="text-muted">{{ $t->created_at->format('Y-m-d') }}</small></li>
                @endforeach
                @if($recentTeachings->isEmpty())<li class="list-group-item text-muted">None yet.</li>@endif
            </ul>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span>Recent Articles</span>
                <a href="{{ route('admin.articles.create') }}" class="btn btn-sm btn-primary">Add</a>
            </div>
            <ul class="list-group list-group-flush">
                @foreach($recentArticles as $a)
                <li class="list-group-item d-flex justify-content-between"><a href="{{ route('admin.articles.edit', $a) }}">{{ $a->title }}</a><small class="text-muted">{{ $a->created_at->format('Y-m-d') }}</small></li>
                @endforeach
                @if($recentArticles->isEmpty())<li class="list-group-item text-muted">None yet.</li>@endif
            </ul>
        </div>
    </div>
</div>
<div class="card mt-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span>Recent Kids Video Stories</span>
        <a href="{{ route('admin.kids-stories.create') }}" class="btn btn-sm btn-primary">Add Video Story</a>
    </div>
    <ul class="list-group list-group-flush">
        @foreach($recentKidsStories as $story)
        <li class="list-group-item d-flex justify-content-between">
            <a href="{{ route('admin.kids-stories.edit', $story) }}">{{ $story->title }}</a>
            <small class="text-muted">{{ strtoupper($story->language_code) }} | {{ $story->is_published ? 'Published' : 'Draft' }}</small>
        </li>
        @endforeach
        @if($recentKidsStories->isEmpty())<li class="list-group-item text-muted">No video stories yet.</li>@endif
    </ul>
</div>
@endsection