IDDRS/App/templates/home.html

{% extends "base.html" %}
{% load static %}

{% block page_content %}
<div class="mt-3">
    <img src="{% static 'img/IDDRS.png' %}" class="iddrs-img" alt="" srcset="">
</div>

<div class="mt-3 title-h3">
    <h3 class=" text-nowrap">The IDDRS</h3>
</div>
<div class="row mt-2">
    <div class="col-sm-6 text-break ">
        <p>The Integrated DDR Standards have been formulated through the joint efforts of 25 UN entities, which together
            form the Inter-Agency Working Group on DDR (IAWG). Between 2009 and 2014, the IDDRS have been updated with
            new and revised modules. In 2017, the IAWG took the decision to undertake a comprehensive review of the
            IDDRS, which culminated with the launch of the revised UN Approach to DDR in 2019.</p>
    </div>
    <div class="col-sm-6 text-break">
        <p>Following the 2017-2019 IDDRS review, the revised UN Approach to DDR provides guidance to DDR practitioners
            working in both mission and non-mission settings as well as for DDR efforts within and outside the framework
            of comprehensive peace agreements.</p>
    </div>
</div>
<div class="row">
    <div class="col-sm-6 text-break">
        <p>The IDDRS were originally developed to provide guidance in post-conflict contexts where DDR forms an integral
            part of comprehensive peace agreements, usually where peace operations have also been established and
            mandated to support national DDR efforts.</p>
    </div>
    <div class="col-sm-6 text-break">
        <p>The Integrated Disarmament, Demobilization and Reintegration Standards (IDDRS) have been formulated through
            the joint efforts of 25 UN entities, which together form the Inter-Agency Working Group on DDR (IAWG), and
            guide the United Nations system’s support to Disarmament, Demobilization and Reintegration (DDR) processes.
        </p>
    </div>
</div>

<div class="mt-3 title-h3">
    <h3 class=" text-nowrap">IDDRS Framework</h3>
</div>
<div class="accordion" id="standards">
    <div class="d-flex justify-content-between mt-2 p-5">

        <div class=" level-box text-center level-1">
            <a data-bs-toggle="collapse" href="#level1" aria-expanded="false" aria-controls="level1">
                <h3>Level 1</h3>
                <h5>General IDDRS</h5>
            </a>
        </div>
        <div class="level-box text-center level-2">
            <a data-bs-toggle="collapse" href="#level2" aria-expanded="false" aria-controls="level2">
                <h3>Level 2</h3>
                <h5>Concepts, Policy and Strategy of the IDDRS</h5>
            </a>
        </div>
        <div class="level-box text-center level-3">
            <a data-bs-toggle="collapse" href="#level3" aria-expanded="false" aria-controls="level3">
                <h3>Level 3</h3>
                <h5>Structures and Processes</h5>
            </a>
        </div>
        <div class="level-box text-center level-4">
            <a data-bs-toggle="collapse" href="#level4" aria-expanded="false" aria-controls="level4">
                <h3>Level 4</h3>
                <h5>Operations, Programmes and Support</h5>
            </a>
        </div>
        <div class="level-box text-center level-5">
            <a data-bs-toggle="collapse" href="#level5" aria-expanded="false" aria-controls="level5">
                <h3>Level 5</h3>
                <h5>Cross-cutting Issues</h5>
            </a>
        </div>
        <div class="level-box text-center level-6">
            <a data-bs-toggle="collapse" href="#level6" aria-expanded="false" aria-controls="level6">
                <h3>Level 6</h3>
                <h5>Linkages</h5>
            </a>
        </div>
    </div>


    {% for level in levels %}
    <div id="level{{ level }}" class="row collapse accordion-collapse" data-bs-parent="#standards">
        <div class="col-sm-2 align-self-center text-end customPrevBtn"><i class="fa fa-angle-left"
                aria-hidden="true"></i></div>
        <div class="col-sm-8 owl-carousel owl-theme owl-loaded">
            {% for standard in all_standards %}
            {% if standard.standardLevel == level %}
            <div id="heading{{standard.id}}" class="level-box standard-box text-center level-{{ level }} ">
                <a id="file{{ standard.id }}" data-bs-toggle="collapse" data-bs-target="#collapse{{standard.id}}"
                    aria-expanded="false" aria-controls="collapse{{standard.id}}">
                    <h6>{{ standard.standardTitle }}</h6>
                </a>
            </div>
            {% endif %}
            {% endfor %}
        </div>
        <div class="col-sm-2 align-self-center customNextBtn"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
    </div>
    {% endfor %}

    <div class="mt-5" id="accordionExample">
        {% for standard in all_standards %}
        <div id="collapse{{standard.id}}"
            class="rounded-3 border accordion-collapse collapse summary p-5 summarylevel-{{ standard.standardLevel }}"
            aria-labelledby="heading{{standard.id}}" data-bs-parent="#accordionExample">
            <div>
                <div class="d-flex justify-content-between">
                    <div class="">
                        <h3>IDDRS {{standard.stamdardNumber}}</h3>
                        <h3>{{standard.standardTitle}}</h3>
                    </div>
                    <div class="align-self-center">
                        {% with 'IDDRSStandards/'|add:standard.standardPath as filePath %}
                        <a href="{% static filePath %}" target="_blank" class="btn btn-light border rounded-3">Open Module</a>
                        {% endwith %}
                    </div>
                </div>
                <br>
                {% if standard.paragraph %}
                <strong class="fs-4 textLevel-{{ standard.standardLevel }}">Summary</strong>
                {{standard.paragraph|safe}} 
                {% endif %}
                
            </div>
        </div>
        {% endfor %}
    </div>
    
</div>



{% endblock %}