{% extends "base.html" %}
{% from "_macros.html" import project_field, vendor_picker, terms_field with context %}
{% block title %}{{ r.number if r and r.number else t('New RFQ') }}{% endblock %}
{% block content %}
<div class="page-head"><div><small><a href="{{ url_for('procurement.rfq_list') }}">{{ t('Requests for Quotation') }}</a></small>
  <h1>{{ r.number if r and r.number else t('New RFQ') }}</h1>
  {% if r and r.mr_number %}<small>{{ t('From') }} {{ r.mr_number }}</small>{% endif %}</div></div>
<form method="post">
<div class="card"><h3>{{ t('Request') }}</h3>
  <div class="grid">
    {% if not (r and r.id) %}<div class="field"><label>{{ t('Branch') }} *</label>
      <select name="branch_id" id="branch" required>{% for b in branches.values() %}<option value="{{ b.id }}" {{ 'selected' if (r and r.branch_id|string == b.id|string) or (not r and b.id == default_branch) }}>{{ b.code }} — {{ nm(b) }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Date') }} *</label><input type="date" name="date" value="{{ r.date if r and r.date else today }}" required></div>
    {% else %}<input type="hidden" id="branch" value="{{ r.branch_id }}">{% endif %}
    <div class="field"><label>{{ t('Closing date') }} *</label><input type="date" name="closing_date" value="{{ closing[:10] }}" required></div>
    <div class="field"><label>{{ t('Closing time') }}</label><input type="time" name="closing_time" value="{{ closing[11:16] or '17:00' }}"><div class="help">{{ t('Quotations are not accepted after this.') }}</div></div>
    <div class="field"><label>{{ t('Quotation validity (days)') }}</label><input name="validity_days" inputmode="numeric" value="{{ r.validity_days or 30 if r else 30 }}"></div>
    <div class="field"><label>{{ t('Payment terms') }}</label><input name="payment_terms" value="{{ r.payment_terms or '' if r else '' }}" placeholder="{{ t('e.g. 30 days from invoice') }}"></div>
    <div class="field"><label>{{ t('Incoterms') }}</label><select name="incoterms"><option value=""></option>{% for i in incoterms %}<option {{ 'selected' if r and r.incoterms == i }}>{{ i }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Delivery place') }}</label><input name="delivery_place" value="{{ r.delivery_place or '' if r else '' }}" placeholder="{{ t('e.g. Riyadh warehouse / project site') }}"></div>
    {{ project_field(projects, r.project_id if r else None) }}
    <div class="field check"><input type="checkbox" id="sealed" name="sealed" value="1" {{ 'checked' if r and r.sealed and r.sealed|string != '0' }}><label for="sealed">{{ t('Sealed bids') }}</label>
      <div class="help">{{ t('Prices stay hidden from everyone until the closing time has passed and the bids are formally opened. No vendor ever sees another vendor’s price.') }}</div></div>
    <div class="field wide"><label>{{ t('Notes') }}</label><input name="notes" value="{{ r.notes or '' if r else '' }}"></div>
  </div>
</div>
<div class="card"><h3>{{ t('Vendors to invite') }}</h3>{{ vendor_picker(vendors, selected) }}</div>
<div class="card"><h3>{{ t('Lines') }}</h3>
  <div style="overflow-x:auto">
  <table class="lines rfq-lines" data-lines data-mode="adjust" data-add="#add-line">
    <thead><tr><th style="min-width:210px">{{ t('Product') }} / {{ t('Item code') }}</th><th style="min-width:240px">{{ t('Description') }} / {{ t('Specification') }}</th>
      <th style="min-width:170px">{{ t('Manufacturer') }} / {{ t('Part / model no.') }}</th><th style="width:80px">{{ t('Unit') }}</th><th class="num" style="width:80px">{{ t('Qty') }}</th>
      <th style="width:140px">{{ t('Required by') }}</th><th style="width:90px">{{ t('Alternatives') }}</th><th></th></tr></thead>
    <tbody>
      {% macro line_row(ln, tpl=False) %}{% set dis = 'disabled' if tpl else '' %}
      <tr class="{{ 'tpl' if tpl }}">
        <td><select name="product_id" {{ dis }}><option value=""></option>
          {% for p in products %}<option value="{{ p.id }}" data-desc="{{ nm(p) }}" data-code="{{ p.code or '' }}" data-uom="{{ p.uom or '' }}" {{ 'selected' if ln and ln.product_id == p.id }}>{{ p.code ~ ' ' if p.code }}{{ nm(p) }}</option>{% endfor %}</select>
          <input name="item_code" value="{{ ln.item_code or '' if ln else '' }}" placeholder="{{ t('Item code') }}" style="margin-top:4px" {{ dis }}>
          <input type="hidden" name="pr_line_id" value="{{ ln.pr_line_id or '' if ln else '' }}" {{ dis }}><input type="hidden" name="mr_line_id" value="{{ ln.mr_line_id or '' if ln else '' }}" {{ dis }}></td>
        <td><input name="description" value="{{ ln.description or '' if ln else '' }}" {{ dis }}>
          <textarea name="specification" rows="2" placeholder="{{ t('Specification, standard, size, colour…') }}" style="margin-top:4px" {{ dis }}>{{ ln.specification or '' if ln else '' }}</textarea></td>
        <td><input name="manufacturer" value="{{ ln.manufacturer or '' if ln else '' }}" placeholder="{{ t('Manufacturer / brand') }}" {{ dis }}>
          <input name="part_number" value="{{ ln.part_number or '' if ln else '' }}" placeholder="{{ t('Part / model no.') }}" style="margin-top:4px" {{ dis }}></td>
        <td><input name="uom" value="{{ ln.uom or '' if ln else '' }}" {{ dis }}></td>
        <td><input name="quantity" class="num" inputmode="decimal" value="{{ ('%g' % ln.quantity) if ln else 1 }}" {{ dis }}></td>
        <td><input type="date" name="required_date" value="{{ ln.required_date or '' if ln else '' }}" {{ dis }}></td>
        <td><select name="allow_alternative" data-no-search {{ dis }}><option value="0">{{ t('No') }}</option><option value="1" {{ 'selected' if ln and ln.allow_alternative }}>{{ t('Yes') }}</option></select></td>
        <td><button type="button" class="del">×</button></td>
      </tr>
      {% endmacro %}
      {{ line_row(none, True) }}
      {% for ln in lines %}{{ line_row(ln) }}{% endfor %}
    </tbody>
  </table>
  </div>
  <button type="button" class="btn ghost small" id="add-line" style="margin-top:10px">+ {{ t('Add line') }}</button>
  <p class="muted"><small>{{ t('Drawings and data sheets: save the RFQ, then attach the files on the RFQ page.') }}</small></p>
</div>
<div class="card">{{ terms_field('rfq', r.terms if r else none, not (r and r.id)) }}</div>
<div class="form-actions">
  <button class="btn" name="action" value="save">{{ t('Save draft') }}</button>
  <button class="btn ghost" name="action" value="email">{{ icon('mail') }}{{ t('Save & email to vendors') }}</button>
  <button class="btn ghost" name="action" value="send">{{ t('Save & mark as sent') }}</button>
  <a class="btn ghost" href="{{ url_for('procurement.rfq_view', rfq_id=r.id) if r and r.id else url_for('procurement.rfq_list') }}">{{ t('Cancel') }}</a>
</div>
</form>
{% endblock %}
{% block scripts %}
<script>
document.addEventListener('change', function (e) {
  if (!e.target.matches('select[name=product_id]')) return;
  var o = e.target.selectedOptions[0], tr = e.target.closest('tr');
  if (!o || !o.value) return;
  [['description', 'desc'], ['item_code', 'code'], ['uom', 'uom']].forEach(function (p) {
    var f = tr.querySelector('[name=' + p[0] + ']'); if (f && !f.value) f.value = o.dataset[p[1]] || '';
  });
});
</script>
{% endblock %}