{% extends "base_dashboard.html" %}
{% load static %}
{% block title %}
    Manage Organizations
{% endblock title %}
{% block description %}
    Manage and create organizations
{% endblock description %}
{% block keywords %}
    manage, organizations, create, admin
{% endblock keywords %}
{% block og_title %}
    Manage Organizations
{% endblock og_title %}
{% block og_description %}
    Manage and create new organizations. View active and inactive organizations, and perform administrative tasks.
{% endblock og_description %}
{% block content %}
    <section>
        {% include "includes/admin_sidenav.html" %}
    </section>
    <div>
        <div class="col_3">
            {% if organizations %}
                <div class="list-group">
                    <a href="#" class="list-group-item active">Organization</a>
                    {% for organization in organizations %}
                        {% if organization.is_active %}
                            <a href="{% url 'admin_organization_dashboard_detail' pk=organization.pk %}"
                               class="list-group-item">{{ organization.name }}</a>
                        {% else %}
                            <a href="{% url 'admin_organization_dashboard_detail' pk=organization.pk %}"
                               class="list-group-item list-group-item-danger ">{{ organization.name }}</a>
                        {% endif %}
                    {% endfor %}
                </div>
            {% else %}
            </br>
            no Organization 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-organization">
            {% csrf_token %}
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title">Create Organization</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">Website:</label>
                        <input type="url" name="url" class="form-control" id="url" value="">
                    </div>
                    <div class="form-group">
                        <label for="admin">Admin:</label>
                        <input type="email" name="admin" class="form-control" id="admin" 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 class="form-group">
                        <label for="subscription">Subscription:</label>
                        <input type="text"
                               name="subscription"
                               class="form-control"
                               id="subscription"
                               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 %}