{% extends 'base.html.twig' %}

{% block title %}Ward Consumption{% endblock %}

{% block content %}
  <div class="kt-subheader kt-grid__item"></div>

  <div class="kt-container kt-grid__item kt-grid__item--fluid">
    <div class="kt-portlet kt-portlet--mobile">
      <div class="kt-portlet__head kt-portlet__head--lg">
        <div class="kt-portlet__head-label">
          <h3 class="kt-portlet__head-title">Ward Consumption</h3>
        </div>
      </div>

      <div class="kt-portlet__body">
        <table class="table table-striped table-bordered table-hover">
          <thead>
            <tr>
              <th width="5%">Sr. No.</th>
              <th>Material</th>
              <th>Case ID</th>
              <th width="5%">Quantity</th>
              <th width="10%">Date</th>
            </tr>
          </thead>
          <tbody>
            {% for ward_consumption in ward_consumptions %}
              <tr>
                <td class="text-right">{{ loop.index }}</td>
                <td>{{ ward_consumption.material }}</td>
                <td>{{ ward_consumption.case }}</td>
                <td class="text-right">{{ ward_consumption.qty }}</td>
                <td class="text-right">{{ ward_consumption.consumedAt|date('d/m/Y') }}</td>
              </tr>
            {% else %}
              <tr>
                <td colspan="5" class="text-center">No records found</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>

        {{ include('parts/pagination.html.twig', {'lastPage': last_page}) }}
      </div>
    </div>
  </div>
{% endblock %}