{% extends "::baseAjax.html.twig" %}
{% block ajax_body %}
<div class="fade in" id="order-invoice-report" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">x</button>
		        <h4 class="modal-title" id="myModalLabel">{{ 'order.order_invoice'|trans }}</h4>
		      </div>
		      <div class="modal-body">

				<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 14px;word-break: keep-all;">
						<tbody>
							<tr>
								<td align="left" valign="top">
									<table cellspacing="0" cellpadding="0" border="0" width="100%">
										<tr>
											<td align="left" valign="top">
												<a href="{{ url('office_brain_page_homepage_view') }}">
												<img src="{{ asset(ob_project_assets_base_url) }}/images/logo.png" width="280"> 
												</a>
											</td>
											<td align="center" valign="top" style="font-size: 14px;text-transform: uppercase; padding: 10px; font-weight: bold;">
												<span style="text-transform: uppercase; font-size: 20px; font-weight: bold; padding-bottom: 20px; display: inline-block;">{{ 'order.order_invoice'|trans }}</span> 
												<br>
												{{ 'aakron_theme.order_invoice.rulecorp'|trans({},'aakron') }}
												
												<br>
												{{ 'aakron_theme.order_invoice.add1'|trans({},'aakron') }}
												<br>
												{{ 'aakron_theme.order_invoice.phonefax'|trans({},'aakron') }}
												
											</td>
											<td align="center" valign="top" style="font-size: 14px; text-transform: uppercase; padding: 10px; font-weight: bold;">
												{{ 'aakron_theme.order_invoice.inv_no'|trans({},'aakron') }} {% block api_orderinvoice_reprot_InvoiceNumber %}{% endblock api_orderinvoice_reprot_InvoiceNumber %} 
												<br>
												{{ 'aakron_theme.order_invoice.date1'|trans({},'aakron') }}
												 
												<br>
												<span style="background-color: red; color: #fff">{{ 'aakron_theme.order_invoice.please'|trans({},'aakron') }}</span>
												<br>
												{{ 'aakron_theme.order_invoice.rulecorp'|trans({},'aakron') }}
												<br>
												
												{{ 'aakron_theme.order_invoice.add2'|trans({},'aakron') }}
												<br>
												{{ 'aakron_theme.order_invoice.add3'|trans({},'aakron') }}
											</td>
										</tr>
									</table>
								</td>
					  		</tr> 
					  		<tr>
								<td align="left" valign="top" height="40px;"></td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top">
									<table cellspacing="0" cellpadding="0" border="0" width="100%">
										<tr>
											<td align="left" valign="top">
												<table cellspacing="0" cellpadding="0" border="0" width="100%">
													<tr>
														<td align="left" valign="top" style="font-weight: bold; padding-bottom: 5px;">
															{{ 'aakron_theme.order_invoice.custno'|trans({},'aakron') }}: {% block api_orderinvoice_reprot_CustomerNumber %}{% endblock api_orderinvoice_reprot_CustomerNumber %}
														</td>
													</tr>
													<tr>
														<td align="left" valign="top">
															<table cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; border: 1px solid #000;">
																<tr>
																	<td align="left" valign="top" style="padding: 5px;">
																		S <br> O<br> L <br> D <br> T <br> O
																	</td>
																	<td align="left" valign="top" style="padding: 5px;">
																		{% block api_orderinvoice_reprot_SoldToName %}{% endblock api_orderinvoice_reprot_SoldToName %}
																		<br>
																		{% block api_orderinvoice_reprot_SoldToAddress1 %}{% endblock api_orderinvoice_reprot_SoldToAddress1 %}
																		
																		<br>
																		{% block api_orderinvoice_reprot_SoldToCity %}{% endblock api_orderinvoice_reprot_SoldToCity %}
																		
																		<br>
																		{% block api_orderinvoice_reprot_SoldToState %}{% endblock api_orderinvoice_reprot_SoldToState %}
																		
																		<br>
																		{% block api_orderinvoice_reprot_SoldToZip %}{% endblock api_orderinvoice_reprot_SoldToZip %}
																		
																	</td>
																</tr>
															</table>
														</td>
													</tr>
												</table>
											</td>
											<td align="left" valign="top" width="100"> </td>
											<td align="left" valign="top">
												<table cellspacing="0" cellpadding="0" border="0" width="100%">
													<tr>
														<td align="left" valign="top" style="font-weight: bold; padding-bottom: 5px;">Terms: Net {{ recordSet.CustomerTerms }} Days</td>
													</tr>
													<tr>
														<td align="left" valign="top">
															<table cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse: collapse; border: 1px solid #000;">
																<tr>
																	<td align="left" valign="top" style="padding: 5px;"> S <br> H <br> I <br> P <br> T <br> O
																	</td>
																	<td align="left" valign="top" style="padding: 5px;">
																		
																		{% block api_orderinvoice_reprot_ShipToName %}{% endblock api_orderinvoice_reprot_ShipToName %} 
																		<br>
																		{% block api_orderinvoice_reprot_ShipToAddress1 %}{% endblock api_orderinvoice_reprot_ShipToAddress1 %}
																		<br>
																		{% block api_orderinvoice_reprot_ShipToAddress2 %}{% endblock api_orderinvoice_reprot_ShipToAddress2 %}
																		<br>
																		{% block api_orderinvoice_reprot_ShipToCity %}{% endblock api_orderinvoice_reprot_ShipToCity %}
																		<br>
																		{% block api_orderinvoice_reprot_ShipToState %}{% endblock api_orderinvoice_reprot_ShipToState %}
																		<br>
																		{% block api_orderinvoice_reprot_ShipToZip %}{% endblock api_orderinvoice_reprot_ShipToZip %}
																		
																		<br>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" height="20px;"></td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top">
									<table cellspacing="0" cellpadding="0" border="1" width="100%" style="border-collapse: collapse; font-weight: bold;">
										<tr>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.ourorder'|trans({},'aakron') }}</td>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.daterec'|trans({},'aakron') }}</td>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.custorderno'|trans({},'aakron') }}</td></td>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.dateshipped'|trans({},'aakron') }}</td>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.shipvia'|trans({},'aakron') }}</td>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.terms'|trans({},'aakron') }}</td>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.shippoint'|trans({},'aakron') }}</td>
										</tr>
										<tr>
											<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_OurOrder %}{% endblock api_orderinvoice_reprot_OurOrder %}</td>
											<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_DateRecieved %}{% endblock api_orderinvoice_reprot_DateRecieved %}</td>
											<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_CustomerOrderNo %}{% endblock api_orderinvoice_reprot_CustomerOrderNo %}</td>
											<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_DateShipped %}{% endblock api_orderinvoice_reprot_DateShipped %}</td>
											<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_ShippedVia %}{% endblock api_orderinvoice_reprot_ShippedVia %}</td>
											<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_FreightTerms %}{% endblock api_orderinvoice_reprot_FreightTerms %}</td>
											<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_ShipPoint %}{% endblock api_orderinvoice_reprot_ShipPoint %}</td>
										</tr>
									</table>
								</td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" height="20px;"></td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top">
									<table cellspacing="0" cellpadding="0" border="1" width="100%" style="border-collapse: collapse;">
										<tr>
											<td align="center" valign="top" style="padding: 5px"><b>{{ 'aakron_theme.order_invoice.orderqty'|trans({},'aakron') }}</b></td>
											<td align="center" valign="top" style="padding: 5px"><b>{{ 'aakron_theme.order_invoice.shipqty'|trans({},'aakron') }}</b></td>
											<td align="center" valign="top" style="padding: 5px"><b>{{ 'aakron_theme.order_invoice.ouritem'|trans({},'aakron') }}</b></td>
											<td align="center" valign="top" style="padding: 5px"><b>{{ 'aakron_theme.order_invoice.description'|trans({},'aakron') }}</b></td>
											<td align="center" valign="top" style="padding: 5px"><b>{{ 'aakron_theme.order_invoice.color'|trans({},'aakron') }}</b></td>
											<td align="center" valign="top" style="padding: 5px"><b>{{ 'aakron_theme.order_invoice.price'|trans({},'aakron') }}</b></td>
											<td align="center" valign="top" style="padding: 5px"><b>{{ 'aakron_theme.order_invoice.amount'|trans({},'aakron') }}</b></td>
										</tr>
										{% set total = 0 %}	
										{% if (recordSet.Items.ItemDetails) | length > 0  %}
										
											{% for index in recordSet.Items.ItemDetails %}
											
												<tr>
													<td align="center" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_QuantityOrdered %}{% endblock api_orderinvoice_reprot_QuantityOrdered %}</td>
													<td align="center" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_QuantityShipped %}{% endblock api_orderinvoice_reprot_QuantityShipped %}</td>
													<td align="center" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_ItemNumber %}{% endblock api_orderinvoice_reprot_ItemNumber %}</td>
													<td align="center" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_ItemDescription %}{% endblock api_orderinvoice_reprot_ItemDescription %}</td>
													<td align="center" valign="top" style="padding: 5px">{% if (index.ItemColor) | length > 1 %} {% block api_orderinvoice_reprot_ItemColor %}{% endblock api_orderinvoice_reprot_ItemColor %} {% endif %}</td>
				{# 									<td align="right" valign="top" style="padding: 5px">{% if (index.ItemColor) | length > 0 %} {{ index.ItemColor }} {% endif %}</td>#}
													<td align="right" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_Price %}{{ index.Price }}{% endblock api_orderinvoice_reprot_Price %}</td>
													<td align="left" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_Amount %}{% endblock api_orderinvoice_reprot_Amount %}</td>
												</tr>
												{% set total = total + index.Amount %}
											{% endfor %}
										{% endif %}
										<tr>
											<td align="center" valign="top" style="padding: 5px"> </td>
											<td align="center" valign="top" style="padding: 5px"> </td>
											<td align="center" valign="top" style="padding: 5px"> </td>
											<td align="left" valign="top" style="padding: 5px"> </td>
											<td align="center" valign="top" style="padding: 5px"> </td>
											<td align="right" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.freight'|trans({},'aakron') }} <br>{{ 'aakron_theme.order_invoice.total'|trans({},'aakron') }}</td>
											<td align="right" valign="top" style="padding: 5px">{% block api_orderinvoice_reprot_Freight %}{% endblock api_orderinvoice_reprot_Freight %} <br> ${% block api_orderinvoice_reprot_ItemAmountTotal %}{% endblock api_orderinvoice_reprot_ItemAmountTotal %}</td>
										</tr>
										
										
									</table>
								</td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" height="20px;"></td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" style="font-size: 12px;">
									{{ 'aakron_theme.order_invoice.content1'|trans({},'aakron') }}
								</td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" height="20px;"></td>
					  		</tr>
					  		<tr>
								<td align="center" valign="top">
									{{ 'aakron_theme.order_invoice.content2'|trans({},'aakron') }} <br>
									{{ 'aakron_theme.order_invoice.content3'|trans({},'aakron') }} <br>
									{{ 'aakron_theme.order_invoice.content4'|trans({},'aakron') }} <br><br>
									<span style="font-size: 16px; font-weight: bold; display: block; padding-bottom: 15px;">{{ 'aakron_theme.order_invoice.invoicecopy'|trans({},'aakron') }}</span>
									<span style="font-size: 16px; font-weight: bold; display: block;">{{ 'aakron_theme.order_invoice.website'|trans({},'aakron') }}</span>
									<span>{{ 'aakron_theme.order_invoice.checkorder'|trans({},'aakron') }}{% block api_orderinvoice_reprot_custnumber %}{% endblock api_orderinvoice_reprot_custnumber %}<br>
									{{ 'aakron_theme.order_invoice.updateweek'|trans({},'aakron') }}<br>
									{{ 'aakron_theme.order_invoice.fasttrack'|trans({},'aakron') }}</span>
								</td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" height="20px;"></td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" height="20px;">
									<table cellspacing="0" cellpadding="0" border="0" width="100%" >
										<tr>
											<td align="left" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.content5'|trans({},'aakron') }}<br>{{ 'aakron_theme.order_invoice.content6'|trans({},'aakron') }}</td>
											<td align="right" valign="top" style="padding: 5px">{{ 'aakron_theme.order_invoice.copy'|trans({},'aakron') }}</td>
										</tr>
									</table>
								</td>
					  		</tr>
					  		<tr>
								<td align="left" valign="top" height="20px;"></td>
					  		</tr>
					  		<tr>
								<td align="center" valign="top">
									<button id="printmodal">{{ 'aakron_theme.order_invoice.print'|trans({},'aakron') }}</button>
								</td>
					  		</tr>
					</tbody>
				</table>
	 		</div>
		</div>
	</div>
</div>
 <iframe id="printframe"/>
{% endblock ajax_body %}