{% extends 'teamer/layout.html.twig' %}

{% block title %}Dashboard{% endblock %}

{% block content %}
    <div class="flex items-start justify-between pb-4">
        <h1 class="text-2xl font-bold">
            Dashboard
        </h1>
    </div>
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
        <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
            <h2 class="font-bold text-lg">
                Meine Bewerbungen
            </h2>
            <ul class="divide-y divide-gray-200">
            </ul>
        </div>
        <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
            <h2 class="font-bold text-lg">
                Meine Dokumente
            </h2>
            <ul class="divide-y divide-gray-200">
            </ul>
        </div>
        <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
            <h2 class="font-bold text-lg">
                Mein Feedback
            </h2>
            <ul class="divide-y divide-gray-200">
            </ul>
        </div>
        <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
            <h2 class="font-bold text-lg">
                Meine Einsätze
            </h2>
            <ul class="divide-y divide-gray-200">
            </ul>
        </div>
        <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
            <h2 class="font-bold text-lg">
                Mögliche Einsätze
            </h2>
            <ul class="divide-y divide-gray-200">
                {{ matchingAssignments|length }}
            </ul>
        </div>
    </div>

{% endblock %}