<!-- FILEPATH: /home/chris/git/tournamentstats/web/pages/tournaments/dog.html -->

<div class="container">
    <div class="row">
        <div class="col-3">
            <div class="card">
                <img src="<?= $tdata['logo'] ?>/300x170/fixedsize" class="card-img-top" alt="<?= escape($tdata['name']); ?>'s profile Picture">
                <div class="card-body">
                    <h5 class="card-title"><?= escape($tdata['name']); ?></h5>
                    <p class="card-text">
                        <ul>
                            <li>Datum: <?= escape($tdata['date']) ?></li>
                            
                            <?php if($tdata['duration']): ?><li>Dauer: <?= escape($tdata['duration']); ?> Tag/e</li> <?php endif; ?>
                            <?php if($tdata['referee']): ?><li>Richter: <?= escape($tdata['referee']); ?></li> <?php endif; ?>
                            <?php if($tdata['size']): ?><li>Größe: <?= escape($tdata['size']); ?> cm</li> <?php endif; ?>
                            <?php if($tdata['url']): ?><li>Webseite: <a href="<?= $tdata['url']; ?>"><?= escape($tdata['url']); ?></a></li> <?php endif; ?>
                        </ul>
                    
                    
                    <div class="d-flex justify-content-end">
                        <?php if($admin===true): ?>
                        <button type="button" class="btn btn-secondary" hx-get="/tournaments/edit/<?= $tournament_id; ?>" hx-target="#main">
                            <i class="fas fa-edit"></i>
                        </button>
                        <?php endif; ?>

                        <?php if($joined===false): ?>
                        <button type="button" class="btn btn-secondary" hx-get="/tournaments/manage/join/<?= $tournament_id; ?>" hx-swap="outerHTML">
                            <i class="fas fa-plus-circle"></i> Diesem Event beitreten
                        </button>
                        <?php elseif($admin===false): ?>
                        <button type="button" class="btn btn-danger" hx-get="/tournaments/manage/leave/<?= $tournament_id; ?>" hx-swap="outerHTML" hx-confirm="Möchtest du dieses Event wirklich verlassen?">
                            <i class="fas fa-minus-circle"></i> Event verlassen
                        </button>
                        <?php endif; ?>
                    </div>
                </div>
            </div>    
            
            <?php if(($admins && count($admins)>1) || ($members && count($members)>0)): ?>
            <div class="card p-2">
                <?php if($admins && count($admins)>0): ?> <h6>Admins</h6> <?php endif; ?>
                <?php foreach($admins as $adm) : ?>
                    <img src="https://pictshare.net/identicon/<?= $adm['email']?>" height="50" width="50" class="rounded-circle" alt="<?= escape($adm['name']); ?>" title="<?= escape($adm['firstname'].' '.$adm['lastname']); ?>">
                <?php endforeach; ?>
                
                <?php if($members && count($members)>0): ?> <hr/> <h6>Mitglieder</h6> <?php endif; ?>
                <?php foreach($members as $member) : ?>
                    <img src="https://pictshare.net/identicon/<?= $member['email']?>" height="50" width="50" class="rounded-circle" alt="<?= escape($member['name']); ?>" title="<?= escape($member['firstname'].' '.$member['lastname']); ?>">
                <?php endforeach; ?>
            </div>
            <?php endif; ?>
        </div>
        <div class="col-8" id="sitemain">
            <?php if($tdata['text']): ?>
            <div class="card p-2 mb-4">
                <h4>Beschreibungstext</h4>
                <p class="card-text">
                    <pre><?= escape($tdata['text']); ?></pre>
                </p>
            </div>
            <?php endif; ?>

            <div class="card p-2">
                <h4>Läufe</h4>
                <p class="card-text">
                    <?php if($admin===true): ?>
                        <button hx-get="/runs/add/<?= $tournament_id; ?>" hx-push-url="/runs/add/<?= $tournament_id; ?>" hx-target="#main" class="btn btn-primary"><i class="fas fa-plus-circle"></i> Lauf hinzufügen</button>
                    <?php endif; ?>

                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Bezeichnung</th>
                                    <th>Lauf</th>
                                    <th>Parcourlänge</th>
                                    <th>Normzeit</th>
                                    <th>Maxzeit</th>
                                    <th>Richter</th>
                                    <th>Hund</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach($tdata['runs'] as $rid) : ?>
                                <?php 
                                    $run = new Run();
                                    $run->load($rid);
                                ?>
                                <tr>
                                    <td><a href="/runs/overview/<?= $rid; ?>" hx-get="/runs/overview/<?= $rid; ?>" hx-push-url="/runs/overview/<?= $rid; ?>" hx-target="#main"><?= escape($run->data['name']); ?></a></td>
                                    <td><?= escape($run->data['category']); ?></td>
                                    <td><?= escape($run->data['length']); ?>m</td>
                                    <td><?= escape($run->data['time_standard']); ?>s</td>
                                    <td><?= escape($run->data['time_max']); ?>s</td>
                                    <td><?= escape($run->data['referee']); ?></td>
                                    <td><?= escape($run->data['dog']); ?></td>
                                </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                </p>
                
            </div>
        </div>
        
    </div>
</div>