{% 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:consumer_list' %}">Consumers</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.business_nature.label_tag }}
        {{ form.business_nature }}
      </div>

      <div class="col-md-6">
        {{ form.in_charge.label_tag }}
        {{ form.in_charge }}
      </div>
      <div class="col-md-6">
        {{ form.phone_number.label_tag }}
        {{ form.phone_number }}
      </div>

      <div class="col-md-6">
        {{ form.email.label_tag }}
        {{ form.email }}
      </div>
      <div class="col-md-6">
        {{ form.website.label_tag }}
        {{ form.website }}
      </div>

      <div class="col-md-6">
        {{ form.account_number.label_tag }}
        {{ form.account_number }}
      </div>
      <div class="col-md-6">
        {{ form.address.label_tag }}
        {{ form.address }}
      </div>

    </div>

    <button type="submit" class="btn btn-primary mt-4">{{ title }}</button>
  </form>
{% endblock %}
    
    {% block scripts %}
    <script>
        document.addEventListener('DOMContentLoaded', function () {
        const selectAllCheckbox = document.getElementById('selectAll');
        const checkboxes = document.querySelectorAll('input[type="checkbox"]');
    
        selectAllCheckbox.addEventListener('change', function () {
            checkboxes.forEach(function (checkbox) {
            checkbox.checked = selectAllCheckbox.checked;
            });
        });
        });
    </script>
    {% endblock %}