@extends('layouts.dashboard')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Dashboard</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">Site</a></li>
                    <li class="breadcrumb-item active">Dashboard</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">

        @include('util.notify')

        <div class="row mb-3">
            <div class="col-12">
                <p class="text-muted mb-0">
                    Managing content for <strong>{{ $website }}</strong> (SEO Specialist Kenya).
                </p>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-4 col-6">
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{ $blogCount }}</h3>
                        <p>Blog Posts</p>
                    </div>
                    <div class="icon"><i class="fas fa-file-alt"></i></div>
                    <a href="{{ url('/admin-blog') }}" class="small-box-footer">Manage blog <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <div class="col-lg-4 col-6">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>{{ $subServiceCount }}</h3>
                        <p>Services (sub-pages)</p>
                    </div>
                    <div class="icon"><i class="fas fa-layer-group"></i></div>
                    <a href="{{ route('admin.sub-services.index') }}" class="small-box-footer">Manage services <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <div class="col-lg-4 col-6">
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>{{ $servicePageCount }}</h3>
                        <p>Service CMS Pages</p>
                    </div>
                    <div class="icon"><i class="fas fa-paperclip"></i></div>
                    <a href="{{ route('pages.index') }}" class="small-box-footer">Manage pages <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>

        @if($recentPosts->isNotEmpty())
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Recent blog posts</h3>
            </div>
            <div class="card-body p-0">
                <table class="table table-striped mb-0">
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>Updated</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($recentPosts as $post)
                        <tr>
                            <td>{{ $post->name }}</td>
                            <td>{{ $post->updated_at ? $post->updated_at->format('M j, Y') : '—' }}</td>
                            <td class="text-right">
                                <a href="{{ url('/admin-blog-edit/'.$post->id) }}" class="btn btn-sm btn-primary">Edit</a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

    </div>
</section>
@endsection