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

{% block title %}{% trans "Cookbook Setup" %}{% endblock %}

{% block extra_head %}
    {{ form.media }}
{% endblock %}

{% block content %}

    <h1>{% trans 'System' %}</h1>
    {% blocktrans %}
        Django Recipes is an open source free software application. It can be found on
        <a href="https://github.com/vabene1111/recipes">GitHub</a>.
        Changelogs can be found <a href="https://github.com/vabene1111/recipes/releases">here</a>.
    {% endblocktrans %}

    <h3 class="mt-5">{% trans 'System Information' %}</h3>
    {% if version_info %}
        <div class="row">
            <div class="col">
                <div class="list-group">
                    {% for v in version_info %}
                        <div class="list-group-item list-group-item-action">
                            <div class="d-flex w-100 justify-content-between">
                                <h5 class="mb-1">{{ v.name }} ({{ v.branch }}) {% if v.tag %}- {{ v.tag }}{% endif %}</h5>
                            </div>
                            <pre class="card-text p-2" style="border: 1px solid lightgrey; border-radius: 5px" target="_blank">{{ v.version }}</pre>
                            <a href="{{ v.website }}">Website</a>
                            {% if v.commit_link %}
                                - <a href="{{ v.commit_link }}" target="_blank">Commit</a>
                            {% endif %}
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    {% else %}
        {% blocktrans %}
            You need to execute <code>version.py</code> in your update script to generate version information (done automatically in docker).
        {% endblocktrans %}
    {% endif %}

    <h4 class="mt-3">{% trans 'Media Serving' %} <span class="badge badge-{% if gunicorn_media %}danger{% else %}success{% endif %}">{% if gunicorn_media %}
        {% trans 'Warning' %}{% else %}{% trans 'Ok' %}{% endif %}</span></h4>
    {% if gunicorn_media %}
        {% blocktrans %}Serving media files directly using gunicorn/python is <b>not recommend</b>!
            Please follow the steps described
            <a href="https://github.com/vabene1111/recipes/releases/tag/0.8.1">here</a> to update
            your installation.
        {% endblocktrans %}
    {% else %}
        {% trans 'Everything is fine!' %}
    {% endif %}


    <h4 class="mt-3">{% trans 'Secret Key' %} <span
            class="badge badge-{% if secret_key %}danger{% else %}success{% endif %}">{% if secret_key %}
        {% trans 'Warning' %}{% else %}{% trans 'Ok' %}{% endif %}</span></h4>
    {% if secret_key %}
        {% blocktrans %}
            You do not have a <code>SECRET_KEY</code> configured in your <code>.env</code> file. Django defaulted to the
            standard key
            provided with the installation which is publicly know and insecure! Please set
            <code>SECRET_KEY</code> int the <code>.env</code> configuration file.
        {% endblocktrans %}
    {% else %}
        {% trans 'Everything is fine!' %}
    {% endif %}

    <h4 class="mt-3">{% trans 'Debug Mode' %} <span
            class="badge badge-{% if debug %}danger{% else %}success{% endif %}">{% if debug %}
        {% trans 'Warning' %}{% else %}{% trans 'Ok' %}{% endif %}</span></h4>
    {% if debug %}
        {% blocktrans %}
            This application is still running in debug mode. This is most likely not needed. Turn of debug mode by
            setting
            <code>DEBUG=0</code> int the <code>.env</code> configuration file.
        {% endblocktrans %}
    {% else %}
        {% trans 'Everything is fine!' %}
    {% endif %}

    <h4 class="mt-3">{% trans 'Database' %} 
        <span class="badge badge-{{postgres_status}}">
            {% if postgres_status == 'warning' %}
                {% trans 'Info' %}
            {% elif postgres_status == 'danger'%}
                {% trans 'Warning' %}
            {% else %}
                {% trans 'Ok' %}
            {% endif %}
        </span>
    </h4>
    {{postgres_message}}

{#    <h4 class="mt-3">#}
{#    {% trans 'Orphaned Files' %}#}
{##}
{#    <span class="badge badge-{% if orphans|length == 0 %}success{% elif orphans|length <= 25 %}warning{% else %}danger{% endif %}">#}
{#        {% if orphans|length == 0 %}{% trans 'Success' %}#}
{#        {% elif orphans|length <= 25 %}{% trans 'Warning' %}#}
{#        {% else %}{% trans 'Danger' %}#}
{#        {% endif %}#}
{#    </span>#}
{#    </h4>#}

    {% if orphans|length == 0 %}
        {% trans 'Everything is fine!' %}
    {% else %}
        {% blocktrans with orphan_count=orphans|length  %}
        There are currently {{ orphan_count }} orphaned files.
        {% endblocktrans %}
        <br>
        <button id="toggle-button" class="btn btn-info btn-sm"  onclick="toggleOrphans()">{% trans 'Show' %}</button>
        <button class="btn btn-info btn-sm" onclick="deleteOrphans()">{% trans 'Delete' %}</button>
    {% endif %}
    <textarea id="orphans-list" style="display:none;" class="form-control" rows="20">
{% for orphan in orphans %}{{ orphan }}
{% endfor %}
    </textarea>

    <h4 class="mt-3">Debug</h4>
    <textarea class="form-control" rows="20">
Gunicorn Media: {{ gunicorn_media }}
Sqlite: {% if postgres %} {% trans 'False' %} {% else %} {% trans 'True' %} {% endif %}
{% if postgres %}PostgreSQL: {{postgres_version}} {% endif %}
Debug: {{ debug }}

{% for key,value in request.META.items %}{% if key in 'SERVER_PORT,REMOTE_HOST,REMOTE_ADDR,SERVER_PROTOCOL' %}{{ key }}:{{ value }}
{% endif %}{% endfor %}
{% for key,value in request.META.items %}{% if 'HTTP_' in key %}{{ key }}:{{ value }}
{% endif %}{% endfor %}
{% for key,value in request.META.items %}{% if 'wsgi.' in key %}{{ key }}:{{ value }}
{% endif %}{% endfor %}
    </textarea>
    <br/>
    <br/>
    <form method="POST" id="delete-form">
        {% csrf_token %}
        <input type="hidden" name="delete_orphans" value="false">
    </form>
{% block script %}
<script>
    function toggleOrphans() {
        var orphansList = document.getElementById('orphans-list');
        var button = document.getElementById('toggle-button');

        if (orphansList.style.display === 'none') {
            orphansList.style.display = 'block';
            button.innerText = "{% trans 'Hide' %}";
        } else {
            orphansList.style.display = 'none';
            button.innerText = "{% trans 'Show' %}";
        }
    }
    function deleteOrphans() {
        document.getElementById('delete-form').delete_orphans.value = 'true';
        document.getElementById('delete-form').submit(); 
    }
</script>
{% endblock script %}
{% endblock %}