<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>testipy WebReporter</title>
    <!-- script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script-->
    <script src="/templates/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>

    <!--script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.1.2/socket.io.js" integrity="sha512-YybopSVjZU0fe8TY4YDuQbP5bhwpGBE/T6eBUEZ0usM72IWBfWrgVI13qfX4V2A/W7Hdqnm7PIOYOwP9YHnICw==" crossorigin="anonymous"></script-->
    <script src="/templates/socket.io.js" type="text/javascript" charset="utf-8"></script>

    <script src="/templates/webreport.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="/templates/webreport.css">
</head>

<body>


<table class="no_spacing">
    <tbody>
    <tr>

        <td class="no_spacing">

            <table id="rm_params" class="list" style="width: 600px; max-width: 600px; height: 100%">
                <caption>Parameters</caption>
                <tbody>
                <tr>
                    <td class="label">Async mode</td>
                    <td class="label_value">{{ async_mode }}</td>
                </tr>
                </tbody>
            </table>

            <br><br>

            <input type="submit" id="btn_disconnect" value="Disconnect" class="buttons" onclick="disconnect_client()">

            <br><br>

            <table class="list" style="width: 600px; max-width: 600px; height: 100%">
                <caption>Global counters</caption>
                <thead>
                <tr>
                    <th>PASSED</th>
                    <th>SKIPPED</th>
                    <th>FAILED</th>
                    <th>FAILED_BUG</th>
                    <th>TOTAL</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="passed"  style="text-align: center; font-size: 17px; font-weight: bold;"><span id="total_passed">0</span></td>
                    <td class="skipped" style="text-align: center; font-size: 17px; font-weight: bold;"><span id="total_skipped">0</span></td>
                    <td class="failed"  style="text-align: center; font-size: 17px; font-weight: bold;"><span id="total_failed">0</span></td>
                    <td class="failed_bug"  style="text-align: center; font-size: 17px; font-weight: bold;"><span id="total_failed_bug">0</span></td>
                    <td class="label_value" style="text-align: center; font-size: 17px; font-weight: bold;"><span id="total">0</span></td>
                </tr>
                </tbody>
            </table>

            <br>

            <table id="global_duration" class="list" style="width: 600px; max-width: 600px; height: 100%">
                <tbody>
                <tr>
                    <td class="label">Global duration</td>
                    <td class="label_value"><span id="global_duration_value">0 sec</span></td>
                </tr>
                </tbody>
            </table>

        </td>



        <td class="no_spacing" style="width: 1170px; max-width: 1170px;">
            
            <table>
                <caption>Real time</caption>
                <tbody>
                <tr>
                    <td class="label">RTT latency</td>
                    <td class="label_value"><strong><span id="ping-pong">connecting...</span></strong></td>
                    <td class="label">cycle | meID/tID</td>
                </tr>
                <tr>
                    <td class="label">Package</td>
                    <td class="label_value"><span id="package_name">package name</span></td>
                    <td><span id="package_cycle">1</span></td>
                </tr>
                <tr>
                    <td class="label">Suite</td>
                    <td class="label_value"><span id="suite_name">suite name</span></td>
                    <td><span id="suite_cycle">1</span></td>
                </tr>
                <tr>
                    <td class="label">Testname</td>
                    <td class="label_value"><strong><span id="test_name">test name</span></strong></td>
                    <td><span id="test_cycle">1</span></td>
                </tr>
                <tr>
                    <td class="label">Usecase</td>
                    <td class="label_value"><span id="test_usecase">test usecase</span></td>
                    <td><span id="meid_tid">0 / 0</span></td>
                </tr>
                <tr>
                    <td class="label">Test description</td>
                    <td class="label_value" colspan="2"><span id="test_comment">test description</span></td>
                </tr>
                <tr>
                    <td class="label_value" colspan="3"><em><span id="status_message">status message</span></em></td>
                </tr>
                <tr>
                    <td colspan="3"><div id="test_output" class="log" style="width:1160px; max-width: 1170px; height: 450px; overflow: auto;"></div></td>
                </tr>
                </tbody>
            </table>
            
        </td>
    </tr>
    </tbody>
</table>


<table id="rm_selected_tests" class="list" style="width: 1820px; max-width: 1820px;">
    <caption>Selected Tests</caption>
    <thead>
    <tr>
        <th>meid</th>
        <th>Package</th>
        <th>Sp</th>
        <th>Suite</th>
        <th>Tp</th>
        <th>Test</th>
        <th>Level</th>
        <th>TAGs</th>
        <th>Features</th>
        <th>Number</th>
        <th>Test description</th>
    </tr>
    </thead>
    <tbody></tbody>
</table>

<br>

<div style="width: 1820px; max-width: 1820px; overflow: auto;">
    <table id="ended_tests" class="list" style="width: 100%; height: 100%">
        <caption>Ended tests</caption>
        <thead>
        <tr>
            <th>meid</th>
            <th>Package</th>
            <th>Suite</th>
            <th>Test</th>
            <th>tid</th>
            <th>Usecase</th>
            <th>Status</th>
            <th>Duration</th>
            <th>End reason</th>
        </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>

<br>

<a id="test_log_output"></a>
<div id="test_log" class="log" style="width: 1800px; max-width: 1800px; height: 800px; max-height: 800px; overflow: auto;"></div>



</body>
</html>