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

<div class="container">
    <h1>Profil</h1>
    <div class="row">
        <div class="col-3">
            <img src="<?= $user['photo']?:'https://pictshare.net/1ch3e5.png' ?>/300x170/fixedsize" class="card-img-top" alt="<?= escape($user['name']); ?>'s profile Picture">
        </div>
                
        <div class="col-9">
            <h3 class="card-title"><?= escape($user['name']); ?> <?= escape($user['surname']); ?></h3>
            <div>      
                <?php if($user['birthday']): ?><p>Alter: <?= date_diff(date_create($user['birthday']), date_create('now'))->y ?></p> <?php endif; ?>
                <?php if($user['email']): ?><p>Rasse: <?= escape($user['email']); ?></p> <?php endif; ?>
                <?php if($user['club']): ?><p>Zuchtname: <?= escape($user['club']); ?></p> <?php endif; ?>
            </div>
                    
            <div class="d-flex justify-content-end">
                <button type="button" class="btn btn-secondary" hx-get="/user/edit/<?= $userid; ?>" hx-target="#main">
                    <i class="fas fa-edit"></i>
                </button>
            </div>
        </div>
    </div> 

    <div class="col-8" id="sitemain">     
    </div>
</div>