{% extends "admin/components/base.html" %}
{% block title %} SKA Referee Test | Edit Exam {% endblock %}
{% block content %}
    <h1>Edit Exam</h1>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">          
                <ul class="list-group">
                    <li class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">
                            <h5 class="mb-1">Exam Code</h5>
                        </div>
                        <h2>
                            {{ test.get_code() }}
                        </h2>
                    </li>
                    <li class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">
                            <h5 class="mb-1">Dataset</h5>
                        </div>
                        {{ test.dataset.date.strftime('%Y%m%d%H%M%S') }}
                    </li>
                    <li class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">
                            <h5 class="mb-1">Created By</h5>
                        </div>
                        {{ test.creator.get_username() }}
                    </li>
                    
                    <li class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">
                            <h5 class="mb-1">Start Date</h5>
                        </div>
                        {{ test.start_date.strftime('%d %b %Y %H:%M') }}
                    </li>
                    <li class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">
                            <h5 class="mb-1">Expiry Date</h5>
                        </div>
                        {{ test.end_date.strftime('%d %b %Y %H:%M') }}
                    </li>
                    <li class="list-group-item list-group-item-action">
                        <div class="d-flex w-100 justify-content-between">
                            <h5 class="mb-1">Time Limit</h5>
                        </div>
                        {% if test.time_limit == None -%}
                            None
                        {% elif test.time_limit == 60 -%}
                            1 hour
                        {% elif test.time_limit == 90 -%}
                            1 hour 30 min
                        {% elif test.time_limit == 120 -%}
                            2 hours
                        {% else -%}
                            {{ test.time_limit }}
                        {% endif %}
                    </li>
                    <div class="accordion" id="test-info-detail">
                        {% if test.entries|length > 0 %}
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="test-entries">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#test-entries-list" aria-expanded="false" aria-controls="test-entries-list">
                                        List Test Entries
                                    </button>
                                </h2>
                                <div id="test-entries-list" class="accordion-collapse collapse" aria-labelledby="test-entries" data-bs-parent="#test-info-detail">
                                    <div class="accordion-body">
                                        <table class="table table-striped">
                                            <tbody>
                                                {% for entry in test.entries %}
                                                    <tr>
                                                        <td>
                                                            <a href="{{ url_for('admin._view_entry', id=entry) }}" >Entry {{ loop.index }}</a>
                                                        </td>
                                                    </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                        {% if test.adjustments %}
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="test-adjustments">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#test-adjustments-list" aria-expanded="false" aria-controls="test-adjustments-list">
                                        List Time Adjustments
                                    </button>
                                </h2>
                                <div id="test-adjustments-list" class="accordion-collapse collapse" aria-labelledby="test-adjustments" data-bs-parent="#test-info-detail">
                                    <div class="accordion-body">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>
                                                        User Code
                                                    </th>
                                                    <th>
                                                        Adjustment (Minutes)
                                                    </th>
                                                    <th>
                                                        Delete
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for key, value in test.adjustments.items() %}
                                                    <tr>
                                                        <td>
                                                            {{ key.upper() }}
                                                        </td>
                                                        <td>
                                                            {{ value }}
                                                        </td>
                                                        <td>
                                                            <a href="javascript::void(0);" class="btn btn-danger adjustment-delete" title="Delete Adjustment" data-user_code="{{ key }}">
                                                                <i class="bi bi-slash-circle-fill button-icon"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                        {% if not test.time_limit == None %}
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="test-add-adjustments">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#test-adjustments-add" aria-expanded="false" aria-controls="test-adjustments-add">
                                        Add Time Adjustments
                                    </button>
                                </h2>
                                <div id="test-adjustments-add" class="accordion-collapse collapse" aria-labelledby="test-add-adjustments" data-bs-parent="#test-info-detail">
                                    <div class="accordion-body">
                                        <form name="form-add-adjustment" class="form-display form-post" action="{{ url_for(request.endpoint, **request.view_args) }}" data-rel-success="">
                                            {{ form.hidden_tag() }}
                                            <div class="form-label-group">
                                                {{ form.time(class_="form-control", placeholder="Enter Time") }}
                                                {{ form.time.label }}
                                            </div>
                                            <div class="container form-submission-button">
                                                <div class="row">
                                                    <div class="col text-center">
                                                        <button title="Add Time Adjustment" class="btn btn-md btn-success btn-block" type="submit">
                                                            <i class="bi bi-clock-history button-icon"></i>
                                                            Add Time Adjustment
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </ul>
                <div class="row">
                    {% include "admin/components/client-alerts.html" %}
                </div>
                <div class="container justify-content-center">
                    <div class="row">
                        {% if test.start_date <= now %}
                            <a href="#" class="btn btn-warning test-action {% if test.end_date < now %}disabled{% endif %}" data-action="end" data-id="{{ test.id }}">
                                <i class="bi bi-hourglass-bottom button-icon"></i>
                                Close Exam
                            </a>
                        {% else  %}
                            <a href="#" class="btn btn-success test-action {% if test.start_date < now %}disabled{% endif %}" data-action="start" data-id="{{ test.id }}">
                                <i class="bi bi-hourglass-top button-icon"></i>
                                Start Exam
                            </a>
                        {% endif %}
                        <a href="#" class="btn btn-danger test-action" data-action="delete" data-id="{{ test.id }}">
                            <i class="bi bi-file-earmark-excel-fill button-icon"></i>
                            Delete Exam
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}