<!-- 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/pj7vzx.jpg' ?>/300x300/forcesize" class="card-img-top" alt="<?= escape($user['name']); ?>'s profile Picture">
        </div>
                
        <div class="col-9">
            <h3 class="card-title"><?= escape($user['firstname'].' '.$user['lastname']); ?></h3>
            <div>
                <?php if($user['birthday']): ?><p>Geburstag: <?= $user['birthday'].' ('.date_diff(date_create($user['birthday']), date_create('now'))->y.')' ?></p> <?php endif; ?>
                <?php if($user['email']): ?><p>Email: <?= escape($user['email']); ?></p> <?php endif; ?>
                <?php if($user['club']): ?><p>Verein: <?= escape($user['club']); ?></p> <?php endif; ?>
            </div>
                    
            <div class="d-flex justify-content-end">
                <button type="button" class="btn btn-secondary" hx-get="/profile/edit" hx-target="#main">
                    <i class="fas fa-edit"></i>
                </button>
            </div>
        </div>
    </div> 

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

