{% extends 'admin_pages/base_admin.html' %}
{% block title %}{{ title }} | Admin Panel{% endblock %}

{% block content %}
<h2 class="mb-4">{{ title }}</h2>

{% block breadcrumbs %}
<nav aria-label="breadcrumb" class="mb-3">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{% url 'inventory:admin_page' %}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{% url 'inventory:supplier_list' %}">Suppliers</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ title }}</li>
  </ol>
</nav>
{% endblock %}

<form method="post" enctype="multipart/form-data">
  {% csrf_token %}
  <div class="row g-3">
    <div class="col-md-6">{{ form.name.label_tag }} {{ form.name }}</div>
    <div class="col-md-6">{{ form.country.label_tag }} {{ form.country }}</div>
    <div class="col-md-6">{{ form.owner.label_tag }} {{ form.owner }}</div>
    <div class="col-md-6">{{ form.contacted_person.label_tag }} {{ form.contacted_person }}</div>
    <div class="col-md-6">{{ form.email_address.label_tag }} {{ form.email_address }}</div>
    <div class="col-md-6">{{ form.phone_number.label_tag }} {{ form.phone_number }}</div>
    <div class="col-md-6">{{ form.bank_account_number.label_tag }} {{ form.bank_account_number }}</div>
    <div class="col-md-6">{{ form.remarks.label_tag }} {{ form.remarks }}</div>
  </div>
  <button type="submit" class="btn btn-primary mt-4">{{ title }}</button>
</form>
{% endblock %}