<!-- FILEPATH: /home/chris/git/dogstats/web/pages/dogs/dog.html -->

<div class="container">
    <div class="row">
        <div class="col-3">
            <div class="card">
                <img src="<?= $dogdata['photo']?:'https://pictshare.net/1ch3e5.png' ?>/300x200/forcesize" class="card-img-top" alt="<?= escape($dogdata['name']); ?>'s profile Picture">
                <div class="card-body">
                    <h5 class="card-title"><?= escape($dogdata['name']); ?></h5>
                    <p class="card-text">
                        <ul>
                            <li>Alter: <?= date_diff(date_create($dogdata['birthday']), date_create('now'))->y ?></li>
                            
                            <?php if($dogdata['breed']): ?><li>Rasse: <?= escape($dogdata['breed']); ?></li> <?php endif; ?>
                            <?php if($dogdata['kennel_name']): ?><li>Zuchtname: <?= escape($dogdata['kennel_name']); ?></li> <?php endif; ?>
                            <?php if($dogdata['size']): ?><li>Größe: <?= escape($dogdata['size']); ?> cm</li> <?php endif; ?>
                            <?php if($dogdata['agility_size']): ?><li>Agility Größe: <?= escape($dogdata['agility_size']); ?></li> <?php endif; ?>
                        </ul>
                    
                    <div class="d-flex justify-content-end">
                        <button type="button" class="btn btn-secondary" hx-get="/dogs/edit/<?= $dogid; ?>" hx-target="#main">
                            <i class="fas fa-edit"></i>
                        </button>
                    </div>
                </div>
            </div>            
        </div>
        <div class="col-8" id="sitemain">
            
        </div>
        
    </div>
</div>