{% extends 'layouts/app.twig' %}

{% block content %}
  <div class="page-header">
    <h1>Company Settings</h1>
  </div>

  {% if updated %}
    <div class="alert alert-success">Company settings updated.</div>
  {% endif %}

  {% if errors is not empty %}
    <div class="alert alert-danger">Please correct the highlighted fields.</div>
  {% endif %}

  <form class="quotation-card product-form" method="post" action="{{ base_url }}/settings/company">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">

    {% if errors._csrf_token is defined %}
      <div class="form-error form-error-top">{{ errors._csrf_token }}</div>
    {% endif %}

    <div class="form-top product-form-grid">
      <section>
        <h2 class="section-title">Company Profile</h2>

        <div class="settings-logo-preview">
          <img src="{{ base_url }}/assets/images/sync-solutionz-logo.png" alt="Company logo">
        </div>

        <div class="form-grid">
          <div class="field full {{ errors.name is defined ? 'has-error' : '' }}">
            <label>Company Name <span class="required">*</span></label>
            <input type="text" name="name" value="{{ form.name }}">
            {% if errors.name is defined %}<span class="form-error">{{ errors.name }}</span>{% endif %}
          </div>

          <div class="field {{ errors.email is defined ? 'has-error' : '' }}">
            <label>Email</label>
            <input type="email" name="email" value="{{ form.email }}">
            {% if errors.email is defined %}<span class="form-error">{{ errors.email }}</span>{% endif %}
          </div>

          <div class="field">
            <label>Phone</label>
            <input type="text" name="phone" value="{{ form.phone }}">
          </div>

          <div class="field full">
            <label>Address</label>
            <textarea name="address">{{ form.address }}</textarea>
          </div>

          <div class="field">
            <label>Tax Number / PIN</label>
            <input type="text" name="tax_number" value="{{ form.tax_number }}">
          </div>

          <div class="field {{ errors.default_currency is defined ? 'has-error' : '' }}">
            <label>Default Currency <span class="required">*</span></label>
            <input type="text" name="default_currency" value="{{ form.default_currency }}" maxlength="3">
            {% if errors.default_currency is defined %}<span class="form-error">{{ errors.default_currency }}</span>{% endif %}
          </div>
        </div>
      </section>

      <section>
        <h2 class="section-title">Document Defaults</h2>

        <div class="form-grid">
          <div class="field {{ errors.quotation_validity_days is defined ? 'has-error' : '' }}">
            <label>Quotation Validity (Days)</label>
            <input type="number" min="1" max="365" name="quotation_validity_days" value="{{ form.quotation_validity_days }}">
            {% if errors.quotation_validity_days is defined %}<span class="form-error">{{ errors.quotation_validity_days }}</span>{% endif %}
          </div>

          <div class="field {{ errors.invoice_due_days is defined ? 'has-error' : '' }}">
            <label>Invoice Due (Days)</label>
            <input type="number" min="0" max="365" name="invoice_due_days" value="{{ form.invoice_due_days }}">
            {% if errors.invoice_due_days is defined %}<span class="form-error">{{ errors.invoice_due_days }}</span>{% endif %}
          </div>

          <div class="field full">
            <label>Default Quotation Terms</label>
            <textarea name="default_quotation_terms">{{ form.default_quotation_terms }}</textarea>
          </div>

          <div class="field full">
            <label>Default Invoice Terms</label>
            <textarea name="default_invoice_terms">{{ form.default_invoice_terms }}</textarea>
          </div>
        </div>
      </section>

      <section>
        <h2 class="section-title">Document Number Prefixes</h2>

        <div class="form-grid">
          {% for field, label in {
            'quotation_prefix': 'Quotation',
            'invoice_prefix': 'Invoice',
            'receipt_prefix': 'Receipt',
            'delivery_note_prefix': 'Delivery Note',
            'voucher_prefix': 'Voucher'
          } %}
            <div class="field {{ attribute(errors, field) is defined ? 'has-error' : '' }}">
              <label>{{ label }} Prefix</label>
              <input type="text" name="{{ field }}" maxlength="10" value="{{ attribute(form, field) }}">
              {% if attribute(errors, field) is defined %}<span class="form-error">{{ attribute(errors, field) }}</span>{% endif %}
            </div>
          {% endfor %}
        </div>
      </section>
    </div>

    <div class="action-bar">
      <a class="btn btn-outline" href="{{ base_url }}/">Cancel</a>
      <button class="btn btn-primary" type="submit">Save Settings</button>
    </div>
  </form>
{% endblock %}