{% extends "base.html" %}
{% block body %}
<div class="dashboard-layout">
<!-- Sidebar -->
<aside class="sidebar">
<div class="sidebar-logo">
<svg width="28" height="28" viewBox="0 0 32 32" fill="none">
<rect width="32" height="32" rx="8" fill="hsl(240, 5.9%, 10%)"/>
<path d="M10 16L14 20L22 12" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Command Center
</div>
<nav class="sidebar-nav">
<a href="{{ url_for('dashboard.index') }}" class="sidebar-nav-item {{ 'active' if request.endpoint == 'dashboard.index' }}">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/>
<rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/>
</svg>
Dashboard
</a>
<a href="{{ url_for('dashboard.forecast') }}" class="sidebar-nav-item {{ 'active' if request.endpoint == 'dashboard.forecast' }}">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
</svg>
Forecast
</a>
<a href="{{ url_for('dashboard.goals') }}" class="sidebar-nav-item {{ 'active' if request.endpoint == 'dashboard.goals' }}">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/>
</svg>
Goals
</a>
<a href="{{ url_for('dashboard.companies_route') }}" class="sidebar-nav-item {{ 'active' if request.endpoint == 'dashboard.companies_route' }}">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M3 21h18M5 21V7l8-4v18M13 21V3l8 4v14"/>
</svg>
Companies
</a>
<a href="{{ url_for('dashboard.projects') }}" class="sidebar-nav-item {{ 'active' if request.endpoint == 'dashboard.projects' }}">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
</svg>
Projects
</a>
<a href="{{ url_for('dashboard.optimization') }}" class="sidebar-nav-item {{ 'active' if request.endpoint == 'dashboard.optimization' }}">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/>
</svg>
Optimization
</a>
<a href="{{ url_for('dashboard.coaching') }}" class="sidebar-nav-item {{ 'active' if request.endpoint == 'dashboard.coaching' }}">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/>
<path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>
</svg>
Coaching
</a>
</nav>
<div style="margin-top: auto; padding-top: 2rem;">
<a href="{{ url_for('dashboard.settings') }}" class="sidebar-nav-item">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>
</svg>
Settings
</a>
<div style="margin-top: 0.5rem; padding: 0.5rem 0.75rem;">
<div style="font-size: 0.75rem; color: var(--muted-foreground);">
{% if current_user.is_authenticated %}
{{ current_user.full_name or current_user.email }}
{% endif %}
</div>
<a href="{{ url_for('auth.logout') }}" style="font-size: 0.75rem; color: var(--muted-foreground);">
Sign out
</a>
</div>
</div>
</aside>
<!-- Main Content -->
<main class="main-content">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="flash-messages">
{% for category, message in messages %}
<div class="flash-message flash-{{ category }}">{{ message }}</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
{% block content %}{% endblock %}
</main>
</div>
{% endblock %}