@extends('backend.dashboard')
@section('content')

<section class="section">
    <div class="section-header">
        <h1>
            📚 Bookstore Dashboard
        </h1>
    </div>

    <!-- Top Stats -->
    <div class="row">

        <!-- Total Books -->
        <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="card card-statistic-1 shadow-sm">
                <div class="card-icon bg-primary">
                    <i class="fas fa-book"></i>
                </div>
                <div class="card-wrap">
                    <div class="card-header">
                        <h4>Total Books</h4>
                    </div>
                    <div class="card-body">
                        320
                    </div>
                </div>
            </div>
        </div>

        <!-- Total Authors -->
        <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="card card-statistic-1 shadow-sm">
                <div class="card-icon bg-success">
                    <i class="fas fa-user-edit"></i>
                </div>
                <div class="card-wrap">
                    <div class="card-header">
                        <h4>Authors</h4>
                    </div>
                    <div class="card-body">
                        45
                    </div>
                </div>
            </div>
        </div>

        <!-- Orders -->
        <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="card card-statistic-1 shadow-sm">
                <div class="card-icon bg-warning">
                    <i class="fas fa-shopping-bag"></i>
                </div>
                <div class="card-wrap">
                    <div class="card-header">
                        <h4>Orders</h4>
                    </div>
                    <div class="card-body">
                        180
                    </div>
                </div>
            </div>
        </div>

        <!-- Revenue -->
        <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="card card-statistic-1 shadow-sm">
                <div class="card-icon bg-danger">
                    <i class="fas fa-coins"></i>
                </div>
                <div class="card-wrap">
                    <div class="card-header">
                        <h4>Total Revenue</h4>
                    </div>
                    <div class="card-body">
                        ৳ 1,25,000
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Main Section -->
    <div class="row">

        <!-- Welcome Section -->
        <div class="col-lg-8">
            <div class="card shadow-sm">
                <div class="card-header bg-light">
                    <h4>Welcome Back, Admin 👋</h4>
                </div>
                <div class="card-body">
                    <p>
                        Manage your online bookstore efficiently. From here you can
                        control inventory, track orders, manage customers, and monitor revenue.
                    </p>

                    <ul class="list-unstyled">
                        <li>📘 Add / Edit Books</li>
                        <li>🧑‍💼 Manage Authors</li>
                        <li>🛒 Track Customer Orders</li>
                        <li>📊 View Sales Reports</li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Quick Actions -->
        <div class="col-lg-4">
            <div class="card shadow-sm">
                <div class="card-header bg-light">
                    <h4>Quick Actions</h4>
                </div>
                <div class="card-body">

                    <a href="#" class="btn btn-primary w-100 mb-2">
                        <i class="fas fa-plus-circle"></i> Add New Book
                    </a>

                    <a href="#" class="btn btn-success w-100 mb-2">
                        <i class="fas fa-list"></i> Manage Books
                    </a>

                    <a href="#" class="btn btn-warning w-100">
                        <i class="fas fa-chart-line"></i> Sales Report
                    </a>

                </div>
            </div>
        </div>

    </div>

</section>

@endsection