{% extends 'core/base.html' %}
{% block topbar_title %}Insights Hub{% endblock %}
{% block content %}
<div class="mb-4">
    <h2 class="fw-bold mb-1" style="color: var(--sp-primary);">Data & Insights</h2>
    <p class="text-muted">Analyze your profit, track trends, and review system warnings.</p>
</div>
<div class="hub-grid">
    <a href="{% url 'sales:daily_dashboard' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-chart-bar"></i></div>
        <div class="hub-card-title">Today's Dashboard</div>
        <div class="hub-card-text">Detailed real-time metrics of today's sales performance.</div>
    </a>
    <a href="{% url 'sales:yesterday_summary' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-history"></i></div>
        <div class="hub-card-title">Yesterday Summary</div>
        <div class="hub-card-text">Review exactly how the previous day performed.</div>
    </a>
    <a href="{% url 'sales:pnl_report' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-success);"><i class="fas fa-chart-line"></i></div>
        <div class="hub-card-title">Profit & Loss (P&L)</div>
        <div class="hub-card-text">Analyze exact net profit margins across date ranges.</div>
    </a>
    <a href="{% url 'analytics:expense_list' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-danger);"><i class="fas fa-file-invoice-dollar"></i></div>
        <div class="hub-card-title">Operating Expenses</div>
        <div class="hub-card-text">Manage expense categories and track outgoing cash.</div>
    </a>

    <a href="{% url 'analytics:insights' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-warning);"><i class="fas fa-lightbulb"></i></div>
        <div class="hub-card-title">Smart Insights</div>
        <div class="hub-card-text">AI-generated business analysis identifying key trends.</div>
    </a>
    <a href="{% url 'analytics:stock_forecast' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-boxes-stacked"></i></div>
        <div class="hub-card-title">Stock Forecasts</div>
        <div class="hub-card-text">Predictive modeling showing exactly when items will sell out.</div>
    </a>
    <a href="{% url 'sales:sales_by_item_report' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-boxes"></i></div>
        <div class="hub-card-title">Sales By Item</div>
        <div class="hub-card-text">Determine your fastest moving and most profitable goods.</div>
    </a>
    <a href="{% url 'sales:staff_performance' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-id-badge"></i></div>
        <div class="hub-card-title">Staff Performance</div>
        <div class="hub-card-text">Compare cashier sales volume to identify top employees.</div>
    </a>
</div>
{% endblock %}