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

{% block content %}
	<style type="text/css">
		.d-flex {
			display: flex;
			justify-content: space-between;
		}

		div.row>div.col-md-2>h3 {
			color: purple;
		}
	</style>
	<div class="content">
	    <div class="container-fluid">
	        <div class="row">
	            <div class="col-md-12">
	                <div class="card">
	                    <div class="header">
	                        <h4 class="title">Release Order</h4>
	                        {% if editable %}
								<div class="d-flex">
									<h3><a href="{{ path('viewCargo', {'id': release.cargo.id, 'product': release.cargo.product}) }}">Cargo</a></h3>
									<h3><a href="{{ path('editRelease', {'id': release.id}) }}">Edit Release Order</a></h3>
									<h3><a href="{{ path('deleteRelease', {'id': release.id}) }}">Delete</a></h3>
								</div>
                                    <h3 style="text-align: center;"></h3>
                              {% endif %}
	                    </div>
	                    <div class="content">
	                    	<div class="row">
                        		<div class="col-md-2 col-xs-6">
                        			<h3>Number: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.id }}</h3>
                        		</div>
								<div class="col-md-2 col-xs-6">
                        			<h3>Vendor: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.cargo.seller }}</h3>
                        		</div>
                        	</div>
	                    	<div class="row">
                        		<div class="col-md-2 col-xs-6">
                        			<h3>Customer: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.customer }}</h3>
                        		</div>
                        		<div class="col-md-2 col-xs-6">
                        			<h3>Product: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.cargo.product }}</h3>
                        		</div>
                        	</div>
                        	<div class="row">
                        		<div class="col-md-2 col-xs-6">
                        			<h3>Quantity: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.quantity|number_format }}</h3>
                        		</div>
                        		<div class="col-md-2 col-xs-6">
                        			<h3>Depot: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.depot.name ?? '' }}</h3>
                        		</div>
                        	</div>
                        	<div class="row">
                        		<div class="col-md-2 col-xs-6">
                        			<h3>Date: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.date }}</h3>
                        		</div>
                        		<div class="col-md-2 col-xs-6">
                        			<h3>Bank: </h3>
                        		</div>
                        		<div class="col-md-4 col-xs-6">
                        			<h3>{{ release.bank }}</h3>
                        		</div>
                        	</div>
                              <div class="row">
                                    <div class="col-md-2 col-xs-6">
                                          <h3>Balance: </h3>
                                    </div>
                                    <div class="col-md-4 col-xs-6">
                                          <h3>
                                                {{ (release.quantity - total)|number_format }}
                                          </h3>
                                    </div>
                              </div>
                        	<div class="row">
                        		<div class="col-md-2">
                        			<h3>Ordered By: </h3>
                        		</div>
                        		<div class="col-md-2">
                        			<h3 class="sign">
							     {% if release.signoneid %}
                                                      {{ release.signoneid.name }}

                                                {% elseif release.signthreeid and (app.user.name == release.signthreeid.name) %}
                                                {% else %}
                                                      <a href="{{ path('signRelease', {'id': release.id, 'sign': 'ordered'}) }}">Click to Sign</a>
                                                {% endif %}
                                          </h3>
                        		</div>
                        		<div class="col-md-2">
                        			<h3>Authorised By: </h3>
                        		</div>
                        		<div class="col-md-2">
                        			<h3 class="sign">
						            {% if release.signtwoid %}
                                                      {{ release.signtwoid.name }}
                                                {% elseif app.user.role == 'MANAGEMENT' %}
                                                      <a href="{{ path('signRelease', {'id': release.id, 'sign': 'authorised'}) }}">Click to Sign</a>
                                                {% endif %}
                                          </h3>
                        		</div>
                        		<div class="col-md-2">
                        			<h3>Released By: </h3>
                        		</div>
                        		<div class="col-md-2">
                        			<h3 class="sign">
                                                {% if release.signthreeid %}
                                                      {{ release.signthreeid.name }}
                                                {% elseif release.signoneid and (app.user.name == release.signoneid.name) %}
                                                {% else %}
                                                      <a href="{{ path('signRelease', {'id': release.id, 'sign': 'released'}) }}">Click to Sign</a>
                                                {% endif %}
                                          </h3>
                        		</div>
                        	</div>
                        </div>
	                </div>
	            </div>
	            <div class="col-md-12">
	                <div class="card">
	                    <div class="header">
	                        <h4 class="title">Loaded</h4>
	                    </div>
	                    <div class="content table-responsive table-full-width">
                                <table class="table table-hover">
                                    <thead>
                                          <tr>
						           <th>Truck Number</th>
                                               <th>Quantity</th>
                                               <th>Date</th>
                                               <th>Waybill</th>
                                               <th>Details</th>
                                               <th>Rep</th>
                                               <th>Action</th>
                                          </tr>
                                    </thead>
                                    <tbody>
                                        {% for item in load %}
								<tr>
      							     <td>{{ item.truck }}</td>
                                                      <td>{{ item.quantity|number_format }}</td>
                                                      <td>{{ item.date }}</td>
                                                      <td>{{ item.waybill }}</td>
                                                      <td>{{ item.details }}</td>
                                                      <td>{{ item.user.name }}</td>
                                                      {% if app.user and app.user.role == 'MANAGEMENT' %}
                                                          <td><a href="{{ path('deleteload', {'id': item.id}) }}">Delete</a></td>
                                                      {% endif %}
                                                </tr>
							{% endfor %}
                                    </tbody>
                                </table>
                        </div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
{% endblock %}