{% apply inline_css(source('@styles/email.css')) %}
<!-- TOP MAIL -->
<div class="main-page">
	<table class="table-testata-0 width-100pc">
		<tr>
			<td>
				<table class="table-testata-1 width-100pc">
					<tr>
						<td width="65%" valign="top">
							<div class="div-testata-sx">
								{{ 'richiesta del:'|trans }}
								<i class="fas fa-calendar-day"></i>
								{{ dt_acquisition|date('d/m/Y') }}
								<br/>
								{{ 'congruity.report'|trans }}
								-
								{{ macchina.Luogo.Descrizione }}
							</div>
						</td>
						<td width="1%">&nbsp;</td>
						<td class="td-table-testata-dx">
							<a href="https://www.c4rgo.com">
								<img alt="DS-C4RGO - Logistic Advanced Automation" border="0" height="40" max-width="180" 
								     src="{{ email.image('@images/loghi_aziende/' ~ produttore.logo) }}" 
								     alt="{{ produttore.ragionesociale }}" title="{{ produttore.ragionesociale }}">
							</a>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>
<!-- //TOP MAIL -->

<div class="main-page">
	<img src="{{ email.image('@emailimages/TOP-NO-CONGRUITY.jpg') }}" class="main-logo" alt="Logo">
	<br/><br/>
	
	<div class="width-100pc">
		Spett.le {{ macchina.luogo.azienda.ragionesociale }},<br/>
		Alla C.A. {{ macchina.luogo.azienda.nome }}<br/><br/><br/>

		SEGNALAZIONE DI NON CONFORMITÀ codice {{ code }}
	</div>
	<br/>



	{% if info %}
		<!-- RIASSUNTO PROBLEMI DI CONGRUITÀ -->
		<div class="width-100pc">
			<h3 style="color: #d32f2f; margin-bottom: 15px;">Problemi di Congruità Rilevati</h3>
			
			{% set congruityIssues = [] %}
			{% set c = info.c|default(1) %}
			
			{# Configura i controlli di congruità #}
			{% set congruityConfig = [
				{ 
					'key': 'Inbound', 
					'label': 'Volume', 
					'unit': 'm³',
					'usePercentageCheck': true 
				},
				{ 
					'key': 'Netweight', 
					'label': 'Peso', 
					'unit': 'Kg',
					'usePercentageCheck': true 
				},
				{ 
					'key': 'ncolli', 
					'label': 'Numero pezzi', 
					'unit': 'pz',
					'usePercentageCheck': false 
				},
				{ 
					'key': 'box', 
					'label': 'Box', 
					'unit': 'box',
					'usePercentageCheck': false 
				}
			] %}
			
			{# Aggiungi dimensioni solo se c == 1 #}
			{% if c == 1 %}
				{% set congruityConfig = congruityConfig|merge([
					{ 
						'key': 'HPackage', 
						'label': 'Altezza', 
						'unit': 'cm',
						'usePercentageCheck': true 
					},
					{ 
						'key': 'LPackage', 
						'label': 'Lunghezza', 
						'unit': 'cm',
						'usePercentageCheck': true 
					},
					{ 
						'key': 'WPackage', 
						'label': 'Larghezza', 
						'unit': 'cm',
						'usePercentageCheck': true 
					}
				]) %}
			{% endif %}
			
			{% set hasIssues = false %}
			
			<ul style="list-style-type: none; padding-left: 0; margin: 0;">
				{% for config in congruityConfig %}
					{% set diff = attribute(info, config.key ~ 'Diff')|default(0) %}
					{% set diffPerc = config.key == 'ncolli' ? info.colliDiffPerc|default(0) : attribute(info, config.key ~ 'DiffPerc')|default(0) %}
					
					{% set hasIssue = false %}
					{% if config.usePercentageCheck %}
						{% set hasIssue = (diffPerc|abs) > 5 %}
					{% else %}
						{% set hasIssue = diff != 0 %}
					{% endif %}
					
					{% if hasIssue and diff > 0 %}
						{% set hasIssues = true %}
						<li style="margin-bottom: 8px; padding: 8px; background-color: #ffebee; border-left: 4px solid #d32f2f;">
							<strong>{{ config.label|trans }}</strong>
							{% if config.unit != 'pz' and config.unit != 'box' %}
								<span style="color: #d32f2f;">superiore</span> del 
								<strong>{{ (diffPerc|abs)|number_format(0) }}%</strong>
								[{{ diff > 0 ? '+' : '-' }}{{ (diff|abs)|number_format(config.unit == 'pz' or config.unit == 'box' ? 0 : 2) }} {{ config.unit }}]
							{% else %}
								: <span style="color: #d32f2f;">+{{ diff|number_format(0) }} {{ config.unit }}</span> di differenza
							{% endif %}
						</li>
					{% endif %}
				{% endfor %}
			</ul>
			
			{% if not hasIssues %}
				<div style="background-color: #e8f5e8; color: #2e7d32; padding: 12px; border-radius: 4px; border-left: 4px solid #4caf50;">
					<strong>✓ Tutti i dati sono congrui</strong>
				</div>
			{% endif %}
		</div>

		<!-- TABELLA DETTAGLIATA CONGRUITÀ -->
		<br/><br/>
		<div class="width-100pc">
			<h3 style="margin-bottom: 15px;">Dettaglio Analisi Congruità</h3>
			
			<table style="width: 100%; border-collapse: collapse; background-color: #f5f5f5; border-radius: 8px; overflow: hidden;">
				<thead>
					<tr style="background-color: #424242; color: white;">
						<th style="padding: 12px; text-align: left; border-bottom: 1px solid #ddd;">Parametro</th>
						<th style="padding: 12px; text-align: left; border-bottom: 1px solid #ddd;">Unità</th>
						<th style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">Dichiarato</th>
						<th style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">Rilevato</th>
						<th style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">Differenza</th>
						<th style="padding: 12px; text-align: right; border-bottom: 1px solid #ddd;">%</th>
					</tr>
				</thead>
				<tbody>
					{% set tableConfig = [
						{ 
							'key': 'Inbound', 
							'label': 'Volume', 
							'unit': '[m³]',
							'showIfMultiple': true 
						},
						{ 
							'key': 'Netweight', 
							'label': 'Peso', 
							'unit': '[Kg]',
							'showIfMultiple': true 
						},
						{ 
							'key': 'ncolli', 
							'label': 'Pz', 
							'unit': '[n]',
							'showIfMultiple': true 
						},
						{ 
							'key': 'box', 
							'label': 'Box', 
							'unit': '[n]',
							'showIfMultiple': true 
						}
					] %}
					
					{# Aggiungi dimensioni solo se c == 1 #}
					{% if c == 1 %}
						{% set tableConfig = tableConfig|merge([
							{ 
								'key': 'HPackage', 
								'label': 'H', 
								'unit': '[cm]',
								'showIfMultiple': false 
							},
							{ 
								'key': 'LPackage', 
								'label': 'L', 
								'unit': '[cm]',
								'showIfMultiple': false 
							},
							{ 
								'key': 'WPackage', 
								'label': 'W', 
								'unit': '[cm]',
								'showIfMultiple': false 
							}
						]) %}
					{% endif %}
					
					{% for config in tableConfig %}
						{% if c == 1 or config.showIfMultiple %}
							{% set secondValue = attribute(info, 'e_' ~ config.key)|default(0) %}
							{% set thirdValue = attribute(info, 'i_' ~ config.key)|default(0) %}
							{% set diff = attribute(info, config.key ~ 'Diff')|default(0) %}
							{% set diffPerc = config.key == 'ncolli' ? info.colliDiffPerc|default(0) : attribute(info, config.key ~ 'DiffPerc')|default(0) %}
							
							{% set rowColor = 'color: #333;' %}
							{% if (diffPerc|abs) > 5 %}
								{% if diffPerc < -5 %}
									{% set rowColor = 'color: #4caf50;' %}
								{% else %}
									{% set rowColor = 'color: #d32f2f;' %}
								{% endif %}
							{% endif %}
							
							<tr style="border-bottom: 1px solid #ddd;">
								<td style="padding: 10px; {{ rowColor }} font-weight: bold;">{{ config.label|trans }}</td>
								<td style="padding: 10px; color: #666; font-size: 14px;">{{ config.unit }}</td>
								<td style="padding: 10px; text-align: right;">
									{{ config.unit == '[n]' ? secondValue|number_format(0) : secondValue|number_format(2) }}
								</td>
								<td style="padding: 10px; text-align: right;">
									{{ config.unit == '[n]' ? thirdValue|number_format(0) : thirdValue|number_format(2) }}
								</td>
								<td style="padding: 10px; text-align: right; {{ rowColor }}">
									{% if diff == 0 %}
										[ -- ]
									{% else %}
										{{ diff > 0 ? '+' : '-' }}{{ (diff|abs)|number_format(config.unit == '[n]' ? 0 : 2) }}
									{% endif %}
								</td>
								<td style="padding: 10px; text-align: right; {{ rowColor }}">
									{% if diffPerc == 0 %}
										[ -- ]
									{% else %}
										{{ diffPerc > 0 ? '+ ' : '- ' }}{{ (diffPerc|abs)|number_format(0) }}%
									{% endif %}
								</td>
							</tr>
						{% endif %}
					{% endfor %}
				</tbody>
			</table>
		</div>
	{% endif %}

	{% if code %}
		<!-- LINK DETTAGLIO ACQUISIZIONE -->
		<br/><br/>
		<div class="width-100pc" style="text-align: center; padding: 20px; background-color: #f0f0f0; border-radius: 8px; border-left: 4px solid #2196f3;">
			<a href="https://{{ httphost }}/en/detail/1/{{ code }}/0/0" 
			   style="display: inline-block; background-color: #2196f3; color: white; padding: 12px 24px; text-decoration: none; border-radius: 4px; font-weight: bold; margin: 10px 0;">
				Visualizza Dettaglo
			</a>
			<br/>
			<small style="color: #888; font-size: 12px;">
				Codice: <strong>{{ code }}</strong>
			</small>
		</div>
	{% endif %}

	<!-- Footer -->
	<br/><br/>
	<table bgcolor="#f4f4f4" align="center" style="width:100%; text-align: left;" border="0" cellpadding="0" cellspacing="0" id="templateFooter">
		<tr>
			<td valign="top" style="color: #606060; font-family: Helvetica; font-size: 10px; line-height: 150%; text-align: left; padding: 20px; with:75%">
				<a href="*|TWITTER:PROFILEURL|*">
					<font color="#606060">Follow on Twitter</font>
				</a>&nbsp;&nbsp;&nbsp;
				<a href="https://www.linkedin.com/in/vincenzo-vassallo">
					<font color="#606060">Follow on Linkedin</font>
				</a>&nbsp;&nbsp;&nbsp;
				<a href="*|FORWARD|*">
					<font color="#606060">Forward to Friend</font>
				</a>&nbsp;
			</td>
			<td align="right">
				<img src="{{ email.image('@images/loghi_aziende/' ~ logocargo) }}" 
				     style="height: 30px; align:left; max-width: 25%; padding-right:15px;" 
				     alt="{{ produttore.ragionesociale }}" title="{{ produttore.ragionesociale }}"/>
			</td>
		</tr>
	</table>
	
	<table class="table-footer-1" id="templateFooter">
		<td class="td-table-foofter">
			<em>Copyright &copy; | 2024 - by CONSITE Italia Srl - All rights reserved.|</em>
			<br/>
			This mail is a Reserved Communications from C4RGO.CLOUD SERVICES Customer- No Reply
			<br/><br/>
			The present message and its attachments are addressed solely to the persons above and may contain confidential information.
			<br/>If you have received the message in error, Please return it immediately to the sender and delete the message.
			<br/>You be informed that any use of the content here of is prohibited. Any illegal use of this information will be prosecuted according to the law.
			<br/>
			Should you have any questions, please contact us: c4rgo@consite.it
			<br/>
			<p>
				*|<a href="https://www.c4rgo.com" style="color: #606060; font-weight: 400; text-decoration: underline;" target="_blank">Web Site: WWW.C4RGO.COM</a>|* 
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
				*|<a href="https://www.internaldb.it/customerservice/controlcl.asp" style="color: #606060; font-weight: 400; text-decoration: underline;" target="_blank">Ticket Assistance: WWW.INTERNALDB.IT</a>&nbsp; |*
			</p>
		</td>
	</tr>
</table>

{% endapply %}