{% extends "base/base.html" %}
{% block content %}

<br/>
<br/>
<br/>

<div class="row row-cols-1 row-cols-md-4 g-4">
  <div class="col">
    <div class="card">
      <img src="/static/assets/images/auth/forderung.jpg" class="card-img-top" alt="Forderungen">

      <div class="card-body">
        <h5 class="card-title">Forderungen</h5>
        <p class="card-text">Alle offenen Posten im Überblick</p>
        <a href="/app/forderungen/liste" class="btn btn-secondary">Öffnen</a>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card">
      <img src="/static/assets/images/auth/werkstatt.jpg" class="card-img-top" alt="Offene Aufträge">

      <div class="card-body">
        <h5 class="card-title">Offene Aufträge</h5>
        <p class="card-text">Warum geht es nicht weiter?</p>
        <a href="/app/forderungen/liste" class="btn btn-secondary">Öffnen</a>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card">
      <img src="/static/assets/images/auth/auftragseingang.jpg" class="card-img-top" alt="Fahrzeug-Auftragseingang">

      <div class="card-body">
        <h5 class="card-title">Fahrzeug-Auftragseingang</h5>
        <p class="card-text">Mein Baby heißt WBABT31060...</p>
        <a href="/app/forderungen/liste" class="btn btn-secondary">Öffnen</a>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card">
      <img src="/static/assets/images/auth/planung.jpg" class="card-img-top" alt="Planung">

      <div class="card-body">
        <h5 class="card-title">Planung</h5>
        <p class="card-text">Höher, schneller, weiter!</p>
        <a href="/app/forderungen/liste" class="btn btn-secondary">Öffnen</a>
      </div>
    </div>
  </div>
</div>

{% endblock %}
