{% extends "layout.twig" %}

{% block title %}🏠 Dashboard 📊 - {{ parent() }}{% endblock %}

{% block content %}
<div class="dashboard">
    <div class="row mb-4">
        <div class="col">
            <h2>🎉✨ WELCOME TO THE SUPER AMAZING DRINKS INVENTORY SYSTEM!!! 🍹🥂</h2>
        </div>
    </div>

    <div class="row mb-4">
        <!-- Main Dashboard Content -->
        <div class="col-lg-8">
            <!-- Low Stock Alerts -->
            {% if showLowStockAlerts %}
                {% include 'dashboard/low-stock-alerts.twig' %}
            {% endif %}

            <!-- Dashboard Summary Card -->
            <div class="card mb-4">
                <div class="card-header bg-rainbow text-white">
                    <h5 class="card-title mb-0">🌟 DASHBOARD SUMMARY 🌟</h5>
                </div>
                <div class="card-body">
                    <p>🚀 This AWESOME system helps you manage your drinks inventory 🍺, track stock levels 📊, and create orders 📝!!! 🌟</p>

                    <div class="row mt-4">
                        <div class="col-md-4 mb-3">
                            <div class="d-grid">
                                <a href="/drink-types" class="btn btn-primary btn-lg">
                                    <i class="fas fa-cocktail me-2"></i>🍸 Manage Drink Types 🍹
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="d-grid">
                                <a href="/inventory" class="btn btn-success btn-lg">
                                    <i class="fas fa-boxes me-2"></i>📦 Update Inventory 🔄
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="d-grid">
                                <a href="/orders" class="btn btn-warning btn-lg">
                                    <i class="fas fa-shopping-cart me-2"></i>🛒 View Orders 📋
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Getting Started Card -->
            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="card-title mb-0">🚀 GETTING STARTED 🚀</h5>
                </div>
                <div class="card-body">
                    <ol class="list-group list-group-numbered mb-0">
                        <li class="list-group-item d-flex justify-content-between align-items-start">
                            <div class="ms-2 me-auto">
                                <div class="fw-bold">🍹 Add drink types</div>
                                Define your products and set desired stock levels 🎯
                            </div>
                            <a href="/drink-types/create" class="btn btn-sm btn-primary">Add Now</a>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-start">
                            <div class="ms-2 me-auto">
                                <div class="fw-bold">📦 Update inventory</div>
                                Keep your stock levels accurate and up-to-date 🔄
                            </div>
                            <a href="/inventory/update" class="btn btn-sm btn-primary">Update</a>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-start">
                            <div class="ms-2 me-auto">
                                <div class="fw-bold">🛒 Create orders</div>
                                Order more drinks based on inventory needs 📝
                            </div>
                            <a href="/orders/create" class="btn btn-sm btn-primary">Order</a>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-start">
                            <div class="ms-2 me-auto">
                                <div class="fw-bold">📋 Track orders</div>
                                Update inventory when orders are fulfilled ✅
                            </div>
                            <a href="/orders" class="btn btn-sm btn-primary">View</a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>

        <!-- Sidebar Content -->
        <div class="col-lg-4">
            <!-- Quick Update Form -->
            {% if showQuickUpdateForm %}
                {% include 'dashboard/quick-update-form.twig' %}
            {% endif %}

            <!-- Fun Facts Card -->
            <div class="card mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="card-title mb-0">💫 FUN FACTS ABOUT DRINKS!!! 💫</h5>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        <div class="list-group-item">
                            <i class="fas fa-beer text-warning me-2"></i>🍺 Beer is one of the oldest and most widely consumed alcoholic drinks in the world! 🌍
                        </div>
                        <div class="list-group-item">
                            <i class="fas fa-wine-glass-alt text-danger me-2"></i>🍷 Wine has been produced for thousands of years! The earliest evidence of wine is from Georgia (6000 BC)! 🕰️
                        </div>
                        <div class="list-group-item">
                            <i class="fas fa-glass-martini-alt text-info me-2"></i>🍹 The world's most expensive cocktail is the "Diamonds Are Forever" martini, costing $22,600! 💎
                        </div>
                        <div class="list-group-item">
                            <i class="fas fa-glass-whiskey text-success me-2"></i>🥤 The average person will drink about 20,000 beverages in their lifetime! 😮
                        </div>
                    </div>
                </div>
            </div>

            <!-- Motivation Card -->
            <div class="card">
                <div class="card-header bg-pride-purple text-white">
                    <h5 class="card-title mb-0">💪 MOTIVATION FOR TODAY!!! 💪</h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-success">
                        <i class="fas fa-star me-2"></i>🌟 Keep your inventory STOCKED and your customers HAPPY! 😄 You're doing AMAZING work! 🎉
                    </div>
                    <div class="alert alert-info">
                        <i class="fas fa-rocket me-2"></i>🚀 Remember: Every bottle tracked is a problem solved! 🧠 Stay AWESOME and keep CRUSHING it! 💯
                    </div>
                </div>
                <div class="card-footer bg-light">
                    <p class="mb-0 text-center">✨ You're doing GREAT! Keep it up! ✨</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}