<!DOCTYPE html>

{% extends "base.html" %}
{% block pagename %}mobilepage{% endblock %}
{% block title %}{{ job.id }} - {{ job.name }}{% endblock %}
{% block navigation %}

{% include "navigation-common.html" with pagename='mobilepage' %}

{% endblock %}

{% block sort %}

{% endblock %}

{% block body %}

<div class="container-fluid">

	<span id="global-job-number" style="display:none;" data-job="{{ job.id }}"></span>
	<span id="global-test-id" style="display:none;" data-testid="{{ job.test_id }}"></span>
	<span id="global-task" style="display:none;" data-task="{{ job.task }}"></span>

    <div class="card">
        <div class="card-header" style="padding-bottom: 0;">
            {% include "mobile/meta.html" %}
            <ul class="nav nav-tabs card-header-tabs">
                <li class="nav-item"><a class="nav-link active" data-toggle="tab" data-tabname="quantiles" id="quantiles_tab_tab" href="#quantiles_tab_panel">Квантили</a></li>
                <li class="nav-item"><a class="nav-link" data-toggle="tab" data-tabname="fragments" id="fragments_tab_tab" href="#fragments_tab_panel">Фрагменты</a></li>
                <li class="nav-item"><a class="nav-link" data-toggle="tab" data-tabname="raw" id="raw_tab_tab" href="#raw_tab_panel">Raw</a></li>
            </ul>
        </div>
        <div class="card-block">
            {% include "mobile/tabpanel.html" %}
        </div>
    </div>

</div>

{% endblock %}