{% extends "base.html" %}
{% block title %}{{ t('Company') }}{% endblock %}
{% block content %}
<div class="page-head"><h1>{{ t('Company') }}</h1></div>
<form class="card" method="post" action="{{ url_for('setup.company_logo') }}" enctype="multipart/form-data">
  <h2>{{ t('Logo') }}</h2>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap">
    <div class="logo-preview">{% if c.logo %}<img src="{{ url_for('setup.company_logo_file') }}?v={{ c.logo }}" alt="{{ t('Logo') }}">{% else %}<span class="muted">{{ t('No logo yet') }}</span>{% endif %}</div>
    <div class="field" style="min-width:260px"><label>{{ t('Upload a logo') }}</label><input type="file" name="logo" accept=".png,.jpg,.jpeg,image/png,image/jpeg">
      <div class="help">{{ t('PNG or JPG, at most 2 MB. A transparent PNG looks best. It is printed on reports, invoices and statements.') }}</div></div>
    <button class="btn">{{ t('Upload') }}</button>
    {% if c.logo %}<button class="btn ghost" name="action" value="remove">{{ t('Remove') }}</button>{% endif %}
  </div>
</form>
<form class="card" method="post">
  <h2>{{ t('General') }}</h2>
  <div class="grid">
    <div class="field"><label>{{ t('Name (English)') }} *</label><input name="name_en" value="{{ c.name_en or '' }}" required></div>
    <div class="field"><label>{{ t('Name (Arabic)') }}</label><input name="name_ar" dir="rtl" value="{{ c.name_ar or '' }}"></div>
    <div class="field"><label>{{ t('VAT Number') }}</label><input name="vat_no" value="{{ c.vat_no or '' }}"></div>
    <div class="field"><label>{{ t('CR Number') }}</label><input name="cr_no" value="{{ c.cr_no or '' }}"></div>
    <div class="field"><label>{{ t('Phone') }}</label><input name="phone" value="{{ c.phone or '' }}"></div>
    <div class="field"><label>{{ t('Email') }}</label><input name="email" value="{{ c.email or '' }}"></div>
    <div class="field wide"><label>{{ t('Address (English)') }}</label><textarea name="address_en">{{ c.address_en or '' }}</textarea></div>
    <div class="field wide"><label>{{ t('Address (Arabic)') }}</label><textarea name="address_ar" dir="rtl">{{ c.address_ar or '' }}</textarea></div>
  </div>
  <h2 style="margin-top:24px">{{ t('Appearance') }}</h2>
  {% set cur_accent = c.accent or '#0d9488' %}
  <div class="accent-picker">
    {% for hex, label in accents %}
    <label class="swatch" title="{{ t(label) }}" style="--sw: {{ hex }}"><input type="radio" name="accent" value="{{ hex }}" {{ 'checked' if hex == cur_accent }}><span></span><small>{{ t(label) }}</small></label>
    {% endfor %}
    <label class="swatch custom" title="{{ t('Custom colour') }}"><input type="radio" name="accent" value="{{ cur_accent if cur_accent not in accents|map('first')|list else '' }}" id="accent-custom" {{ 'checked' if cur_accent not in accents|map('first')|list }}>
      <input type="color" id="accent-color" value="{{ cur_accent }}"><small>{{ t('Custom colour') }}</small></label>
  </div>
  <div class="help muted" style="margin-top:6px"><small>{{ t('The main colour of buttons, links and highlights for every user of this company. Each user can still switch between light and dark mode.') }}</small></div>

  <h2 style="margin-top:24px">{{ t('Accounting') }}</h2>
  <div class="grid">
    <div class="field"><label>{{ t('Group currency') }} *</label>
      <select name="currency">{% for v, l in currencies %}<option value="{{ v }}" {{ 'selected' if v == c.currency }}>{{ l }}</option>{% endfor %}</select>
      <div class="help">{{ t('Consolidated reports are presented in this currency.') }}</div></div>
    <div class="field"><label>{{ t('Fiscal year starts in month') }}</label>
      <select name="fy_start_month">{% for mth in range(1, 13) %}<option value="{{ mth }}" {{ 'selected' if mth == c.fy_start_month }}>{{ mth }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Lock date') }}</label><input type="date" name="lock_date" value="{{ c.lock_date or '' }}">
      <div class="help">{{ t('No entries can be posted, changed or cancelled on or before this date.') }}</div></div>
    <div class="field"><label>{{ t('Default receivable account') }}</label>
      <select name="receivable_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.receivable_account_id }}>{{ l }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Default payable account') }}</label>
      <select name="payable_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.payable_account_id }}>{{ l }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Customer and vendor accounts') }}</label>
      <select name="partner_accounts"><option value="shared">{{ t('One shared receivable and payable account') }}</option><option value="each" {{ 'selected' if c.partner_accounts == 'each' }}>{{ t('A separate account for each customer and vendor') }}</option></select>
      <div class="help">{{ t('With a separate account, every customer gets its own receivable account (e.g. 1100-0001) and every vendor its own payable account (e.g. 2100-0001) under the default accounts above. Balances already on the shared accounts are moved across with a transfer entry dated today.') }}</div></div>
    <div class="field check"><input type="checkbox" id="vref" name="require_vendor_ref" value="1" {{ 'checked' if c.require_vendor_ref }}>
      <label for="vref">{{ t('Vendor invoice number required on vendor bills and refunds') }}</label>
      <div class="help">{{ t('A bill cannot be posted without the number printed on the vendor’s invoice. The same number is never accepted twice for one vendor, with or without this option.') }}</div></div>
    <div class="field"><label>{{ t('Retained earnings account') }}</label>
      <select name="retained_earnings_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.retained_earnings_account_id }}>{{ l }}</option>{% endfor %}</select>
      <div class="help">{{ t('The year-end closing moves the result of the year here.') }}</div></div>
    {% for col, lbl in (('fx_gain_account_id', 'Realized exchange gain'), ('fx_loss_account_id', 'Realized exchange loss'), ('fx_unrealized_gain_id', 'Unrealized exchange gain'), ('fx_unrealized_loss_id', 'Unrealized exchange loss')) %}
    <div class="field"><label>{{ t(lbl) }}</label>
      <select name="{{ col }}"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c[col] }}>{{ l }}</option>{% endfor %}</select></div>
    {% endfor %}
    <div class="field check"><input type="checkbox" id="ccreq" name="cost_centre_required" value="1" {{ 'checked' if c.cost_centre_required }}>
      <label for="ccreq">{{ t('Require a cost centre on income and expense lines') }}</label>
      <div class="help">{{ t('Applies to invoices, bills and journal entries typed in, once at least one cost centre exists.') }}</div></div>
    <div class="field"><label>{{ t('Cost centres are used on') }}</label>
      <select name="cost_centre_scope"><option value="pl">{{ t('Income and expense lines') }}</option><option value="expense" {{ 'selected' if c.cost_centre_scope == 'expense' }}>{{ t('Expense lines only') }}</option></select>
      <div class="help">{{ t('With “Expense lines only”, revenue is not split by cost centre and is never asked for one.') }}</div></div>
    <div class="field"><label>{{ t('Default revenue account') }}</label>
      <select name="income_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.income_account_id }}>{{ l }}</option>{% endfor %}</select><div class="help">{{ t('New products start with this account; it can be changed on each product.') }}</div></div>
    <div class="field"><label>{{ t('Default cost of goods sold account') }}</label>
      <select name="cogs_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.cogs_account_id }}>{{ l }}</option>{% endfor %}</select><div class="help">{{ t('New products start with this account; it can be changed on each product.') }}</div></div>
    <div class="field"><label>{{ t('Landed costs clearing account') }}</label>
      <select name="landed_cost_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.landed_cost_account_id }}>{{ l }}</option>{% endfor %}</select><div class="help">{{ t('Book freight, customs and clearing bills here, then add them to the cost of the goods with a landed cost.') }}</div></div>
    <div class="field"><label>{{ t('Advances from customers account') }}</label>
      <select name="advance_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.advance_account_id }}>{{ l }}</option>{% endfor %}</select><div class="help">{{ t('Advance (down-payment) invoices are booked here until they are deducted on the final invoice.') }}</div></div>
    {% if has('projects') %}<div class="field"><label>{{ t('Retention receivable account') }}</label>
      <select name="retention_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.retention_account_id }}>{{ l }}</option>{% endfor %}</select><div class="help">{{ t('Retention customers hold back from project progress invoices.') }}</div></div>{% endif %}
    <div class="field"><label>{{ t('Inventory account') }}</label>
      <select name="inventory_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.inventory_account_id }}>{{ l }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Goods received not invoiced account') }}</label>
      <select name="grni_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.grni_account_id }}>{{ l }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Inventory adjustment account') }}</label>
      <select name="stock_adjust_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.stock_adjust_account_id }}>{{ l }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Inventory write-off account') }}</label>
      <select name="scrap_account_id"><option value=""></option>{% for v, l in accounts %}<option value="{{ v }}" {{ 'selected' if v == c.scrap_account_id }}>{{ l }}</option>{% endfor %}</select>
      <div class="help">{{ t('Debited when damaged, expired or lost goods are written off.') }}</div></div>
  </div>
  {% if has('procurement') or has('vendors') %}
  <h2 style="margin-top:24px">{{ t('Procurement policy') }}</h2>
  <div class="grid">
    <div class="field"><label>{{ t('PO approval limit') }}</label><input name="po_approval_limit" class="num" inputmode="decimal" value="{{ c.po_approval_limit|plain }}">
      <div class="help">{{ t('Purchase orders above this total need an approver. Leave empty for no approval.') }}</div></div>
    <div class="field check"><input type="checkbox" id="rav" name="require_approved_vendors" value="1" {{ 'checked' if c.require_approved_vendors }}><label for="rav">{{ t('Only approved vendors can receive purchase orders') }}</label></div>
    {% if has('procurement') %}
    <div class="field"><label>{{ t('Three-way match on vendor bills') }}</label>
      <select name="match_policy"><option value="warn">{{ t('Warn, but allow posting') }}</option><option value="block" {{ 'selected' if c.match_policy == 'block' }}>{{ t('Stop the bill') }}</option><option value="none" {{ 'selected' if c.match_policy == 'none' }}>{{ t('Do not check') }}</option></select>
      <div class="help">{{ t('A bill linked to a PO is compared with the PO price and the quantity received (warehouse receipt or GRN).') }}</div></div>
    <div class="field"><label>{{ t('Quantity tolerance %') }}</label><input name="match_qty_tolerance" class="num" inputmode="decimal" value="{{ '%g' % (c.match_qty_tolerance or 0) }}"><div class="help">{{ t('How much more than received may be billed.') }}</div></div>
    <div class="field"><label>{{ t('Price tolerance %') }}</label><input name="match_price_tolerance" class="num" inputmode="decimal" value="{{ '%g' % (c.match_price_tolerance or 0) }}"><div class="help">{{ t('How much above the PO price may be billed.') }}</div></div>
    {% endif %}
  </div>
  {% endif %}
  <h2 style="margin-top:24px" id="credit">{{ t('Credit control') }}</h2>
  <div class="grid">
    <div class="field"><label>{{ t('When a customer is over its credit limit') }}</label>
      <select name="credit_policy"><option value="warn">{{ t('Warn, but allow the sale') }}</option>
        <option value="block" {{ 'selected' if c.credit_policy == 'block' }}>{{ t('Stop the invoice or sales order') }}</option></select>
      <div class="help">{{ t('Set each customer limit on the customer. A customer on credit hold is always stopped.') }}</div></div>
    <div class="field"><label>{{ t('Also when an invoice is overdue by more than (days)') }}</label>
      <input name="credit_overdue_days" inputmode="numeric" value="{{ c.credit_overdue_days or '' }}" placeholder="0">
      <div class="help">{{ t('Optional, e.g. 60. Empty = do not check overdue invoices.') }}</div></div>
  </div>
  <h2 style="margin-top:24px" id="email">{{ t('Email (outgoing mail server)') }}</h2>
  <p class="muted" style="margin-top:-4px">{{ t('Statements, invoices and reminders are sent from your own mailbox. Your email provider (Microsoft 365, Google Workspace, Zoho...) gives these settings.') }}</p>
  <div class="grid">
    <div class="field wide"><label>{{ t('Public address of Lubwise') }}</label><input name="public_url" value="{{ c.public_url or '' }}" placeholder="https://erp.yourcompany.com">
      <div class="help">{{ t('Used in the links of emails (approvals, vendor portal). Leave empty while testing on one computer.') }}</div></div>
    <div class="field"><label>{{ t('Mail server (SMTP host)') }}</label><input name="smtp_host" value="{{ c.smtp_host or '' }}" placeholder="smtp.office365.com"></div>
    <div class="field"><label>{{ t('Port') }}</label><input name="smtp_port" inputmode="numeric" value="{{ c.smtp_port or '' }}" placeholder="587"></div>
    <div class="field"><label>{{ t('Security') }}</label><select name="smtp_security">
      {% for v, l in [('starttls', 'STARTTLS (port 587)'), ('ssl', 'SSL/TLS (port 465)'), ('none', 'None')] %}<option value="{{ v }}" {{ 'selected' if (c.smtp_security or 'starttls') == v }}>{{ t(l) }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('User name') }}</label><input name="smtp_user" value="{{ c.smtp_user or '' }}" autocomplete="off"></div>
    <div class="field"><label>{{ t('Password') }}</label><input name="smtp_password" type="password" autocomplete="new-password" placeholder="{{ '••••••••' if c.smtp_password else '' }}">
      <div class="help">{{ t('Leave empty to keep the saved password.') }}</div></div>
    <div class="field"><label>{{ t('Send from (email)') }}</label><input name="mail_from" value="{{ c.mail_from or '' }}" placeholder="accounts@yourcompany.com"></div>
    <div class="field"><label>{{ t('Sender name') }}</label><input name="mail_from_name" value="{{ c.mail_from_name or '' }}" placeholder="{{ nm(c) }}"></div>
    <div class="field"><label>{{ t('Copy every email to') }}</label><input name="mail_bcc" value="{{ c.mail_bcc or '' }}">
      <div class="help">{{ t('Optional. A hidden copy of each email, for your records.') }}</div></div>
  </div>
  <div class="form-actions"><button class="btn">{{ t('Save') }}</button>
    {% if c.smtp_host %}<button class="btn ghost" formaction="{{ url_for('setup.test_email') }}" formnovalidate>{{ t('Save and send a test email') }}</button>{% endif %}
    <a class="btn ghost" href="{{ url_for('setup.email_log') }}">{{ t('Email Log') }}</a></div>
</form>
{% endblock %}
{% block scripts %}
<script>
(function () {
  // preview the colour straight away; it is saved with the form
  var root = document.documentElement, custom = document.getElementById('accent-custom'), color = document.getElementById('accent-color');
  function apply(v) { if (v) root.style.setProperty('--accent', v); }
  document.querySelectorAll('input[name=accent]').forEach(function (r) { r.addEventListener('change', function () { apply(r.value); }); });
  color.addEventListener('input', function () { custom.value = color.value; custom.checked = true; apply(color.value); });
  color.addEventListener('click', function () { custom.checked = true; });
})();
</script>
{% endblock %}