<div class="text-center mt-3">
    <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Dogstats - der Agilityhelfer</h1>
    <p class="mt-6 text-lg leading-8 text-gray-600">Steigere deine Leistung mit Dogstats.</p>
</div>

<div>
    <h3 class="text-center">Schnellauswahl</h3>
    <div class="d-sm-flex justify-content-sm-center">
        <div class="m-sm-2 border p-3 rounded-2 shadow">
            <a href="/tournaments/add" class="btn btn-secondary mb-2">Turnier hinzufügen</a>
        </div>
        <?php if ($doggos) : ?>
        <?php foreach ($doggos as $dog) : ?>
        <?php if (!$dog['active']) continue; ?>
        <div class="m-sm-2 border p-3 rounded-2 shadow">
            <div class="d-flex mb-2 align-items-center">
                <img src="<?= $dog['photo'] ?>/100x100/forcesize">
                <a href="/dogs/overview/<?= $dog['id'] ?>" class="ms-3 link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"><?= escape($dog['name']); ?></a>
            </div>
            <a href="/smart#<?= escape($dog['name']); ?>" class="btn btn-secondary mb-2 d-block">Turnier importieren</a>
            <a href="#" class="btn btn-secondary mb-2 d-block">Training hinzufügen</a>
        </div>
        <?php endforeach; ?>
        <?php else : ?>
        <div class="">
            <a href="/dogs/add" class="btn btn-secondary mb-2 d-block">Hund hinzufügen</a>
        </div>
        <?php endif; ?>
    </div>
</div>