{% extends 'base_structure/layout/base_template.html' %}
{% load static %}
{% block stylesheet %}

    <!-- include required css cdn link through html here -->
    {% include "cdn_through_html/quill_cdn_css.html" %}
    {% include "django_quill/media.html" %}
    

{% endblock %}

{% block content %}

<div class="row layout-top-spacing">
    <div class="col-lg-12">
        <div class="row mb-2">
            <div class="col">
                <h3>About Us</h3>
            </div>
            <div class="col text-end">
                {% comment %} <a class="btn btn-primary mb-2 me-4">Add New</a> {% endcomment %}
                <a class="btn btn-primary mb-2 me-4" href="{% url 'module_cms:about_us_add' %}">Edit Details</a>
            </div>
        </div>
    
        <div class="row layout-spacing">
            <div class="col-lg-12">
                <div class="statbox widget box box-shadow">
                    <div class="widget-content widget-content-area">
                        <div class="row">

                            <div class="col-12 mx-auto">

                                <div id="quill-container">
                                        {{organization.about_us.html|safe}}
                                </div>

                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock content %}

{% block javascript %}
    <!-- include required js cdn link through html here -->
    {% include "cdn_through_html/quill_cdn_js.html" %}
    <script>
        var quill = new Quill('#quill-container',{readOnly: true,});

    </script>

{% endblock %}