{% extends 'dashboard/base.html' %}
{% load static %}
{% block body %}



            <div class="row">
                <div class="col-md-12">
                    {% include "dashboard/_top_links.html" %}
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex align-items-center">
                                <div>
                                    <h5>Project Analytics</h5>
                                    <h5 class="card-subtitle"></h5>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    <!--<canvas id="webscans"></canvas>-->
                                    <canvas id="webscans"></canvas>
                                    <canvas id="networkscan"></canvas>
                                </div>
<!--                                <div class="col-sm-4 col-md-4">-->
<!--                                    <canvas id="networkscan" width="100" height="100"></canvas>-->
<!--                                </div>-->
                                <div class="col">
                                    <canvas id="static"></canvas>
                                    <canvas id="cloud"></canvas>
                                </div>
<!--                                <div class="col-sm-4 col-md-4">-->
<!--                                    -->
<!--                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% if total_compliance != 0 %}
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-md-flex align-items-center">
                                    <div>
                                        <h5>Compliance Summary</h5>
                                        <h5 class="card-subtitle"></h5>
                                    </div>
                                </div>
                                <div class="row">
                                    <!-- column -->
                                    <div class="col-sm-6 col-md-6">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-bordered">
                                                <thead>
                                                <thead>
                                                <tr>
                                                    <th>Audit</th>
                                                    <th>Status</th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                <td><a href="#">Total</a></td>
                                                <td><span
                                                        class="badge badge-pill badge-dark">{{ total_compliance }}</span>
                                                </td>
                                                <tr>
                                                    <td><a href="#">Failed</a></td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ all_compliance_failed }}</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Passed</a></td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ all_compliance_passed }}</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#">Skipped</a></td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ all_compliance_skipped }}</span>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6">
                                        <canvas id="compliant"></canvas>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-6 col-md-6">
                                    <canvas id="ProChart"></canvas>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <canvas id="ProBar"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex align-items-center">
                                <div>
                                    <h5>Pentest Activity</h5>
                                    <h5 class="card-subtitle"></h5>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <!-- column -->
                                <div class="col-lg-12">
                                    <div class="table-responsive">
                                        <table id="data_table" class="table table-striped table-bordered">
                                            <thead>
                                            <tr>
                                                <th>URL</th>
                                                <th>Type</th>
                                                <th>Date Time</th>
                                                <th>Total</th>
                                                <th>Critical</th>
                                                <th>High</th>
                                                <th>Medium</th>
                                                <th>Low</th>
                                            </tr>
                                            </thead>
                                            <tbody>{% for data in pentest %}
                                                <tr data-target="#">
                                                    <td width="20%"><a
                                                            href="{% url 'pentest:vuln_list' %}?scan_id={{ data.scan_id }}&project_id={{ data.project_id }}">{{ data.scan_url }}</a>
                                                    </td>
                                                    <td width="20%">
                                                        {{ data.pentest_type }}
                                                    </td>
                                                    <td>{{ data.date_time }}</td>
                                                    <td><span
                                                            class="badge badge-pill badge-dark">{{ data.total_vul }}</span>
                                                    </td>
                                                     <td><span
                                                            class="badge badge-pill badge-critical">{{ data.critical_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ data.high_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ data.medium_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ data.low_vul }}</span>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex align-items-center">
                                <div>
                                    <h5>Dynamic Scan List</h5>
                                    <h5 class="card-subtitle"></h5>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <!-- column -->
                                <div class="col-lg-12">
                                    <div class="table-responsive">
                                        <table id="data_table" class="table table-striped table-bordered">
                                            <thead>
                                            <tr>
                                                <th>URL</th>
                                                <th>Status</th>
                                                <th>Date Time</th>
                                                <th>Total</th>
                                                <th>Critical</th>
                                                <th>High</th>
                                                <th>Medium</th>
                                                <th>Low</th>
                                            </tr>
                                            </thead>
                                            <tbody>{% for data in web_scan_dat %}
                                                <tr data-target="#">
                                                    <td width="20%"><a
                                                            href="{% url 'webscanners:list_vuln' %}?scan_id={{ data.scan_id }}&scanner={{ data.scanner }}">{{ data.scan_url }}</a>
                                                    </td>
                                                    <td width="20%">
                                                        <div>
                                                            <div class="d-flex no-block align-items-center">
                                                                <span>{{ data.scan_status }}{{ data.vul_status }}% Completed</span>
                                                            </div>
                                                            <div class="progress{% if data.scan_status != '100.0' %} active progress-striped{% endif %}">
                                                                <div class="progress-bar progress-bar-striped"
                                                                     role="progressbar"
                                                                     style="width:
                                                                             {{ data.scan_status }}{{ data.vul_status }}%"
                                                                     aria-valuenow="10" aria-valuemin="0"
                                                                     aria-valuemax="100"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{ data.date_time }}</td>
                                                    <td><span
                                                            class="badge badge-pill badge-dark">{{ data.total_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-critical">{{ data.critical_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ data.high_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ data.medium_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ data.low_vul }}</span>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex align-items-center">
                                <div>
                                    <h5>Static Scan List</h5>
                                    <h5 class="card-subtitle"></h5>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <!-- column -->
                                <div class="col-lg-12">
                                    <div class="table-responsive">
                                        <table id="data_table" class="table table-striped table-bordered">
                                            <thead>
                                            <tr>
                                                <th>Project Name</th>
                                                <th>Status</th>
                                                <th>Date Time</th>
                                                <th>Total Vulnerability</th>
                                                <th>Critical</th>
                                                <th>High</th>
                                                <th>Medium</th>
                                                <th>Low</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <!-- add your scanners here  -->
                                            {% for data in static_scan %}
                                                <tr data-target="#">
                                                    <td width="20%">
                                                        <a href="{% url 'staticscanners:list_vuln' %}?scan_id={{ data.scan_id }}&scanner={{ data.scanner }}">{{ data.project_name }}</a>
                                                    </td>
                                                    <td width="20%">
                                                        <div>
                                                            <div class="d-flex no-block align-items-center">
                                                                <span>{{ data.scan_status }}{{ data.vul_status }}% Completed</span>
                                                            </div>
                                                            <div class="progress{% if data.scan_status != '100.0' %} active progress-striped{% endif %}">
                                                                <div class="progress-bar progress-bar-striped"
                                                                     role="progressbar"
                                                                     style="width:
                                                                             {{ data.scan_status }}{{ data.vul_status }}%"
                                                                     aria-valuenow="10" aria-valuemin="0"
                                                                     aria-valuemax="100"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{ data.date_time }}</td>
                                                    <td><span
                                                            class="badge badge-pill badge-dark">{{ data.total_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-critical">{{ data.critical_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ data.high_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ data.medium_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ data.low_vul }}</span>
                                                    </td>

                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex align-items-center">
                                <div>
                                    <h5>Cloud Scan List</h5>
                                    <h5 class="card-subtitle"></h5>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <!-- column -->
                                <div class="col-lg-12">
                                    <div class="table-responsive">
                                        <table id="data_table" class="table table-striped table-bordered">
                                            <thead>
                                            <tr>
                                                <th>Project Name</th>
                                                <th>Status</th>
                                                <th>Date Time</th>
                                                <th>Total Vulnerability</th>
                                                <th>Critical</th>
                                                <th>High</th>
                                                <th>Medium</th>
                                                <th>Low</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for data in cloud_scan %}
                                                <tr data-target="#">
                                                    <td width="20%">
                                                        <a href="{% url 'cloudscanners:list_vuln' %}?scan_id={{ data.scan_id }}&scanner={{ data.scanner }}">{{ data.cloudAccountId }}</a>
                                                    </td>
                                                    <td width="20%">
                                                        <div>
                                                            <div class="d-flex no-block align-items-center">
                                                                <span>{{ data.scan_status }}{{ data.vul_status }}% Completed</span>
                                                            </div>
                                                            <div class="progress{% if data.scan_status != '100.0' %} active progress-striped{% endif %}">
                                                                <div class="progress-bar progress-bar-striped"
                                                                     role="progressbar"
                                                                     style="width:
                                                                             {{ data.scan_status }}{{ data.vul_status }}%"
                                                                     aria-valuenow="10" aria-valuemin="0"
                                                                     aria-valuemax="100"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{ data.date_time }}</td>
                                                    <td><span
                                                            class="badge badge-pill badge-dark">{{ data.total_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-critical">{{ data.critical_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ data.high_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ data.medium_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ data.low_vul }}</span>
                                                    </td>

                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex align-items-center">
                                <div>
                                    <h5>Infrastructure Scan List</h5>
                                    <h5 class="card-subtitle"></h5>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <!-- column -->
                                <div class="col-lg-12">
                                    <div class="table-responsive">
                                        <table id="data_table" class="table table-bordered data-table">
                                            <thead>
                                            <tr>
                                                <th>IP</th>
                                                <th>Status</th>
                                                <th>Date Time</th>
                                                <th>Total</th>
                                                <th>Critical</th>
                                                <th>High</th>
                                                <th>Medium</th>
                                                <th>Low</th>
                                            </tr>
                                            </thead>
                                            <tbody>{% for data in network_dat %}
                                                <tr data-target="#">

                                                    <td width="20%"><a
                                                            href="{% url 'networkscanners:list_vuln_info' %}?scan_id={{ data.scan_id }}&ip={{ data.ip }}&scanner={{ data.scanner }}">{{ data.ip }}</a>
                                                    </td>
                                                    <td width="20%">
                                                        <div>
                                                            <div class="d-flex no-block align-items-center">
                                                                <span>{{ data.scan_status }}{{ data.vul_status }}% Completed</span>
                                                            </div>
                                                            <div class="progress{% if data.scan_status != '100.0' %} active progress-striped{% endif %}">
                                                                <div class="progress-bar progress-bar-striped"
                                                                     role="progressbar"
                                                                     style="width:
                                                                             {{ data.scan_status }}{{ data.vul_status }}%"
                                                                     aria-valuenow="10" aria-valuemin="0"
                                                                     aria-valuemax="100"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{ data.date_time }}</td>
                                                    <td><span
                                                            class="badge badge-pill badge-dark">{{ data.total_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-critical">{{ data.critical_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ data.high_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ data.medium_vul }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ data.low_vul }}</span>
                                                    </td>

                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-md-flex align-items-center">
                                <div>
                                    <h5>Compliance Scan List</h5>
                                    <h5 class="card-subtitle"></h5>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <!-- column -->
                                <div class="col-lg-12">
                                    <div class="table-responsive">
                                        <table id="data_table" class="table table-bordered data-table">
                                            <thead>
                                            <tr>
                                                <th>Project Name</th>
                                                <th>Status</th>
                                                <th>Date Time</th>
                                                <th>Total Complained</th>
                                                <th>Failed</th>
                                                <th>Passed</th>
                                                <th>Skipped</th>
                                            </tr>
                                            </thead>
                                            <tbody>{% for data in inspec_dat %}
                                                <tr data-target="#">
                                                    <td>
                                                        <a href="{% url 'inspec:inspec_all_vuln' %}?scan_id={{ data.scan_id }}">{{ data.project_name }}</a>
                                                    </td>
                                                    <td width="20%">
                                                        <div>
                                                            <div class="d-flex no-block align-items-center">
                                                                <span>{{ data.scan_status }}{{ data.vul_status }}% Completed</span>
                                                            </div>
                                                            <div class="progress{% if data.scan_status != '100.0' %} active progress-striped{% endif %}">
                                                                <div class="progress-bar progress-bar-striped"
                                                                     role="progressbar"
                                                                     style="width:
                                                                             {{ data.scan_status }}{{ data.vul_status }}%"
                                                                     aria-valuenow="10" aria-valuemin="0"
                                                                     aria-valuemax="100"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{ data.date_time }}</td>
                                                    <td><span
                                                            class="badge badge-pill badge-dark">{{ data.total_vuln }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ data.inspec_failed }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ data.inspec_passed }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ data.inspec_skipped }}</span>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                            <tbody>{% for data in dockle_dat %}
                                                <tr data-target="#">

                                                    <td>
                                                        <a href="{% url 'dockle:dockle_all_vuln' %}?scan_id={{ data.scan_id }}">{{ data.project_name }}</a>
                                                    </td>
                                                    <td width="20%">
                                                        <div>
                                                            <div class="d-flex no-block align-items-center">
                                                                <span>{{ data.scan_status }}{{ data.vul_status }}% Completed</span>
                                                            </div>
                                                            <div class="progress{% if data.scan_status != '100.0' %} active progress-striped{% endif %}">
                                                                <div class="progress-bar progress-bar-striped"
                                                                     role="progressbar"
                                                                     style="width:
                                                                             {{ data.scan_status }}{{ data.vul_status }}%"
                                                                     aria-valuenow="10" aria-valuemin="0"
                                                                     aria-valuemax="100"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{ data.date_time }}</td>
                                                    <td><span
                                                            class="badge badge-pill badge-dark">{{ data.total_vuln }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-danger">{{ data.dockle_fatal }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-warning">{{ data.dockle_warn }}</span>
                                                    </td>
                                                    <td><span
                                                            class="badge badge-pill badge-info">{{ data.dockle_info }}</span>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


    <script src="{% static 'js/Chart.js' %}"></script>
    <script src="{% static 'js/Chart.min.js' %}"></script>
    <script>
        var ctx = document.getElementById("ProBar").getContext('2d');
        var ProBar = new Chart(ctx, {
            type: 'pie',
            data: {
                datasets: [{
                    data: [
                        {{all_critical}},
                        {{all_high}},
                        {{all_medium}},
                        {{all_low}},

                    ],
                    backgroundColor: [
                        '#790505', '#bd3f3b', '#ff7800', '#1b7ec7'

                    ],
                    label: 'Venerability'
                }],
                labels: [
                    'Critical',
                    'High',
                    'Medium',
                    'Low',
                ]
            },
            options: {
                responsive: true,
                title: {
                    display: true,
                    text: 'Vulnerability found in Project'
                }
            }
        });


        var ctx = document.getElementById("ProChart").getContext('2d');
        var ProChart = new Chart(ctx, {
            type: 'horizontalBar',
            data: {
                datasets: [{
                    data: [
                        {{all_critical}},
                        {{all_high}},
                        {{all_medium}},
                        {{all_low}},

                    ],
                    backgroundColor: [
                        '#790505', '#bd3f3b', '#ff7800', '#1b7ec7'

                    ],
                    label: '',
                }],
                labels: [
                    'Critical',
                    'High',
                    'Medium',
                    'Low',
                ]
            },
            options: {
                responsive: true,
                scales: {
                    xAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                }
            }
        });

        var ctx = document.getElementById("webscans").getContext('2d');
        var webscans = new Chart(ctx, {
            type: 'doughnut',
            data: {
                datasets: [{
                    data: [
                        {{all_web_critical}},
                        {{all_web_high}},
                        {{all_web_medium}},
                        {{all_web_low}},

                    ],
                    backgroundColor: [
                        '#790505', '#9b38d4', '#38c2d4', '#d48a38'

                    ],
                    label: 'Venerability'
                }],
                labels: [
                    'Critical',
                    'High',
                    'Medium',
                    'Low',
                ]
            },
            options: {
                responsive: true,
                title: {
                    display: true,
                    text: 'Web Applications Scan'
                }
            }
        });


        var ctx = document.getElementById("networkscan").getContext('2d');
        var networkscan = new Chart(ctx, {
            type: 'doughnut',
            data: {
                datasets: [{
                    data: [
                        {{all_network_critical}},
                        {{all_network_high}},
                        {{all_network_medium}},
                        {{all_network_low}},

                    ],
                    backgroundColor: [
                        '#790505', '#cc009e', '#0063cc', '#4dcc00'

                    ],
                    label: 'Venerability'
                }],
                labels: [
                    'Critical',
                    'High',
                    'Medium',
                    'Low',
                ]
            },
            options: {
                responsive: true,
                title: {
                    display: true,
                    text: 'Network Scan'
                }
            }
        });

        var ctx = document.getElementById("static").getContext('2d');
        var static = new Chart(ctx, {
            type: 'doughnut',
            data: {
                datasets: [{
                    data: [
                        {{all_static_critical}},
                        {{all_static_high}},
                        {{all_static_medium}},
                        {{all_static_low}},

                    ],
                    backgroundColor: [
                        '#790505', '#bd3f3b', '#ff7800', '#1b7ec7'

                    ],
                    label: 'Venerability'
                }],
                labels: [
                    'Critical',
                    'High',
                    'Medium',
                    'Low',
                ]
            },
            options: {
                responsive: true,
                title: {
                    display: true,
                    text: 'Static Scans'
                }
            }
        });
        var ctx = document.getElementById("cloud").getContext('2d');
        var cloud = new Chart(ctx, {
            type: 'doughnut',
            data: {
                datasets: [{
                    data: [
                        {{all_cloud_critical}},
                        {{all_cloud_high}},
                        {{all_cloud_medium}},
                        {{all_cloud_low}},

                    ],
                    backgroundColor: [
                        '#790505', '#bd3f3b', '#ff7800', '#1b7ec7'

                    ],
                    label: 'Venerability'
                }],
                labels: [
                    'Critical',
                    'High',
                    'Medium',
                    'Low',
                ]
            },
            options: {
                responsive: true,
                title: {
                    display: true,
                    text: 'Cloud Scans'
                }
            }
        });


        var ctx = document.getElementById("compliant").getContext('2d');
        var cmpliant = new Chart(ctx, {
            type: 'doughnut',
            data: {
                datasets: [{
                    data: [
                        {{all_compliance_failed}},
                        {{all_compliance_passed}},
                        {{all_compliance_skipped}},

                    ],
                    backgroundColor: [
                        '#f74d4d', '#f89406', '#3a87ad'

                    ],
                    label: 'Venerability'
                }],
                labels: [
                    'Failed',
                    'Passed',
                    'Skipped',
                ]
            },
            options: {
                responsive: true,
                title: {
                    display: true,
                    text: 'Compliance Summary'
                }
            }
        });


    </script>
{% endblock %}