{% extends "base_dashboard.html" %}
{% load static %}
{% block content %}
    <section>
        {% include "includes/company_sidenav.html" %}
    </section>
    <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="{% url 'company_dashboard_domain_detail' 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">×</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 content %}