{% extends 'base.html.twig' %}

{% block nav_title %}<i class="fas fa-file-signature"></i>&nbsp;&nbsp;<span class="text-danger">Platform</span> - ACS assessment details{% endblock %}

{% block body %}
<div class="card bg-light">
    <div class="card-header">
        <ul class="nav nav-tabs nav-fill card-header-tabs" id="pills-tab" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="pills-details-tab" data-toggle="pill" href="#pills-details" role="tab" aria-controls="pills-details" aria-selected="true">
                    <i class="fas fa-info-circle"></i>&nbsp;Details
                </a>
            </li>
            <li class="nav-item">
                <a a class="nav-link" id="pills-controls-tab" data-toggle="pill" href="#pills-controls" role="tab" aria-controls="pills-controls" aria-selected="false">
                    <i class="fas fa-file-signature"></i>&nbsp;Controls  <span class="badge badge-pill badge-secondary">{{ assessment.controls|length }}</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="card-body">
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-details" role="tabpanel" aria-labelledby="pills-details-tab">
                <div class="row">
                    <div class="col-md-6">
                        <dl class="list-unstyled">
                            <dt>Identifier</dt>
                            <dd><code>{{ assessment.identifier }}</code></dd>
                            <dt>ACS service url</dt>
                            {% set acsUrl = absolute_app_url('platform_service_acs', {'assessmentIdentifier': assessment.identifier}) %}
                            <dd>
                                <a href="{{ acsUrl }}" target="_blank">{{ acsUrl }}</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="col-md-6">
                        <dl class="list-unstyled">
                            <dt>Status</dt>
                            <dd>
                                <span class="badge badge-pill badge-info">
                                    {{ assessment.status }}
                                </span>
                            </dd>
                            <dt>Controls</dt>
                            <dd>{{ assessment.controls|length }}</dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pills-controls" role="tabpanel" aria-labelledby="pills-controls-tab">
                {% if assessment.controls|length != 0 %}
                    <div class="input-group mb-3">
                        <input type="text" id="acsControlSearch" class="form-control" placeholder="Search">
                        <div class="input-group-append">
                            <button id="acsControlSearchReset" class="btn-secondary btn"><i class="fas fa-undo-alt"></i>&nbsp;Reset</button>
                        </div>
                    </div>
                    <pre>
                        <code id="acsControlZone" class="language-json">{{ assessment.controls|json_encode(constant('JSON_PRETTY_PRINT') + constant('JSON_UNESCAPED_SLASHES')) }}</code>
                    </pre>
                {% else %}
                    <div class="alert alert-dark alert-no-margin-bottom" role="alert">
                        <i class="fas fa-ban"></i>&nbsp;No controls found
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
    <div class="card-footer">
        <div class="btn-group float-right" role="group" aria-label="Basic example">
            <a class="btn btn-primary text-white" href="{{ path('platform_proctoring_edit_assessment', {'assessmentIdentifier': assessment.identifier}) }}">
                <i class="fas fa-edit"></i>&nbsp;Edit
            </a>
            <a class="btn btn-danger text-white" href="{{ path('platform_proctoring_delete_assessment', {'assessmentIdentifier': assessment.identifier}) }}" onclick="return confirm('Are you sure?')">
                <i class="fas fa-trash-alt"></i>&nbsp;Delete
            </a>
            <a class="btn btn-secondary text-white" href="{{ path('platform_proctoring_list_assessments') }}">
                <i class="fas fa-undo-alt"></i>&nbsp;Back to list
            </a>
        </div>
    </div>
</div>
{% endblock body %}

{% block scripts %}
    <script>
        $("#acsControlSearch").on("input", function(){
            $("#acsControlZone").unmark({
                done: function() {
                    $("#acsControlZone").mark($("#acsControlSearch").val());
                }
            });
        });

        $("#acsControlSearchReset").click(function(){
            $("#acsControlSearch").val("");
            $("#acsControlZone").unmark();
        });

        hljs.initHighlightingOnLoad();
    </script>
{% endblock %}