<!doctype html>
<html lang="el">
<head>
  <meta charset="utf-8">
  <title>Δήμος Πάργας - Σύμβαση Καυσίμων</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<div class="app-shell">
  <aside class="sidebar">
    <div class="brand-mini">ΔΗΜΟΣ ΠΑΡΓΑΣ</div>
    <nav class="side-nav">
      <a href="{{ url_for('index') }}">⌂ Dashboard</a>
      <a href="{{ url_for('add_delivery') }}">◆ Νέα παραλαβή καυσίμων</a>
      <a href="{{ url_for('deliveries') }}">◉ Παραλαβές</a>
      <a href="{{ url_for('items') }}">▣ Συμβάσεις / Είδη</a>
      <a href="{{ url_for('reports') }}">▤ Αναφορές</a>
      <a href="{{ url_for('export_csv') }}">⇩ Εξαγωγή CSV</a>
    </nav>
  </aside>

  <main class="content">
    <section class="hero">
      <img src="{{ url_for('static', filename='parga_logo.jpg') }}" onerror="this.style.display='none'" class="logo" alt="Δήμος Πάργας">
      <div class="title-line">
        <span></span>
        <h1>ΔΗΜΟΣ ΠΑΡΓΑΣ</h1>
        <span></span>
      </div>
      <p>Σύστημα Παρακολούθησης Σύμβασης Καυσίμων</p>
    </section>

    {% with messages = get_flashed_messages() %}
      {% if messages %}
        <div class="flash">
          {% for m in messages %}<p>{{ m }}</p>{% endfor %}
        </div>
      {% endif %}
    {% endwith %}

    {% block content %}{% endblock %}

    <footer>© Δήμος Πάργας - Σύστημα Παρακολούθησης Καυσίμων.</footer>
  </main>
</div>
</body>
</html>
