{% extends "base.html" %}
{% block title %}Übersicht · Radeln ohne Alter{% endblock %}
{% block content %}

{% if role == 'coordinator' %}
  <div class="section-head">
    <h1>Übersicht</h1>
    <a class="btn btn-primary" href="{% url 'ride_create' %}">+ Fahrt anlegen</a>
  </div>
  <div class="stat-chips">
    {% for s in status_counts %}
    <span class="chip"><span class="role-dot" style="background:{{ s.color }}"></span>{{ s.label }} <strong>{{ s.n }}</strong></span>
    {% endfor %}
  </div>
  <div class="card-grid">
    {% for ride in rides %}
      {% include "rides/_ride_card.html" with ride=ride can_finish=True can_cancel=True %}
    {% empty %}
      <p class="empty">Keine anstehenden Fahrten.</p>
    {% endfor %}
  </div>

{% elif role == 'pilot' %}
  <h1>Hallo {{ user.first_name|default:user.username }}</h1>

  <section class="block">
    <h2>Offene Fahrten</h2>
    <div class="card-grid">
      {% for ride in open_rides %}
        {% include "rides/_ride_card.html" with ride=ride can_claim=True %}
      {% empty %}
        <p class="empty">Gerade keine offenen Fahrten.</p>
      {% endfor %}
    </div>
  </section>

  <section class="block">
    <h2>Meine Fahrten</h2>
    <div class="card-grid">
      {% for ride in my_rides %}
        {% include "rides/_ride_card.html" with ride=ride can_finish=True %}
      {% empty %}
        <p class="empty">Noch keine Fahrt übernommen.</p>
      {% endfor %}
    </div>
  </section>

  <section class="block card avail">
    <h2>Meine Verfügbarkeit</h2>
    <ul class="avail-list">
      {% for a in availabilities %}
      <li>{{ a.start|date:"D, d.m. H:i" }} – {{ a.end|date:"H:i" }}</li>
      {% empty %}
      <li class="muted">Noch nichts eingetragen.</li>
      {% endfor %}
    </ul>
    <form method="post" action="{% url 'availability_add' %}" class="avail-form">{% csrf_token %}
      <label>Von {{ availability_form.start }}</label>
      <label>Bis {{ availability_form.end }}</label>
      <button class="btn">Hinzufügen</button>
    </form>
  </section>

{% else %}
  <div class="section-head">
    <h1>Meine Anfragen</h1>
    <a class="btn btn-primary" href="{% url 'ride_create' %}">+ Fahrt anfragen</a>
  </div>
  <div class="card-grid">
    {% for ride in my_requests %}
      {% include "rides/_ride_card.html" with ride=ride %}
    {% empty %}
      <p class="empty">Noch keine Anfragen gestellt.</p>
    {% endfor %}
  </div>
{% endif %}

{% endblock %}