{% extends 'panel/base_form.html' %}
{% load crispy_forms_tags %}
{% load static %}

{% block css %}


{% endblock css %}

{% block content %}
<!-- Start::app-content -->
<div class="main-content app-content">
  <div class="container-fluid">

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
      <h1 class="page-title fw-semibold fs-18 mb-0">Add Reseller</h1>
      <div class="ms-md-1 ms-0">
        <nav>
          <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="#">Ecommerce</a></li>
            <li class="breadcrumb-item active" aria-current="page">Add Reseller</li>
          </ol>
        </nav>
      </div>
    </div>
    <!-- Page Header Close -->

    <!-- Start::row-1 -->
    <div class="row">
      <div class="col-xl-12">
        <div class="card custom-card">
          <div class="card-body add-products p-0">

            <div class="p-4">
              <div class="row gx-5">




                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-6">
                  <div class="card custom-card shadow-none mb-0 border-0">
                    <div class="card-body p-0">
                      <div class="row gy-3">

                        <form class="row g-3 mt-0 django-form" action="{% url 'reseller_store' %}" method="post" enctype="multipart/form-data"
                          action="{% url 'reseller_store' %}">
                          {% csrf_token %}
                          {{ form|crispy }}
                          
                          <div class="col-12">
                            <button type="submit" class="btn btn-primary">Save Reseller</button>
                          </div>
                        </form>



                      </div>
                    </div>
                  </div>
                </div>




              </div>

            </div>
          </div>
        </div>
      </div>
      <!--End::row-1 -->

    </div>
  </div>
  <!-- End::app-content -->



  {% endblock content %}

  {% block js %}


  <script>

    document.addEventListener('DOMContentLoaded', function () {
      // Usage example
      applyClassToParent('price', 'col-md-6');


    })


  </script>
  {% endblock js %}