{% extends "base_dashboard_company.html" %}
{% load static %}
{% block content %}
                <div>
                    <div class="col_3">
                           {% if domains %}
                            {% for domain in domains %}                
                              <div class="col-md-3 widget widget1">
                                <div class="r3_counter_box">
                                    <a href="/dashboard/company/domain/{{domain.pk}}"><i class="fa fa-pencil"></i></a>
                                    <div class="stats">
                                      <h5>{{domain.name}}</h5>
                                      <div class="hunt">
                                        <p>{{domain.email}}<span>$</span></p>
                                      </div>
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                        {% else %}
                            </br> no domain found !
                        {% endif %}   
                        <div class="clearfix"> </div>
                    </div>
                </div>
                <div id="addDomainModal" class="modal fade" role="dialog">
              <div class="modal-dialog">

                <!-- Modal content-->
                <form id="add-or-update-domain">
                  {% csrf_token %}
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                      <h4 class="modal-title">Create Domain</h4>
                    </div>
                    <div class="modal-body">
                      <div class="form-group">
                        <label for="name">Name:</label>
                        <input type="text" name="name" required class="form-control" id="name" value="">
                      </div>
                      <div class="form-group">
                        <label for="url">Url:</label>
                        <input type="url" name="url" class="form-control" id="url" value="">
                      </div>
                      <div class="form-group">
                        <label for="logo">Logo:</label>
                        <input type="file" name="logo" class="form-control" id="logo" value="">
                      </div>
                      <div class="form-group">
                        <label for="email">Email address:</label>
                        <input type="email" name="email" required class="form-control" id="email" value="">
                      </div>
                      <div class="form-group">
                        <label for="github">Github:</label>
                        <input type="url" name="github" class="form-control" id="github" value="">
                      </div>
                    </div>
                    <div class="modal-footer">
                      <input type="submit"  class="btn btn-primary btn_5 btn-lg btn-danger role-submit-button" value="Create" />
                      <input type="reset" data-dismiss="modal" class="btn btn-primary btn_5 btn-lg btn-danger role-submit-button" value="Reset" />
                    </div>
                  </div>
                </form>
              </div>
            </div>
                <button type="button" class="btn btn_5 btn-lg btn-success add-admin-button" data-toggle="modal" data-target="#addDomainModal"><i class="lnr lnr-plus-circle"> </i></button>
{% endblock %}