{% extends "header.html" %}

<!-- Macro for toggle button to display _output fields of checks -->
{% macro name_value_box(dictionary) %}
    <div class="info boxstyle">
        <h5 style='margin:10px 5px 10px 5px;'}}>
            {% for key, value in dictionary.items() %}
            <div class='row'>
                <div class="col-sm-4">
                    <div style="padding:0;" align="left">
                        <b>{{key}}</b>
                    </div>
                </div>
                <div class="col-sm-8" style="word-wrap:break-word;" align="left">
                    {% if value.__class__.__name__ == 'list' %}
                        {% for v in value %}
                            {% if v.__class__.__name__ == 'dict' %}
                                <b><code id="{{value}}" onclick="copy_to_clipboard(this.id)" style="cursor:copy;margin-left:-3pt;background:#D6EAF8;color:#263A48;">{{v}}</code></b>
                            {% else %}
                                <span id="{{value}}" onclick="copy_to_clipboard(this.id)" style="cursor:copy;">{{v}}</span> <br />
                            {% endif %}
                        {% endfor %}
                    {% elif value.__class__.__name__ == 'dict' %}
                        <b><code id="{{value}}" onclick="copy_to_clipboard(this.id)" style="cursor:copy;margin-left:-3pt;background:#D6EAF8;color:#263A48;">{{value}}</code></b>
                    {% else %}
                        {% if key == "Python:" %}
                            <b style="cursor:copy;display:inline-block;width:77pt;" id="{{value}}" onclick="copy_to_clipboard(this.id)">{{value}}</b> &nbsp;&nbsp;
                            <a target="_blank" href="https://docs.python.org/release/{{value}}/"><img src="https://logos-download.com/wp-content/uploads/2016/10/Python_logo_wordmark.png" height="19" /></a> &nbsp;
                        {% elif key == "DCIC-Utils:" %}
                            <b style="cursor:copy;display:inline-block;width:77pt;" id="{{value}}" onclick="copy_to_clipboard(this.id)">{{value}}</b> &nbsp;&nbsp;
                            <a target="_blank" href="https://pypi.org/project/dcicutils/{{value}}/"><img src="https://cdn-images-1.medium.com/max/1064/1*8Zh-mzLnVMDsbvXdKsU4lw.png" height="21" /></a> &nbsp;
                            <a target="_blank" href="https://github.com/4dn-dcic/utils/releases/tag/v{{value}}"><img src="https://git-scm.com/images/logos/downloads/Git-Logo-1788C.png" height="15" /></a>
                        {% elif key == "Foursight-Core:" %}
                            <b style="cursor:copy;display:inline-block;width:77pt;" id="{{value}}" onclick="copy_to_clipboard(this.id)">{{value}}</b> &nbsp;&nbsp;
                            <a target="_blank" href="https://pypi.org/project/foursight-core/{{value}}/"><img src="https://cdn-images-1.medium.com/max/1064/1*8Zh-mzLnVMDsbvXdKsU4lw.png" height="21" /></a> &nbsp;
                            <a target="_blank" href="https://github.com/4dn-dcic/foursight-core/releases/tag/v{{value}}"><img src="https://git-scm.com/images/logos/downloads/Git-Logo-1788C.png" height="15" /></a>
                        {% elif key == main_title + ":" %}
                            <b style="cursor:copy;display:inline-block;width:77pt;" id="{{value}}" onclick="copy_to_clipboard(this.id)">{{value}}</b> &nbsp;&nbsp;
                            <a target="_blank" href="https://pypi.org/project/foursight-cgap/{{value}}/"><img src="https://cdn-images-1.medium.com/max/1064/1*8Zh-mzLnVMDsbvXdKsU4lw.png" height="21" /></a> &nbsp;
                            <a target="_blank" href="https://github.com/dbmi-bgm/foursight-cgap/releases/tag/v{{value}}"><img src="https://git-scm.com/images/logos/downloads/Git-Logo-1788C.png" height="15" /></a>
                        {% elif key == "Portal Server:" %}
                        <span style="cursor:copy;" id="{{value}}" onclick="copy_to_clipboard(this.id)">{{value}}</span>
                            <a target="_blank" href="{{value}}"><span class="fa fa-external-link" style="font-size:14px;"></span></a>
                        {% else %}
                        <span style="cursor:copy;" id="{{value}}" onclick="copy_to_clipboard(this.id)">{{value}}</span>
                        {% endif %}
                    {% endif %}
                </div>
            </div>
            {% endfor %}
        </h5>
    </div>
{% endmacro %}

{% macro list_box(list) %}
    <div class="check-pass boxstyle">
        <h5 style='margin:10px 5px 10px 5px;'}}>
            {% for value in list %}
            <div class='row'>
                <div class="col-sm-4">
                    <div style="padding:0;" align="left">
                        <b>{{value}}</b>
                    </div>
                </div>
            </div>
            {% endfor %}
        </h5>
    </div>
{% endmacro %}

{% macro json_box(data) %}
<div style="background=yellow">
{{data}}
</div>
    <div class="info boxstyle" style="font-family:monospace">
        {% for key, value in data.items() recursive %}
            {% set mainloop = loop %}
            <li>
                {% if value.__class__.__name__ == 'dict' %}
                    <b>{{key}}</b>:
                    <ul style="padding-left:12pt">
                        {{mainloop(value.items())}}
                    </ul>
                {% elif value.__class__.__name__ == 'list' %}
                    <b>{{key}}</b>: <b>[</b> <br />
                    <ul style="padding-left:12pt">
                        {% for item in value %}
                            <li>
                                - {{mainloop(item.items())}}
                            </li>
                        {% endfor %}
                    </ul>
                    <b>]</b>
                {% else %}
                    <b>{{key}}</b>: {{value}}
                {% endif %}
            </li>
        {% endfor %}
    </div>
{% endmacro %}

{% block content %}
    <ul class="top-level-list">
        <b>Foo</b>
       {{json_box(declared_data)}}
    </ul>
    <ul class="top-level-list">
        <b>Versions</b>
       {{name_value_box(versions)}}
    </ul>
    <ul class="top-level-list">
        <b>Credentials Info</b>
       {{name_value_box(aws_credentials)}}
    </ul>
    <ul class="top-level-list">
        <b>Resources</b>
       {{name_value_box(resources)}}
    </ul>
    <ul class="top-level-list">
        <b>Environment Names</b>
        {{name_value_box(environment_names)}}
    </ul>
    <ul class="top-level-list">
        <b>Bucket Names</b>
        {{name_value_box(bucket_names)}}
    </ul>
    <ul class="top-level-list">
        <b>Environment &amp; Bucket Names</b>
        {{name_value_box(environment_and_bucket_info)}}
    </ul>
    <ul class="top-level-list">
        <b>Declared Data</b>
       {{name_value_box(declared_data)}}
    </ul>
    <ul class="top-level-list">
        <b>GAC: {{identity_name}}</b>
        {{name_value_box(identity_secrets)}}
    </ul>
    <ul class="top-level-list">
        <b>Environment Variables</b>
        {{name_value_box(os_environ)}}
    </ul>
{% endblock %}
