{% extends 'base.html' %}

{% block content %}


<div class="row">
    <div class="col-sm-12">
       <div class="card">
          <div class="card-body">
              {% if messages %}
              {% for message in messages %}
              {% if message.tags == 'info' %}
              <div class="alert alert-warning alert-dismissible fade show" role="alert">
                  {{message}}
                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                   <span aria-hidden="true">&times;</span>
                 </button>
               </div>
               {% endif %}
               {% endfor %}
               {% endif %} 
             <form method="post" action="{% url 'add_supplier' %}">
              {% csrf_token %}
                <div class="row">
                   
                   <div class="col-8 ">
                      <div class="form-group">
                         <label>Supplier Name</label>
                         <input type="text" class="form-control" name="name" required>
                      </div>
                   </div>

                   <div class="col-8 ">
                    <div class="form-group">
                       <label>Mobile Number</label>
                       <input type="text" class="form-control" name="mobile_sup" pattern="^[6-9]\d{9}$"  title="Enter a Valid Phone Number" required>
                    </div>
                 </div>
                   
                   <div class="col-12">
                      <button type="submit" class="btn btn-primary">Add</button>
                   </div>
                </div>
             </form>
          </div>
       </div>
    </div>
 </div>


{% endblock %}