{% extends 'admin/admin_base.html' %}
{% block title %}{{ 'Edycja firmy' if company else 'Nowa firma' }}{% endblock %}
{% block admin_content %}
<form method="post" class="card shadow-sm border-0">
  <div class="card-body p-4">
    {{ form.hidden_tag() }}
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
      <div>
        <h4 class="mb-1">{{ 'Edycja firmy' if company else 'Nowa firma' }}</h4>
        <div class="text-secondary">Podaj NIP a następnie klikniej z Pobierz z CEIDG aby wypełnić pola.</div>

      </div>
      {% if company %}<a class="btn btn-sm btn-outline-secondary" href="{{ url_for('dashboard.switch_company', company_id=company.id) }}">Wybierz tę firmę</a>{% endif %}
    </div>

    <div class="row g-4">
      <div class="col-xl-8">
        <div class="card border-0 bg-body-tertiary h-100">
          <div class="card-body">
            <div class="row g-3 align-items-end">
              <div class="col-md-7">{{ form.name.label(class='form-label') }}{{ form.name(class='form-control', placeholder='Po pobraniu z CEIDG pole uzupełni się automatycznie') }}</div>
              <div class="col-md-3">{{ form.tax_id.label(class='form-label') }}{{ form.tax_id(class='form-control', placeholder='NIP') }}</div>
              <div class="col-md-2 d-grid">{{ form.fetch_submit(class='btn btn-outline-secondary btn-sm') }}</div>
              <div class="col-md-4">{{ form.regon.label(class='form-label') }}{{ form.regon(class='form-control') }}</div>
              <div class="col-md-8">{{ form.address.label(class='form-label') }}{{ form.address(class='form-control') }}</div>
              <div class="col-md-6">{{ form.bank_account.label(class='form-label') }}{{ form.bank_account(class='form-control', placeholder='np. 11 1111 1111 1111 1111 1111 1111') }}</div>
              <div class="col-md-6">{{ form.note.label(class='form-label') }}{{ form.note(class='form-control', rows='3') }}</div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-4">
        <div class="card border-0 bg-body-tertiary h-100">
          <div class="card-body">
            <div class="small text-secondary text-uppercase mb-3">Ustawienia</div>
            <div class="form-check form-switch mb-3">{{ form.is_active(class='form-check-input') }} {{ form.is_active.label(class='form-check-label') }}</div>
            <div class="form-check form-switch mb-3">{{ form.sync_enabled(class='form-check-input') }} {{ form.sync_enabled.label(class='form-check-label') }}</div>
            <div class="form-check form-switch mb-3">{{ form.mock_mode(class='form-check-input') }} {{ form.mock_mode.label(class='form-check-label') }}</div>
            <div class="mt-4">{{ form.sync_interval_minutes.label(class='form-label') }}{{ form.sync_interval_minutes(class='form-control') }}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="mt-4 d-flex gap-2">{{ form.submit(class='btn btn-primary') }}</div>
  </div>
</form>
{% endblock %}