{% extends "layout.html" %}
{% block content %}
<div class="content-section">
    <form method="POST" enctype="multipart/form-data" action="">
        {{ form.hidden_tag() }}
        <h1>Zkušební testování</h1>
        <!-- <div class="form-group">
             form.JmenoTestu
             form.JmenoTestu.label 
        </div> -->
        <div class="form-group">
            {{ form.UplJSON }}
            {{ form.UplJSON.label }}
            {% for error in form.UplJSON.errors %}
            <span style="color: red;">{{ error }}</span>
            {% endfor %}
        </div>
        <div class="form-group">
            {{ form.UplFILE }}
            {{ form.UplFILE.label }}
            {% for error in form.UplFILE.errors %}
            <span style="color: red;">{{ error }}</span>
            {% endfor %}
        </div>
        <div class="form-group">
            {{ form.ChooseType }}
        </div>
       <!-- <script type="text/javascript">// <![CDATA[
            function loading(){
                $("#loading").show();
                $("#content").hide();       
            }
        // ]]></script>
        <div id="loading"></div>
        <div id="content" class="form-group">
            {{ form.submit(onclick="loading();") }}
        </div>-->
        <div class="form-group">
            {{ form.submit() }}
        </div>
    </form>
</div>
<div id="accordion">
    {% for student in data_output %}
        <div class="card">
            <div class="card-header" id="student_{{ loop.index }}_{{ student.folder_name }}">
                <button class="btn btn-link" data-toggle="collapse" data-target="#student_text_{{ loop.index }}_{{ student.folder_name }}" aria-expanded="true" aria-controls="student_text_{{ loop.index }}_{{ student.folder_name }}">
                    <div class="row">
                        {% if zobrazit_jmeno_slozky == true %}
                            <div class="col">
                                {{ student.folder_name }}
                            </div>
                        {% endif %}
                        <div class="col">
                            Výsledná úspěšnost: {{ student.final_succ_rate }}%
                        </div>
                        <div class="col">
                            Počet chyb: {{ student.final_count_mistakes }}/{{ student.final_checked_elements }}
                        </div>
                        <div class="col">
                            Výsledek:
                            {% if student.final_succ_rate == 100 %}
                                <span style="color: green;">Úspěšný</span>
                            {% elif student.final_succ_rate <= 100 and student.final_succ_rate > 30 %}
                                <span style="color: yellowgreen;">Dobrý</span>
                            {% else %}
                                <span style="color: red;">Neúspěšný</span>
                            {% endif %}
                        </div>
                    </div>
                </button>
            </div>
            {% if data_output|length > 1 %}
            <div id="student_text_{{ loop.index }}_{{ student.folder_name }}" class="collapse hide" aria-labelledby="student_{{ loop.index }}_{{ student.folder_name }}" >
            {% else %}
            <div id="student_text_{{ loop.index }}_{{ student.folder_name }}" class="collapse show" aria-labelledby="student_{{ loop.index }}_{{ student.folder_name }}" >
            {% endif %}
                <div class="card-body">
                <h6 class="mb-0">Stav compilace: <small><span style="white-space: pre-line">{{ student.compilation_err }}</span></small></h6>
                {% if student.other_err != "" %}
                    <h6 class="mb-0">Ostatní errory: <small><span style="white-space: pre-line">{{ student.other_err }}</span></small></h6>
                {% endif %}
                
                {% for data in student.tests %}
                    <div class="card">
                    <div class="card-header" id="heading_{{ loop.index }}_{{ student.folder_name }}">
                        <h5 class="mb-0">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapse_{{ loop.index }}_{{ student.folder_name }}" aria-expanded="true" aria-controls="collapse_{{ loop.index }}_{{ student.folder_name }}">
                            <dev class="row">
                                <dev class="col">Test č.{{ data.test_number }}</dev>
                                <dev class="col">Úspěšnost: {{ data.tests_succ_rate }}%</dev>
                                <dev class="col">Počet chyb: {{ data.tests_count_mistakes }}/{{ data.tests_count_checked_elements }}</dev>
                                <dev class="col">
                                    Výsledek:
                                    {% if data.prog_stat_on_end == "successful" and data.tests_succ_rate == 100 %}
                                        <span style="color: green;">Úspěšný</span>
                                    {% elif data.prog_stat_on_end == "successful" and data.tests_succ_rate <= 100 and data.tests_succ_rate > 30 %}
                                        <span style="color: yellowgreen;">Dobrý</span>
                                    {% else %}
                                        <span style="color: red;">Neúspěšný</span>
                                    {% endif %}
                                </dev>
                            </dev>
                        </button>
                        </h5>
                    </div>
                    <div id="collapse_{{ loop.index }}_{{ student.folder_name }}" class="collapse hide" aria-labelledby="heading_{{ loop.index }}_{{ student.folder_name }}">
                        <div class="card-body">
                            <div class="container">
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#myModal_chyb_{{ loop.index }}_{{ student.folder_name }}">Záznam z běhu programu</button>
                                <div class="modal fade" id="myModal_chyb_{{ loop.index }}_{{ student.folder_name }}" role="dialog">
                                  <div class="modal-dialog">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <h4 class="modal-title">Záznam z běhu programu</h4>
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      </div>
                                      <div class="modal-body">
                                        <span style="white-space: pre-line">{{ data.running_err }}</span>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Zavřít</button>
                                    </div>
                                  </div>
                                </div>
                              </div>
                          </div>
                          <div class="container">
                            {% for parts in data.parts_of_tests %}
                                <div class="card">
                                <div class="card-header" id="parts_{{ data.test_number }}_{{ loop.index }}_{{ student.folder_name }}">
                                    <h5 class="mb-0">
                                    <button class="btn btn-link" data-toggle="collapse" data-target="#collapse_parts__{{ data.test_number }}_{{ loop.index }}_{{ student.folder_name }}" aria-expanded="true" aria-controls="collapse_parts__{{ data.test_number }}_{{ loop.index }}_{{ student.folder_name }}">
                                        <dev class="row">
                                        <dev class="col">IO: {{ parts.IO }}</dev>
                                        <dev class="col">Úspěšnost: {{ parts.succ_rate }}%</dev>
                                        <dev class="col">Počet chyb: {{ parts.count_mistakes }}/{{ parts.count_checked_elements }}</dev>
                                    </button>
                                    </h5>
                                </div>
                                <div id="collapse_parts__{{ data.test_number }}_{{ loop.index }}_{{ student.folder_name }}" class="collapse hide" aria-labelledby="parts_{{ data.test_number }}_{{ loop.index }}_{{ student.folder_name }}">
                                    <div class="card-body">
                                        <dev class="container">
                                            <h6 class="mb-0">Výstup IO: <small><span style="white-space: pre-line">{{ parts.IO_output }}</span></small></h6>
                                        </dev>
                                        <dev class="container">
                                            <h6 class="mb-0">Vstupní data:  {{ parts.json_in_elements }}</h6>
                                            <h6 class="mb-0">Hledané prvky:  {{ parts.json_out_elements }}</h6>
                                            <h6 class="mb-0">Chybné prvky:  {{ parts.failed_elements }}</h6>
                                        </dev>
                                    </div>
                                </div>
                                </div>
                            {% endfor %}
                        </div>
                        </div>
                    </div>
                    </div>
                {% endfor %}
                </div>
            </div>
        </div>
    {% endfor %}
</div>
</div>
{% endblock content %}