{% extends 'base.html' %}
{% load i18n %}

{% block content %}
<div class="grid">
<section class="card">
    <h2>{% trans "Company" %}</h2>
    <div class="org-profile" style="margin:12px 0;">
      {% if biz.logo %}
        <img src="{{ biz.logo.url }}" alt="Logo" class="org-avatar">
      {% else %}
        <span class="org-avatar org-avatar--icon"><i class="bi bi-person" aria-hidden="true"></i></span>
      {% endif %}
      <div>
        <div class="org-name">{{ biz.name|default:_('Your company') }}</div>
        {% if biz.city or biz.country %}
          <div class="subtle">{{ biz.city }}{% if biz.country %}{% if biz.city %}, {% endif %}{{ biz.country.name }}{% endif %}</div>
        {% endif %}
      </div>
    </div>

    <form method="post" enctype="multipart/form-data">
      {% csrf_token %}
      {% if form.non_field_errors %}
        {% for error in form.non_field_errors %}
          <p class="alert alert-error">{{ error }}</p>
        {% endfor %}
      {% endif %}

      <div class="grid cols-2">
        <div>
          <label for="{{ form.name.id_for_label }}">{% trans "Name" %}</label>
          <input type="text" id="{{ form.name.id_for_label }}" name="{{ form.name.html_name }}" value="{{ form.name.value|default_if_none:'' }}" placeholder="{% trans 'Business name' %}" class="input" />
          {% for error in form.name.errors %}<p class="alert alert-error">{{ error }}</p>{% endfor %}
        </div>

        <div>
          <label for="{{ form.city.id_for_label }}">{% trans "City" %}</label>
          <input type="text" id="{{ form.city.id_for_label }}" name="{{ form.city.html_name }}" value="{{ form.city.value|default_if_none:'' }}" placeholder="{% trans 'City' %}" class="input" />
          {% for error in form.city.errors %}<p class="alert alert-error">{{ error }}</p>{% endfor %}
        </div>

        <div>
        <label for="{{ form.country.id_for_label }}">{% trans "Country" %}</label>
        {{ form.country }}
        {% for error in form.country.errors %}
          <p class="alert alert-error">{{ error }}</p>
        {% endfor %}
        </div>

        <div>
        <label for="{{ form.currency.id_for_label }}">{% trans "Currency" %}</label>
        {{ form.currency }}
        {% for error in form.currency.errors %}
          <p class="alert alert-error">{{ error }}</p>
        {% endfor %}
        </div>

        <div>
        <label for="{{ form.language.id_for_label }}">{% trans "Language" %}</label>
        {{ form.language }}
        {% for error in form.language.errors %}
          <p class="alert alert-error">{{ error }}</p>
        {% endfor %}
        </div>

        <div>
        <label for="{{ form.industry.id_for_label }}">{% trans "Industry" %}</label>
        <input
          type="text"
          id="{{ form.industry.id_for_label }}"
          name="{{ form.industry.html_name }}"
          value="{{ form.industry.value|default_if_none:'' }}"
          placeholder="{% trans 'Industry' %}"
          class="input"
        />
        {% for error in form.industry.errors %}
          <p class="alert alert-error">{{ error }}</p>
        {% endfor %}
        </div>
      </div>

      <div>
        <label for="{{ form.logo.id_for_label }}">{% trans "Logo" %}</label>
        <input type="file" id="{{ form.logo.id_for_label }}" name="{{ form.logo.html_name }}" accept="image/*" />
        {% if biz.logo %}<div class="mt-1"><img src="{{ biz.logo.url }}" alt="Logo" class="org-avatar" style="width:64px; height:64px;"></div>{% endif %}
        {% for error in form.logo.errors %}
          <p class="alert alert-error">{{ error }}</p>
        {% endfor %}
      </div>
      <div class="form-actions" style="margin-top:12px;">
        <button type="submit" class="btn btn--primary">{% trans "Save" %}</button>
      </div>
    </form>
  </section>
</div>
{% endblock %}