{% extends 'extends/layout.html' %}
{% load static %}
{% load humanize %}
{% block content %}
    {% block scripts %}
        <script src="{% static 'sacco/assets/custom_js/currency_formatter.js' %}"></script>
        <script type="text/javascript">

            function deleteUpload(val) {
                let upload = val.getAttribute("data-worker-id");
                let url = '/member-uploads/delete/' + upload;
                if (confirm("Are you sure you want to delete this upload?")) {
                    location.href = url
                }
            }

        </script>
    {% endblock %}
    <div class="row">
        <!-- Start col -->
        <div class="col-lg-12">
            <div class="card m-b-30">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="basic-datatable" class="table dt-responsive nowrap w-100">
                            <thead>
                            <tr>
                                <th>S/N</th>
                                <th>UploadNo</th>
                                <th>Count</th>
                                <th>Date</th>
                                <th>Uploaded File</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody id="search-results">
                            {% for upload in member_uploads %}
                                <tr>
                                    <td>{{ forloop.counter }}.</td>
                                    <td class="text-black">{{ upload.uuid }}</td>
                                    <td class="text-black">{{ upload.members.count }}</td>
                                    <td class="text-black">{{ upload.created_at|default_if_none:'' }}</td>
                                    <td>
                                        <a href="{{ upload.file_url|default_if_none:'#' }}" download="">
                                            <button type="button" class="btn btn-primary btn-sm" title="Download file">
                                                <i
                                                        class="fa fa-download"></i> Download file
                                            </button>
                                        </a>
                                    </td>
                                    <td class="text-black">
                                        {% if 'delete_transaction' in user_perms %}
                                            <button type="button" id="worker-{{ upload.id }}"
                                                    onclick="deleteUpload(this)" data-worker-id="{{ upload.uuid }}"
                                                    class="btn btn-danger btn-sm" title="Delete this transaction"><i
                                                    class="fa-solid fa-xmark"></i> Delete
                                            </button>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% empty %}
                                <p>No uploads yet</p>

                            {% endfor %}
                            </tbody>
                        </table>

                    </div>
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            {% if member_uploads.has_previous %}
                                <li class="page-item">
                                    <a class="page-link" href="?page=1" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                        <span class="sr-only">begin</span>
                                    </a>
                                </li>
                            {% endif %}
                            {% for n in member_uploads.paginator.page_range %}
                                {% if member_uploads.number == n %}
                                    <li class="page-item active">
                                        <span class="page-link">{{ n }}<span class="sr-only">(current)</span></span>
                                    </li>
                                {% elif n > member_uploads.number|add:'-3' and n < member_uploads.number|add:'3' %}
                                    <li class="page-item"><a class="page-link" href="?page={{ n }}">{{ n }}</a></li>
                                {% endif %}
                            {% endfor %}

                            {% if member_uploads.has_next %}
                                <li class="page-item">
                                    <a class="page-link" href="?page={{ member_uploads.paginator.num_pages }}"
                                       aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                        <span class="sr-only">end</span>
                                    </a>
                                </li>
                            {% endif %}
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <!-- End col -->
    </div>

{% endblock %}