{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}AI Insights{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/hil-pages/ai_insights.css">
{% endblock %}
{% block content %}
<div class="container">
    <h1 class="brand">AI Business Insights</h1>

    <div class="card">
        <div class="hil-inline-f5ed25e14e">
            <div class="muted">AI-powered analysis and recommendations for your business.</div>
            <div><a href="/analytics">Back to Analytics</a> | <a href="/admin">Admin</a></div>
        </div>
    </div>

    <div class="card">
        <h2 class="period">7-Day Analysis</h2>
        <div class="ai-box">{{ analysis_7d.summary }}</div>
    </div>

    <div class="card">
        <h2 class="period">30-Day Analysis</h2>
        <div class="ai-box">{{ analysis_30d.summary }}</div>
    </div>

    <div class="card">
        <h2 class="period">90-Day Analysis</h2>
        <div class="ai-box">{{ analysis_90d.summary }}</div>
    </div>

    <div class="card">
        <h2>Growth Trends</h2>
        <ul>
            <li><strong>Trend:</strong> {{ growth_data.trend }}</li>
            <li><strong>Growth Rate:</strong> {{ growth_data.growth_rate }}%</li>
            <li><strong>Current Revenue:</strong> {{ profit_data.revenue }}</li>
            <li><strong>Profit Margin:</strong> {{ profit_data.profit_margin }}%</li>
        </ul>
    </div>
</div>
{% endblock %}