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

{% 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">Cargo</h4>
	                        <h3 class="title pull-right"><a href="{{ path('generate_release_from_cargo', {'id': cargo.id})}}">Generate Release</a></h3>
	                        <h4 class="title"><a href="{{ path('subCargo', {'id': cargo.id}) }}">Add</a></h4>
	                    </div>
	                    <div class="content table-responsive table-full-width">
                                <table class="table table-hover">
									<tr>
										<td scope="row">Seller</td>
										<td>{{ cargo.seller }}</td>
									</tr>
									<tr>
										<td scope="row">Product</td>
										<td>{{ cargo.product }}</td>
									</tr>
									<tr>
										<td scope="row">Initial Quantity</td>
										<td>
											{{ cargo.initial|number_format }}
										</td>
									</tr>
									<tr>
										<td scope="row">Total Quantity</td>
										<td>
											{{ cargo.quantity|number_format }}
										</td>
									</tr>
									<tr>
										<td scope="row">Date</td>
										<td>{{ cargo.date|date('d-m-Y') }}</td>
									</tr>
									<tr>
										<td scope="row">Unreleased</td>
										<td>
											{{ unreleased|number_format }}
										</td>
									</tr>

									<tr>
										<td scope="row">Unloaded</td>
										<td>
											{{ unloaded|number_format }}
										</td>
									</tr>
                                </table>

                        </div>
	                </div>
	            </div>
	            <div class="col-md-12">
	                <div class="card">
	                    <div class="header">
	                        <h4 class="title">Add-ons</h4>
	                    </div>
	                    <div class="content table-responsive table-full-width">
                                <table class="table table-hover subcargo">
                                    <thead>
                                        <tr>
							              <th>ID</th>
							              <th>Quantity</th>
							              <th>Date</th>
							              <th>Actions</th>
							            </tr>
                                    </thead>
                                    <tbody>
                                        {% for item in subcargo %}
											<tr class="tableRow">
								              <td>{{ item.id }}</td>
								              <td>
								              	{{ item.quantity|number_format }}
								              </td>
								              <td>{{ item.date }}</td>
								              <td><a href="{{ path('deleteSubCargo', {'cargo': cargo.id, 'subcargo': item.id }) }}"><i class="fa fa-trash"></i></a></td>
								            </tr>
										{% endfor %}
                                    </tbody>
                                </table>
                        </div>
	                </div>
	            </div>
	            <div class="col-md-12">
	                <div class="card">
	                    <div class="header">
	                        <h4 class="title">Release Orders</h4>
	                    </div>
	                    <div class="content table-responsive table-full-width">
                                <table class="table table-hover release">
                                    <thead>
                                        <tr>
							              <th>ID</th>
							              <th>Customer</th>
							              <th>Quantity</th>
							              <th>Bank</th>
							              <th>Date</th>
							              <th>Status</th>
							              <th>Action</th>
							            </tr>
                                    </thead>
                                    <tbody>
                                        {% for item in release %}
											<tr>
								              <td>{{ item.id }}</td>
								              <td>{{ item.customer }}</td>
								              <td>
								              	{{ item.quantity|number_format }}
								              </td>
								              <td>{{ item.bank }}</td>
								              <td>{{ item.date }}</td>
								              <td>{% if item.isLoaded %}Loaded{% endif %}</td>
								              <td><a href="{{ path('viewRelease', {'id': item.id}) }}">View Release Order</a></td>
								            </tr>
										{% endfor %}
                                    </tbody>
                                </table>
                        </div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
{% endblock %}

{% block javascript %}
	<script>
		$(document).ready(function() {
		    $('.subcargo, .release').DataTable();
		});
	</script>
{% endblock %}