{% extends "merchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}
<title>Add Buyer Agents</title>
{% endblock title %}
{% block Style %}

{% endblock Style %}


{% block MainContent %}

{% if messages %}
  {% for message in messages %}
    <div class="alert alert-dismissible fade show {% if message.tags %}alert-{% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}danger{% else %}{{ message.tags }}{% endif %}{% endif %}" role="alert">{{ message }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  {% endfor %}
{% endif %}

<div class="contents">
    <form id="submit_form" action="" method="POST" enctype="multipart/form-data" autocomplete="off">
        {% csrf_token %}
        <div class="accordion-item">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0 fw-bold"> 
                        Add Buyer Agent
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            {{form.name|as_crispy_field}}
                        </div>
                        <div class="col-md-4">
                            {{form.address|as_crispy_field}}
                        </div>
                        <div class="col-md-4">
                            {{form.contact|as_crispy_field}}
                        </div>
                        {% if request.user.marchant_special_users or request.user.is_superuser %}
                             <div class="col-md-4">
                                {{form.is_active|as_crispy_field}}
                            </div>
                        
                        
                        {% endif %}
                       
                        
                    </div>
                    

                </div>
        
            </div>
        
            <div class="row" style="margin-top: 10px; margin-bottom: 8px;">
                <div class="col-md-12 text-center">
                    <button id="submit_button" type="submit" class="cus-btn" >Submit</button>
                </div>
            </div>
        </div>
    </form>
</div>
{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}           
{% endblock meassage %}

{% block JS %}
<script>
$(document).ready(function(){
    $("#submit_button").click(function(){
        $(this).prop('disabled', true);
        $("#submit_form").submit();
    })
    $("#id_buyer").select2();
})
</script>
<script src="{% static 'js/f_nd_b_app/file/create.js' %} "></script>

{% endblock JS %}