<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="/tournaments/event/<?= $tournament_id; ?>" hx-push-url="/tournaments/event/<?= $tournament_id; ?>" hx-get="/tournaments/event/<?= $tournament_id; ?>" hx-target="#main">
                    <i class="fas fa-calendar-star"></i>
                    <?= escape($tournament['name']); ?>
                </a>
            </li>
            <li class="breadcrumb-item">
                <a href="/runs/overview/<?= $run_id; ?>" hx-push-url="/runs/overview/<?= $run_id; ?>" hx-get="/runs/overview/<?= $run_id; ?>" hx-target="#main">
                    <i class="far fa-running"></i>
                    <?= escape($run['name']); ?>
                </a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">
                <i class="fas fa-edit"></i>
                <?= $result_id?'Bearbeiten':'Eintragen'; ?>
            </li>
        </ol>
    </nav>
    <h2>Ergebnis
        <?= $result_id?'Bearbeiten':'Eintragen'; ?>
    </h2>
    <form id="resulteditform" hx-post="/runs/validateresults" hx-encoding='multipart/form-data' hx-target="#response" hx-disabled-elt="#submit">
        <div class="dropzone-previews"></div>
        <input type="hidden" name="result_id" value="<?= $result_id; ?>">
        <input type="hidden" name="run_id" value="<?= $run_id; ?>">
        <div>
            <label for="dog">Hund</label>
            <select id="dog" name="dog" class="form-control">
                <option value="false" <?=!$result['dog']?'selected':''; ?>>-- Bitte auswählen --</option>
                <?php foreach($_SESSION['user']->data['dogs'] as $dogid) : ?>
                <?php
                    $dog = new Dog();
                    $dog->load($dogid);
                    $dd = $dog->data;
                ?>
                <option value="<?= $dogid ?>" <?=$result['dog']==$dogid ?'selected':''; ?>>
                    <?= escape($dd['name']); ?>
                </option>
                <?php endforeach; ?>
            </select>
        </div>
        <div class="form-check form-switch">
            <label class="form-check-label" for="disqualified">Disqualifiziert</label>
            <input class="form-control form-check-input" type="checkbox" id="disqualified" name="disqualified" value="1" <?=$result['disqualified']=='1' ?'checked':''; ?>>
        </div>
        <div>
            <label for="refusals">Verweigerungen</label>
            <input type="number" value="<?= $result['refusals']; ?>" id="refusals" name="refusals" class="form-control">
        </div>
        <div>
            <label for="faults">Fehler</label>
            <input type="number" value="<?= $result['faults']; ?>" id="faults" name="faults" class="form-control">
        </div>
        <div>
            <label for="time_faults">Zeitfehler</label>
            <input type="number" step="0.01" value="<?= $result['time_faults']; ?>" id="time_faults" name="time_faults" class="form-control">
        </div>
        <div>
            <label for="time">Zeit</label>
            <input type="number" step="0.01" value="<?= $result['time']; ?>" id="time" name="time" class="form-control">
        </div>
        <div>
            <label for="penalties">Gesamtfehler</label>
            <input type="number" step="0.01" value="<?= $result['penalties']; ?>" id="penalties" name="penalties" class="form-control">
        </div>
        <div>
            <label for="time_speed">m/Sek</label>
            <input type="number" step="0.01" value="<?= $result['time_speed']; ?>" id="time_speed" name="time_speed" class="form-control">
        </div>
        <div>
            <label for="bewertung">Bewertung</label>
            <select id="bewertung" name="bewertung" class="form-control">
                <option value="V" <?=$result['bewertung']=='V' ?'selected':''; ?>>V</option>
                <option value="SG" <?=$result['bewertung']=='SG' ?'selected':''; ?>>SG</option>
                <option value="G" <?=$result['bewertung']=='G' ?'selected':''; ?>>G</option>
                <option Galue="B" <?=$result['bewertung']=='B' ?'selected':''; ?>>B</option>
            </select>
        </div>
        <div>
            <label for="points">Punkte</label>
            <input type="number" value="<?= $result['points']; ?>" id="points" name="points" class="form-control">
        </div>
        <div>
            <label for="rank">Platz</label>
            <input type="number" value="<?= $result['rank']; ?>" id="rank" name="rank" class="form-control">
        </div>
        <div>
            <label for="uploads">Uploads</label>
            <input type="file" accept="image/png, image/jpeg, image/gif" id="uploads" class="form-control" name="photos[]" multiple>
        </div>
        <div>
            <label for="video-url">Video Url</label>
            <input type="text" value="<?= $result['video-url']; ?>" class="form-control" id="video-url" aria-describedby="basic-addon3" placeholder="https://www.youtube.com/...">
        </div>
        <div>
            <label for="memo">Memo</label>
            <textarea value="<?= $result['memo']; ?>" id="memo" name="memo" class="form-control" placeholder="Deine Gedankengänge"></textarea>
        </div>
        <div class="form-check form-switch">
            <label class="form-check-label" for="public">Daten im Lauf veröffentlichen</label>
            <input  class="form-control form-check-input" type="checkbox" id="public" name="public" value="1" <?=$result['public']!='0' ?'checked':''; ?>>
        </div>
        <button type="submit" id="submit" name="submit" value="true" class="btn btn-primary">Speichern</button>
        <progress id='progress' value='0' max='100'></progress>
        <div id="response"></div>
    </form>
</div>

<script>
    htmx.on('#resulteditform', 'htmx:xhr:progress', function(evt) {
      htmx.find('#progress').setAttribute('value', evt.detail.loaded/evt.detail.total * 100)
    });
  </script>