{% extends 'base.html' %}
{% block title %}Wybierz firmę – stacje paliw{% endblock %}
{% block content %}
<div class="d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-end mb-4">
  <div>
    <h1 class="h2 mb-1">Predefiniowane stacje paliw</h1>
    <p class="text-body-secondary mb-0">Wybierz firmę, dla której chcesz skonfigurować dostęp, ulubione stacje i warunki kart.</p>
  </div>
</div>
<div class="card">
  <div class="card-body p-4">
    {% if companies %}
    <form method="get" action="{{ url_for('main.stations') }}" class="row g-3 align-items-end">
      <div class="col-lg-8">
        <label class="form-label" for="stations-company-select">Firma</label>
        <select class="form-select" id="stations-company-select" name="company_id" required autofocus>
          <option value="" selected disabled>Wybierz firmę</option>
          {% for company in companies %}
          <option value="{{ company.id }}">{{ company.name }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="col-lg-4">
        <button class="btn btn-primary w-100">Przejdź do konfiguracji</button>
      </div>
    </form>
    {% else %}
    <div class="text-center py-4">
      <h2 class="h5">Brak aktywnych firm</h2>
      <p class="text-body-secondary mb-3">Najpierw dodaj lub aktywuj firmę w panelu administracyjnym.</p>
      <a class="btn btn-primary" href="{{ url_for('main.admin_companies') }}">Przejdź do firm</a>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}