{% extends 'core/base.html' %}
{% block title %}{{ title }} - {{ org.name }} | Killian{% endblock %}
{% block content %}
<div class="breadcrumbs">
    <a href="{% url 'org_list' %}">Organizations</a><span>/</span>
    <a href="{% url 'org_detail' org.pk %}">{{ org.name }}</a><span>/</span>
    <a href="{% url 'org_module' org.pk 'vendors' %}">Vendors</a><span>/</span>
    <strong>{{ title }}</strong>
</div>
<div class="page-head page-head-width-1100">
    <div><h1>{{ title }}</h1><p>{{ subtitle }}</p></div>
    <div class="page-head-actions">
        <a class="button secondary" href="{{ back_url }}">Back</a>
    </div>
</div>
<div class="form-card" style="max-width:1100px;">
<form method="post">
{% csrf_token %}
{% if form.non_field_errors %}<div style="margin-bottom:18px;color:var(--danger);">{{ form.non_field_errors }}</div>{% endif %}
<section>
<h2 style="margin-top:0;font-size:20px;">Vendor</h2>
<div style="display:grid;grid-template-columns:1fr;gap:18px;">
<div><label for="{{ form.vendor_name.id_for_label }}">{{ form.vendor_name.label }} *</label>{{ form.vendor_name }}{{ form.vendor_name.errors }}{% if form.vendor_name.help_text %}<small>{{ form.vendor_name.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.vendor_organization.id_for_label }}">{{ form.vendor_organization.label }}</label>{{ form.vendor_organization }}{{ form.vendor_organization.errors }}{% if form.vendor_organization.help_text %}<small>{{ form.vendor_organization.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.account_number.id_for_label }}">{{ form.account_number.label }}</label>{{ form.account_number }}{{ form.account_number.errors }}</div>
<div><label for="{{ form.support_phone_line.id_for_label }}">{{ form.support_phone_line.label }}</label>{{ form.support_phone_line }}{{ form.support_phone_line.errors }}{% if form.support_phone_line.help_text %}<small>{{ form.support_phone_line.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.support_website_url.id_for_label }}">{{ form.support_website_url.label }}</label>{{ form.support_website_url }}{{ form.support_website_url.errors }}{% if form.support_website_url.help_text %}<small>{{ form.support_website_url.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.account_manager.id_for_label }}">{{ form.account_manager.label }}</label>{{ form.account_manager }}{{ form.account_manager.errors }}{% if form.account_manager.help_text %}<small>{{ form.account_manager.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.sla.id_for_label }}">{{ form.sla.label }}</label>{{ form.sla }}{{ form.sla.errors }}{% if form.sla.help_text %}<small>{{ form.sla.help_text }}</small>{% endif %}</div>
<div><label for="{{ form.notes.id_for_label }}">{{ form.notes.label }}</label>{{ form.notes }}{{ form.notes.errors }}</div>
</div>
</section>
<div style="margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:10px;">
<button type="submit">Save Vendor</button><a class="button secondary" href="{{ back_url }}">Cancel</a>
</div>
</form>
</div>
{% endblock %}