<h1>Meine Hunde</h1>
<figure>
    <table class="table">
        <thead>
            <tr>
                <th>Foto</th>
                <th>Name</th>
                <th>Geburstag</th>
                <th>Aktiv</th>
                <th>Bearbeiten</th>
                <th>Löschen</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($doggos as $dog) : ?>
                <tr>
                    <td><img src="<?= $dog['photo'] ?>/50x50/forcesize"></td>
                    <td><?= escape($dog['name']); ?></td>
                    <td><?= escape($dog['birthday']); ?></td>
                    <td><?= escape($dog['active'])?'Ja':'Nein'; ?></td>
                    <td><button hx-get="/dogs/edit/<?= $dog['id'] ?>" hx-push-url="/dogs/edit/<?= $dog['id'] ?>" hx-target="#main" class="btn btn-primary"><i class="fas fa-edit"></i></button></td>
                    <td><button hx-get="/dogs/delete/<?= $dog['id'] ?>" hx-target="#main" hx-confirm="Bist du sicher, dass du <?= escape($dog['name']); ?> löschen willst" class="btn btn-danger"><i class="fas fa-trash"></i></button></td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</figure>