{% extends 'logs_viewer/base.html' %}


{% block content %}
    <h1>{{ object.name}}</h1>
    <ul class="nav nav-tabs" role="tablist">
        {% for log in logs %}
            <li role="presentation"><a href="#{{ log.name }}" aria-controls="{{ log.name }}" role="tab" data-toggle="tab">{{ log.name | capfirst }}</a></li>
        {% endfor %}
    </ul>
        <div class="tab-content">
    {% for log in logs %}
            <div role="tabpanel" class="tab-pane" id="{{ log.name }}">
                {% for line in log.content %}
                    {{ line }}
                <br>
                {% endfor %}
            </div>
    {% endfor %}
        </div>

    <script type="text/javascript">
        $(document).ready(
            $('#myTabs a:first').tab('show');

            $('#tabs a').click(function(e) {
                e.preventDefault();
                $(this).tab('show');
            });
        );
    </script>
{% endblock content %}