{% extends 'base2.html.twig' %}
{% block sidemenu %}
	<li class="active" id="home">
	    <a href="{{ path('home') }}">
	        <p>Home</p>
	    </a>
	</li>
{% endblock %}

{% block content %}
	<div class="content">
	    <div class="container-fluid">
	        <div class="row">
	            <div class="col-md-12">
	                <div class="card">
	                    <div class="header">
	                        <h4 class="title">Loading List</h4>
	                    </div>
	                    <div class="content table-responsive table-full-width">
                                <table class="table datatable table-hover" id="loading">
                                    <thead>
                                        <tr>
							              <th>Truck Number</th>
							              <th>Quantity</th>
							              <th>Date</th>
							              <th>Details</th>
							              <th>Waybill</th>
							              <th>Actions</th>
							            </tr>
                                    </thead>
                                    <tbody>
                                        {% for item in load %}
											<tr>
												<td>{{ item.truck }}</td>
												<td>{{ item.quantity }}</td>
												<td>{{ item.date }}</td>
												<td>{{ item.details }}</td>
												<td>{{ item.waybill }}</td>
												<td><a href="{{ path('editLoad', {'id': item.id}) }}">Edit</a></td>
											</tr>
										{% endfor %}
                                    </tbody>
                                </table>

                        </div>
	                </div>
	            </div>

	            
	        </div>
	    </div>
	</div>
{% endblock %}