{% if orders|length > 0 %}
<div class="card content-data-count " data-count="{{ orders|length }}" >
    <div class="card-header bg-navy " style="padding: 0.5rem;">
        <h3 class="card-title" style=" font-weight: bold;  float: unset;     text-align: center;" >Old orders</h3>
    </div>
    <!-- /.card-header -->
    <div class="card-body p-0">
        <table class="table table-sm">
            <thead class="bg-navy">
            <tr>
                <th style="width: 10px">#</th>
                <th>Shipping Status</th>
                <th>Date</th>
                <th>Link</th>
            </tr>
            </thead>
            <tbody>
            {% set index = 1 %}
            {% for order in orders %}
            <tr class="bg-{{ jaxStatus[order.shippingStatus] | default('') }}">
                <td>{{ index }}.</td>
                <td>{{ order.shippingStatus }} </td>
                <td>{{ order.createdAt|date("d/m/Y") }} </td>
                <td>
                    {% if order.batch %}
                    <a  target="_blank" rel="noopener, noreferrer" class="btn btn-primary btn-sm "  href="{{  path('app_admin_power_batch_order_details', {'id' : order.id, 'batch': order.batch.id })  }}">
                        <i class="fas fa-external-link-alt"> </i>
                    </a >
                    {% endif %}
                </td>
            </tr>
                {% set index = index + 1 %}
            {% endfor %}
            </tbody>
        </table>
    </div>
    <!-- /.card-body -->
</div>
{% endif %}
{% if lines|length > 0 %}
    <div class="card content-data-count " data-count="{{ lines|length }}" >
        <div class="card-header bg-navy" style="padding: 0.5rem;">
            <h3 class="card-title" style=" font-weight: bold;  float: unset;     text-align: center;" >Old lines</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body p-0">
            <table class="table table-sm">
                <thead class="bg-navy">
                <tr>
                    <th style="width: 10px">#</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th>Live</th>
                </tr>
                </thead>
                <tbody>
                {% set index = 1 %}
                {% for line in lines %}
                    <tr class="bg">
                        <td>{{ index }}.</td>
                        <td>{{ line.status.name }} </td>
                        <td>{{ line.createdAt|date("d/m/Y") }} </td>
                        <td>
                            {% if line.live %}
                                <a  target="_blank" rel="noopener, noreferrer" class="btn btn-secondary btn-sm  " href="{{  path('app_admin_power_live_batches_details', {'id' : line.live.id  })  }}#line-{{ line.id }}">
                                    <i class="fas fa-external-link-alt"> </i>
                                </a >
                            {% endif %}
                        </td>
                    </tr>
                    {% set index = index + 1 %}
                {% endfor %}
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
{% endif %}