@extends('layouts.admin')

@section('title', __('blog.blog_dashboard'))

@section('content')
<div class="container-fluid" dir="{{ $text_direction }}">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">{{ __('blog.blog_management') }}</h1>
            <p class="mb-0 text-muted">{{ __('blog.overview_description') }}</p>
        </div>
        <a href="{{ route('admin.blog.list', ['locale' => app()->getLocale()]) }}" class="btn btn-primary">
            <i class="fas fa-list"></i> {{ __('blog.view_all_posts') }}
        </a>
    </div>

    <!-- Stats Cards -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                {{ __('blog.total_posts') }}
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $stats['total'] }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-newspaper fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                {{ __('blog.total_views') }}
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($quickStats['total_views']) }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-eye fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                {{ __('blog.comments') }}
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($quickStats['total_comments']) }}</div>
                            <div class="text-xs text-muted">{{ __('blog.pending') }}: {{ number_format($quickStats['pending_comments']) }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-comments fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                {{ __('blog.this_week') }}
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($quickStats['this_week_posts']) }}</div>
                            <div class="text-xs text-muted">{{ __('blog.new_posts') }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-calendar-week fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Recent Posts -->
    <div class="row">
        <div class="col-xl-8 col-lg-7">
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.recent_blog_posts') }}</h6>
                    <div class="dropdown no-arrow">
                        <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
                            <a class="dropdown-item" href="{{ route('admin.blog.list', ['locale' => app()->getLocale()]) }}">{{ __('blog.view_all') }}</a>
                            <a class="dropdown-item" href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}">{{ __('blog.new_post') }}</a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @if($recentBlogs->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered" width="100%" cellspacing="0">
                                <thead>
                                    <tr>
                                        <th>{{ __('general.title') }}</th>
                                        <th>{{ __('blog.category') }}</th>
                                        <th>{{ __('blog.author') }}</th>
                                        <th>{{ __('general.active') }}</th>
                                        <th>{{ __('blog.published') }}</th>
                                        <th>{{ __('general.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($recentBlogs as $blog)
                                    <tr>
                                        <td>
                                            <a href="{{ route('admin.blog.edit', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="font-weight-bold">
                                                {{ $blog->title }}
                                            </a>
                                            @if($blog->is_featured)
                                                <span class="text-warning">⭐</span>
                                            @endif
                                        </td>
                                        <td>{{ $blog->category->name ?? __('blog.uncategorized') }}</td>
                                        <td>{{ $blog->author->name ?? __('blog.unknown') }}</td>
                                        <td>
                                            <span class="badge badge-{{ $blog->status == 'published' ? 'success' : ($blog->status == 'draft' ? 'warning' : 'secondary') }}">
                                                {{ __('blog.' . $blog->status) }}
                                            </span>
                                        </td>
                                        <td>
                                            {{ $blog->published_at ? $blog->published_at->format('M d, Y') : '-' }}
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.blog.edit', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="btn btn-sm btn-primary">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            <a href="{{ route('admin.blog.show', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="btn btn-sm btn-info">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <form action="{{ route('admin.blog.destroy', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" method="POST" class="d-inline" onsubmit="return confirm('{{ __('general.delete_confirm') }}')">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center py-4">
                            <i class="fas fa-newspaper fa-3x text-muted mb-3"></i>
                            <p class="text-muted">{{ __('blog.no_blog_posts_found') }}</p>
                            <a href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}" class="btn btn-primary">{{ __('blog.create_new_post') }}</a>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-xl-4 col-lg-5">
            <!-- Quick Actions -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.quick_actions') }}</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}" class="btn btn-success btn-block">
                                <i class="fas fa-plus"></i> {{ __('blog.new_post') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.categories.create', ['locale' => app()->getLocale()]) }}" class="btn btn-info btn-block">
                                <i class="fas fa-folder-plus"></i> {{ __('blog.new_category') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.list', ['locale' => app()->getLocale()]) }}" class="btn btn-primary btn-block">
                                <i class="fas fa-list"></i> {{ __('blog.all_posts') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.categories.index', ['locale' => app()->getLocale()]) }}" class="btn btn-secondary btn-block">
                                <i class="fas fa-folder"></i> {{ __('blog.categories') }}
                            </a>
                        </div>
                        <div class="col-md-12 mb-3">
                            <a href="{{ route('admin.blog.comments.index', ['locale' => app()->getLocale()]) }}" class="btn btn-warning btn-block">
                                <i class="fas fa-comments"></i> {{ __('blog.manage_comments') }}
                                @if($quickStats['pending_comments'] > 0)
                                    <span class="badge badge-danger ml-2">{{ $quickStats['pending_comments'] }}</span>
                                @endif
                            </a>
                        </div>
                        <div class="col-md-12 mb-3">
                            <a href="{{ route('admin.blog.analytics.index', ['locale' => app()->getLocale()]) }}" class="btn btn-outline-primary btn-block">
                                <i class="fas fa-chart-line"></i> {{ __('blog.view_analytics') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Categories Overview -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.categories') }}</h6>
                </div>
                <div class="card-body">
                    @php
                        $categories = \App\Models\BlogCategory::active()->ordered()->limit(5)->get();
                    @endphp
                    @if($categories->count() > 0)
                        <ul class="list-group list-group-flush">
                            @foreach($categories as $category)
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                {{ $category->name }}
                                <span class="badge badge-primary badge-pill">{{ $category->blogs()->count() }}</span>
                            </li>
                            @endforeach
                        </ul>
                        @if(\App\Models\BlogCategory::count() > 5)
                            <a href="{{ route('admin.blog.categories.index', ['locale' => app()->getLocale()]) }}" class="btn btn-link btn-sm btn-block">{{ __('blog.view_all_categories') }}</a>
                        @endif
                    @else
                        <div class="text-center py-3">
                            <i class="fas fa-folder-open fa-2x text-muted mb-2"></i>
                            <p class="text-muted mb-0">{{ __('blog.no_categories_found') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
@endpush

@push('scripts')
<script>
    // Simple chart for stats (optional - can be enhanced with Chart.js)
    document.addEventListener('DOMContentLoaded', function() {
        // Add any dashboard-specific JavaScript here
        console.log('Blog Dashboard loaded');
    });
</script>
@endpush
=======
                        <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
                            <a class="dropdown-item" href="{{ route('admin.blog.list', ['locale' => app()->getLocale()]) }}">{{ __('blog.view_all') }}</a>
                            <a class="dropdown-item" href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}">{{ __('blog.new_post') }}</a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @if($recentBlogs->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered" width="100%" cellspacing="0">
                                <thead>
                                    <tr>
                                        <th>{{ __('general.title') }}</th>
                                        <th>{{ __('blog.category') }}</th>
                                        <th>{{ __('blog.author') }}</th>
                                        <th>{{ __('general.active') }}</th>
                                        <th>{{ __('blog.published') }}</th>
                                        <th>{{ __('general.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($recentBlogs as $blog)
                                    <tr>
                                        <td>
                                            <a href="{{ route('admin.blog.edit', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="font-weight-bold">
                                                {{ $blog->title }}
                                            </a>
                                            @if($blog->is_featured)
                                                <span class="text-warning">⭐</span>
                                            @endif
                                        </td>
                                        <td>{{ $blog->category->name ?? __('blog.uncategorized') }}</td>
                                        <td>{{ $blog->author->name ?? __('blog.unknown') }}</td>
                                        <td>
                                            <span class="badge badge-{{ $blog->status == 'published' ? 'success' : ($blog->status == 'draft' ? 'warning' : 'secondary') }}">
                                                {{ __('blog.' . $blog->status) }}
                                            </span>
                                        </td>
                                        <td>
                                            {{ $blog->published_at ? $blog->published_at->format('M d, Y') : '-' }}
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.blog.edit', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="btn btn-sm btn-primary">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            <a href="{{ route('admin.blog.show', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="btn btn-sm btn-info">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <form action="{{ route('admin.blog.destroy', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" method="POST" class="d-inline" onsubmit="return confirm('{{ __('general.delete_confirm') }}')">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center py-4">
                            <i class="fas fa-newspaper fa-3x text-muted mb-3"></i>
                            <p class="text-muted">{{ __('blog.no_blog_posts_found') }}</p>
                            <a href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}" class="btn btn-primary">{{ __('blog.create_new_post') }}</a>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-xl-4 col-lg-5">
            <!-- Quick Actions -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.quick_actions') }}</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}" class="btn btn-success btn-block">
                                <i class="fas fa-plus"></i> {{ __('blog.new_post') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.categories.create', ['locale' => app()->getLocale()]) }}" class="btn btn-info btn-block">
                                <i class="fas fa-folder-plus"></i> {{ __('blog.new_category') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.list', ['locale' => app()->getLocale()]) }}" class="btn btn-primary btn-block">
                                <i class="fas fa-list"></i> {{ __('blog.all_posts') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.categories.index', ['locale' => app()->getLocale()]) }}" class="btn btn-secondary btn-block">
                                <i class="fas fa-folder"></i> {{ __('blog.categories') }}
                            </a>
                        </div>
                        <div class="col-md-12 mb-3">
                            <a href="{{ route('admin.blog.comments.index', ['locale' => app()->getLocale()]) }}" class="btn btn-warning btn-block">
                                <i class="fas fa-comments"></i> {{ __('blog.manage_comments') }}
                                @if($quickStats['pending_comments'] > 0)
                                    <span class="badge badge-danger ml-2">{{ $quickStats['pending_comments'] }}</span>
                                @endif
                            </a>
                        </div>
                        <div class="col-md-12 mb-3">
                            <a href="{{ route('admin.blog.analytics.index', ['locale' => app()->getLocale()]) }}" class="btn btn-outline-primary btn-block">
                                <i class="fas fa-chart-line"></i> {{ __('blog.view_analytics') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Categories Overview -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.categories') }}</h6>
                </div>
                <div class="card-body">
                    @php
                        $categories = \App\Models\BlogCategory::active()->ordered()->limit(5)->get();
                    @endphp
                    @if($categories->count() > 0)
                        <ul class="list-group list-group-flush">
                            @foreach($categories as $category)
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                {{ $category->name }}
                                <span class="badge badge-primary badge-pill">{{ $category->blogs()->count() }}</span>
                            </li>
                            @endforeach
                        </ul>
                        @if(\App\Models\BlogCategory::count() > 5)
                            <a href="{{ route('admin.blog.categories.index', ['locale' => app()->getLocale()]) }}" class="btn btn-link btn-sm btn-block">{{ __('blog.view_all_categories') }}</a>
                        @endif
                    @else
                        <div class="text-center py-3">
                            <i class="fas fa-folder-open fa-2x text-muted mb-2"></i>
                            <p class="text-muted mb-0">{{ __('blog.no_categories_found') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
@endpush

@push('scripts')
<script>
    // Simple chart for stats (optional - can be enhanced with Chart.js)
    document.addEventListener('DOMContentLoaded', function() {
        // Add any dashboard-specific JavaScript here
        console.log('Blog Dashboard loaded');
    });
</script>
@endpush
        <div class="col-xl-8 col-lg-7">
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.recent_blog_posts') }}</h6>
                    <div class="dropdown no-arrow">
                        <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
                            <a class="dropdown-item" href="{{ route('admin.blog.list', ['locale' => app()->getLocale()]) }}">{{ __('blog.view_all') }}</a>
                            <a class="dropdown-item" href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}">{{ __('blog.new_post') }}</a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @if($recentBlogs->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered" width="100%" cellspacing="0">
                                <thead>
                                    <tr>
                                        <th>{{ __('general.title') }}</th>
                                        <th>{{ __('blog.category') }}</th>
                                        <th>{{ __('blog.author') }}</th>
                                        <th>{{ __('general.active') }}</th>
                                        <th>{{ __('blog.published') }}</th>
                                        <th>{{ __('general.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($recentBlogs as $blog)
                                    <tr>
                                        <td>
                                            <a href="{{ route('admin.blog.edit', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="font-weight-bold">
                                                {{ $blog->title }}
                                            </a>
                                            @if($blog->is_featured)
                                                <span class="text-warning">⭐</span>
                                            @endif
                                        </td>
                                        <td>{{ $blog->category->name ?? __('blog.uncategorized') }}</td>
                                        <td>{{ $blog->author->name ?? __('blog.unknown') }}</td>
                                        <td>
                                            <span class="badge badge-{{ $blog->status == 'published' ? 'success' : ($blog->status == 'draft' ? 'warning' : 'secondary') }}">
                                                {{ __('blog.' . $blog->status) }}
                                            </span>
                                        </td>
                                        <td>
                                            {{ $blog->published_at ? $blog->published_at->format('M d, Y') : '-' }}
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.blog.edit', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="btn btn-sm btn-primary">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                            <a href="{{ route('admin.blog.show', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" class="btn btn-sm btn-info">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <form action="{{ route('admin.blog.destroy', ['locale' => app()->getLocale(), 'blog' => $blog]) }}" method="POST" class="d-inline" onsubmit="return confirm('{{ __('general.delete_confirm') }}')">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center py-4">
                            <i class="fas fa-newspaper fa-3x text-muted mb-3"></i>
                            <p class="text-muted">{{ __('blog.no_blog_posts_found') }}</p>
                            <a href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}" class="btn btn-primary">{{ __('blog.create_new_post') }}</a>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-xl-4 col-lg-5">
            <!-- Quick Actions -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.quick_actions') }}</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.create', ['locale' => app()->getLocale()]) }}" class="btn btn-success btn-block">
                                <i class="fas fa-plus"></i> {{ __('blog.new_post') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.categories.create', ['locale' => app()->getLocale()]) }}" class="btn btn-info btn-block">
                                <i class="fas fa-folder-plus"></i> {{ __('blog.new_category') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.list', ['locale' => app()->getLocale()]) }}" class="btn btn-primary btn-block">
                                <i class="fas fa-list"></i> {{ __('blog.all_posts') }}
                            </a>
                        </div>
                        <div class="col-md-6 mb-3">
                            <a href="{{ route('admin.blog.categories.index', ['locale' => app()->getLocale()]) }}" class="btn btn-secondary btn-block">
                                <i class="fas fa-folder"></i> {{ __('blog.categories') }}
                            </a>
                        </div>
                        <div class="col-md-12 mb-3">
                            <a href="{{ route('admin.blog.comments.index', ['locale' => app()->getLocale()]) }}" class="btn btn-warning btn-block">
                                <i class="fas fa-comments"></i> {{ __('blog.manage_comments') }}
                                @if($quickStats['pending_comments'] > 0)
                                    <span class="badge badge-danger ml-2">{{ $quickStats['pending_comments'] }}</span>
                                @endif
                            </a>
                        </div>
                        <div class="col-md-12 mb-3">
                            <a href="{{ route('admin.blog.analytics.index', ['locale' => app()->getLocale()]) }}" class="btn btn-outline-primary btn-block">
                                <i class="fas fa-chart-line"></i> {{ __('blog.view_analytics') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Categories Overview -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('blog.categories') }}</h6>
                </div>
                <div class="card-body">
                    @php
                        $categories = \App\Models\BlogCategory::active()->ordered()->limit(5)->get();
                    @endphp
                    @if($categories->count() > 0)
                        <ul class="list-group list-group-flush">
                            @foreach($categories as $category)
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                {{ $category->name }}
                                <span class="badge badge-primary badge-pill">{{ $category->blogs()->count() }}</span>
                            </li>
                            @endforeach
                        </ul>
                        @if(\App\Models\BlogCategory::count() > 5)
                            <a href="{{ route('admin.blog.categories.index', ['locale' => app()->getLocale()]) }}" class="btn btn-link btn-sm btn-block">{{ __('blog.view_all_categories') }}</a>
                        @endif
                    @else
                        <div class="text-center py-3">
                            <i class="fas fa-folder-open fa-2x text-muted mb-2"></i>
                            <p class="text-muted mb-0">{{ __('blog.no_categories_found') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
@endpush

@push('scripts')
<script>
    // Simple chart for stats (optional - can be enhanced with Chart.js)
    document.addEventListener('DOMContentLoaded', function() {
        // Add any dashboard-specific JavaScript here
        console.log('Blog Dashboard loaded');
    });
</script>
@endpush