{% extends "base.html" %}
{% block title %}Namaz — Idriz Admin{% endblock %}
{% block extra_css %}
  .panel { background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
    padding: 18px 20px; max-width: 460px; }
  .panel h2 { margin: 0 0 4px; font-size: 15px; }
  .panel p.hint { color: var(--muted); font-size: 12.5px; margin: 0 0 14px; }
  select { width: 100%; padding: 10px 12px; font-size: 15px; border: 1px solid var(--line);
    border-radius: 8px; background: #fff; color: var(--ink); }
  select:focus { outline: none; border-color: var(--accent); }
  button { margin-top: 14px; padding: 10px 20px; font-size: 14px; font-weight: 600; color: #fff;
    background: var(--accent); border: none; border-radius: 8px; cursor: pointer; }
  button:hover { filter: brightness(1.05); }
{% endblock %}
{% block content %}
  <h1>Namaz (vaktija)</h1>
  <p class="sub">Lokacija za koju Idriz kazuje vremena namaza.</p>
  <div class="panel">
    <h2>Lokacija</h2>
    <p class="hint">Vremena se dohvataju sa api.vaktija.ba za odabrani grad.</p>
    <form method="post">
      <select name="lokacija">
        {% for l in lokacije %}
        <option value="{{ l.id }}" {{ 'selected' if l.id == odabrana else '' }}>{{ l.naziv }}</option>
        {% endfor %}
      </select>
      <button type="submit">Sačuvaj</button>
    </form>
  </div>
{% endblock %}