{% extends 'layout.twig' %}

{% block title %}Editing Benchmark: {{ benchmark.name }}{% endblock %}

{% block content %}

<div class="row mb-4">
  <div class="col-12">
    <h1>Editing Benchmark: {{ benchmark.name }}</h1>
  </div>
</div>

<div class="row">
  <form action="{{ url_for('benchmark.edit', { benchmark_id: benchmark.id }) }}" method="POST">
    <div class="row">
      <div class="col-9 mb-3">
        <label class="form-label" for="benchmark_name">Benchmark name:</label>
        <input id="benchmark_name" class="form-control" type="text" name="benchmark_name" value="{{ benchmark.name }}">
      </div>

      <div class="col-3 mb-3">
        <label class="form-label" for="benchmark_scoring">Scoring type:</label>
        <select id="benchmark_scoring" class="form-select" name="benchmark_scoring">
          <option value="fps" {% if benchmark.scoring == 'fps' %}selected{% endif %}>Frames per Second (fps)</option>
          <option value="ms" {% if benchmark.scoring == 'ms' %}selected{% endif %}>Frame Time (ms)</option>
          <option value="pts" {% if benchmark.scoring == 'pts' %}selected{% endif %}>Total Points</option>
        </select>
      </div>
    </div>

    <div class="row mb-3">
      <div class="col-12">
        <label for="benchmark_description">Description</label>
        <textarea id="benchmark_description" class="form-control" name="benchmark_description" rows="5" placeholder="Describe this benchmark...">{{ benchmark.description }}</textarea>
      </div>
    </div>

    <input class="btn btn-primary" type="submit" value="Submit Changes">
  </form>
</div>

{% endblock %}