<div class="row">
    <div class="col-md-6">
        <h3 class="text-center">Arguments by run number</h3>
        <div class="row" id="current_arguments_by_run">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="card-title">Current Arguments</div>
                    </div>
                    <div class="card-body">
                            {% if current_arguments.arguments %}
                                {% include "snippets/arguments.html" with arguments=current_arguments instrument=instrument csrf_token=csrf_token upcoming=False only %}
                            {% else %}
                                <h4>No current arguments found</h4>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        <div class="row" id="upcoming_arguments_by_run">
            <div class="col-md-12">
        {% if upcoming_arguments_by_run %}
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title">Upcoming Arguments</div>
                        </div>
                        <div class="card-body zebra-rows">
                            {% for upcoming_args in upcoming_arguments_by_run %}
                                {% include "snippets/arguments.html" with arguments=upcoming_args instrument=instrument csrf_token=csrf_token upcoming=True only %}
                            {% endfor %}
                        </div>
                    </div>
                {% else %}
                    <h4>No upcoming arguments found</h4>
                {% endif %}
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <h3 class="text-center">Arguments by experiment reference number</h3>
        <div class="row" id="upcoming_arguments_by_experiment">
        {% if upcoming_arguments_by_experiment %}
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title">Upcoming Arguments</div>
                        </div>
                        <div class="card-body zebra-rows">
                            {% for upcoming_args in upcoming_arguments_by_experiment %}
                                {% include "snippets/arguments.html" with arguments=upcoming_args instrument=instrument csrf_token=csrf_token only %}
                            {% endfor %}
                        </div>
                    </div>
                </div>
                {% else %}
                <div class="col-md-12 text-center">
                    <h4>No arguments found</h4>
                </div>
            </div>
        {% endif %}
    </div>
</div>
