{% extends 'ndr_core/admin_views/base.html' %}
{% load django_tables2 %}
{% load static %}
{% load ndr_utils %}

{% block content %}
    <h2><i class="fa-regular fa-file-upload"></i> Manage Uploads</h2>

    <!-- Options Bar -->
    <div class="d-flex flex-wrap align-items-center bg-light border rounded p-2 mb-3">
        <div class="mr-auto">
            <a href="{% url 'ndr_core:create_manifest_group' %}" class="btn btn-sm btn-primary m-1">
                <i class="fa-regular fa-folder"></i> Create Manifest Group
            </a>
            <a href="{% url 'ndr_core:create_manifest_upload' %}" class="btn btn-sm btn-primary m-1">
                <i class="fa-regular fa-file-import"></i> Upload Manifest
            </a>
            <a href="{% url 'ndr_core:create_upload' %}" class="btn btn-sm btn-primary m-1">
                <i class="fa-regular fa-file-import"></i> Upload File
            </a>
        </div>
        <div>
            <a href="{% url 'ndr_core:help_chapter' 'files' %}" class="btn btn-sm btn-outline-secondary m-1">
                <i class="fa-regular fa-circle-info"></i> Help
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6 mb-3">
            <div class="card bg-light h-100" style="max-height: 50vh;">
                <div class="overflow-auto">
                    <div class="card-body">
                        <h5 class="card-title">Uploaded Manifests</h5>
                        <ul class="list-group">
                            {% for manifest in manifests %}
                                <li class="list-group-item list-group-item-action d-flex py-2 px-2">
                                    <p class="p-0 m-0 flex-grow-1">
                                        <i class="fa-regular fa-file"></i>
                                        {{ manifest.title }}<br/>
                                    </p>

                                    <p class="p-0 m-0">
                                        <div style="white-space: nowrap;">
                                            <a href="{% url 'ndr_core:edit_manifest_upload' manifest.pk %}" class="btn btn-sm btn-secondary">
                                                <i class="fa-regular fa-pen-to-square"></i>
                                            </a>
                                            <a href="{% url 'ndr_core:delete_manifest_upload' manifest.pk %}" class="btn btn-sm btn-danger">
                                                <i class="fa-regular fa-delete-left"></i>
                                            </a>
                                         </div>
                                    </p>
                                </li>
                            {% endfor %}
                        </ul>

                        <br/>

                        <h5 class="card-title">Uploaded Files</h5>
                        <ul class="list-group">
                            {% for file in files %}
                                <li class="list-group-item list-group-item-action d-flex py-2 px-2">
                                    <p class="p-0 m-0 flex-grow-1">
                                        <i class="fa-regular fa-file"></i>
                                        {{ file.title }}<br/>
                                        <small>[[file|{{ file.pk }}]] or [[file-href|{{ file.pk }}]]</small>
                                    </p>

                                    <p class="p-0 m-0">
                                        <div style="white-space: nowrap;">
                                            <a href="{% url 'ndr_core:edit_upload' file.pk %}" class="btn btn-sm btn-secondary">
                                                <i class="fa-regular fa-pen-to-square"></i>
                                            </a>
                                            <a href="{% url 'ndr_core:delete_upload' file.pk %}" class="btn btn-sm btn-danger">
                                                <i class="fa-regular fa-delete-left"></i>
                                            </a>
                                         </div>
                                    </p>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-6 mb-3">
            <div class="card bg-light h-100">
                <div class="card-body">
                    <h5 class="card-title">Manifest Groups</h5>
                    <ul class="list-group">
                        {% for group in manifest_groups %}
                            <li class="list-group-item list-group-item-action d-flex py-2">
                                <p class="p-0 m-0 flex-grow-1">
                                    <i class="fa-regular fa-folder"></i> {{ group.title }}
                                    <br/>
                                    <small class="text-muted">
                                        {% if group.order_value_1_title %}{{ group.order_value_1_title }}{% endif %}
                                        {% if group.order_value_2_title %} | {{ group.order_value_2_title }}{% endif %}
                                        {% if group.order_value_3_title %} | {{ group.order_value_3_title }}{% endif %}
                                    </small>
                                </p>

                                <p class="p-0 m-0">
                                    {% if group.pk %}
                                        <a href="{% url 'ndr_core:edit_manifest_group' group.pk %}" class="btn btn-sm btn-secondary">
                                            <i class="fa-regular fa-pen-to-square"></i>
                                        </a>
                                        <a href="{% url 'ndr_core:delete_manifest_group' group.pk %}" class="btn btn-sm btn-danger">
                                            <i class="fa-regular fa-delete-left"></i>
                                        </a>
                                    {% endif %}
                                </p>
                            </li>
                        {% empty %}
                            <li class="list-group-item">
                                <small class="text-muted"><i class="fa-regular fa-info-circle"></i> No manifest groups created yet.</small>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    {% if file is not None %}
       <div class="card bg-light mb-3">
            <div class="card-body">
                <h5 class="card-title">{{ file.tile }}</h5>

            </div>
        </div>
    {% endif %}

    <div class="alert alert-info small" role="alert">
        <i class="fa-regular fa-circle-info"></i>
    </div>

{% endblock %}