meh/email.html

## email.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<style type="text/css">
			body {
				text-align: center;
				font-family: -apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
				background-color: #000;
			}

			#container {
				width: 80%;
				max-width: 1024px;
				padding: 20px;
				margin: auto;
				text-align: left;
				color: #fafafa;
				border: 1px solid #ff62b0;
			}

			h1 {
				color: #ff62b0;
			}

			h2 {
				font-weight: normal;
			}

			a {
				color: #ff62b0;
			}

			a:hover {
				text-decoration: none;
			}

			hr {
				color: #ddd;
			}

			li {
				margin: 3px auto;
			}

			.social {
				margin-top: 40px;
			}

			.social, .orga {
				text-align: center;
			}

			.payment {
				display: inline-block;
				padding: 1px 9px;
				border-radius: 2px;
			}

			.paid {
				background-color: #050;
			}

			.unpaid {
				background-color: #500;
				font-weight: bold;
			}
		</style>
	</head>

	<body>
	 <div id="container">
		<h1>Italian Hacker Embassy @ SHA2017</h1>
		<hr />
		<h2>Grazie per il tuo contributo - (<a href="https://tickets.italiangrappa.it/order/<%= @order.id %>"><%= @order.id %></a>)</h2>

		<p class="detail">
		 <ul>
			<li>Nome: <%= @order.identifier %></li>
			<li>Email: <%= @order.email %></li>
			<li>Riepilogo: <%= Enum.map(@order.purchases, &(&1.ticket.title)) |> Enum.join(", ") %></li>
			<li>Importo: <%= Titticket.Order.total(@order) %>€</li>
			<li>Pagamento: <span class="payment <%= case @order.payment.type do %>
				<% :paypal -> %>
					paid

				<% _ -> %>
					unpaid
			<% end %>">
				<%= case @order.payment.type do %>
					<% :paypal -> %>
						pagato

					<% _ -> %>
						da pagare
				<% end %>
				con
				<%= case @order.payment.type do %>
					<% :paypal -> %>
						PayPal

					<% :wire -> %>
						Bonifico

					<% :cash -> %>
						Contante
				<% end %>
			</span></li>
		 </ul>
		</p>

		<%= case @order.payment.type do %>
			<% :wire -> %>
				<h3>Dettagli per il pagamento via bonifico bancario:</h3>
				<p class="wire">
		 	 	 <ul>
					<li>Associazione Italian Grappa</li>
					<li>IBAN: IT 96R02 00836 28200 01035 24657 - SWIFT/BIC: UNCRITMM</li>
					<li>Causale: Contributo <%= @order.payment.details["id"] %></li>
					<li>Importo: <%= Titticket.Order.total(@order) %></li>
		 	 	 </ul>

		 	 	 <span class="payment unpaid">Ricorda di fare il pagamento entro 14 giorni</span>
				</p>

			<% _ -> %>
		<% end %>

		<p class="social">
			Rimani aggiornato sui progressi ed invita anche i tuoi amici!<br />
			<a href="https://wiki.sha2017.org/w/Village:ItalianEmbassy" class="antani-button">wiki</a> -
			<a href="https://twitter.com/hackersembassy" class="antani-button">twitter</a> -
			<a href="https://www.facebook.com/HackersEmbassy/" class="antani-button">facebook</a>
		</p>

		<p class="orga">
			Vuoi aiutarci con l'organizzazione dell'embassy?<br />
			<a href="https://lists.italiangrappa.it/cgi-bin/mailman/listinfo/hackerembassy-orga/" class="antani-button">Iscriviti ora alla ml organizzativa!</a>
		</p>
	 </div>
	</body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<style type="text/css">
	body {
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont,"Segoe UI","Roboto", "Droid Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000;
	}

	#container {
	width: 80%;
	max-width: 1024px;
	padding: 20px;
	margin: auto;
	text-align: left;
	color: #fafafa;
	border: 1px solid #ff62b0;
	}

	h1 {
	color: #ff62b0;
	}

	h2 {
	font-weight: normal;
	}

	a {
	color: #ff62b0;
	}

	a:hover {
	text-decoration: none;
	}

	hr {
	color: #ddd;
	}

	li {
	margin: 3px auto;
	}

	.social {
	margin-top: 40px;
	}

	.social, .orga {
	text-align: center;
	}

	.payment {
	display: inline-block;
	padding: 1px 9px;
	border-radius: 2px;
	}

	.paid {
	background-color: #050;
	}

	.unpaid {
	background-color: #500;
	font-weight: bold;
	}
	</style>
	</head>

	<body>
	<div id="container">
	<h1>Italian Hacker Embassy @ SHA2017</h1>
	<hr />
	<h2>Grazie per il tuo contributo - (<a href="https://tickets.italiangrappa.it/order/<%= @order.id %>"><%= @order.id %></a>)</h2>

	<p class="detail">
	<ul>
	<li>Nome: <%= @order.identifier %></li>
	<li>Email: <%= @order.email %></li>
	<li>Riepilogo: <%= Enum.map(@order.purchases, &(&1.ticket.title)) \|> Enum.join(", ") %></li>
	<li>Importo: <%= Titticket.Order.total(@order) %>€</li>
	<li>Pagamento: <span class="payment <%= case @order.payment.type do %>
	<% :paypal -> %>
	paid

	<% _ -> %>
	unpaid
	<% end %>">
	<%= case @order.payment.type do %>
	<% :paypal -> %>
	pagato

	<% _ -> %>
	da pagare
	<% end %>
	con
	<%= case @order.payment.type do %>
	<% :paypal -> %>
	PayPal

	<% :wire -> %>
	Bonifico

	<% :cash -> %>
	Contante
	<% end %>
	</span></li>
	</ul>
	</p>

	<%= case @order.payment.type do %>
	<% :wire -> %>
	<h3>Dettagli per il pagamento via bonifico bancario:</h3>
	<p class="wire">
	<ul>
	<li>Associazione Italian Grappa</li>
	<li>IBAN: IT 96R02 00836 28200 01035 24657 - SWIFT/BIC: UNCRITMM</li>
	<li>Causale: Contributo <%= @order.payment.details["id"] %></li>
	<li>Importo: <%= Titticket.Order.total(@order) %></li>
	</ul>

	<span class="payment unpaid">Ricorda di fare il pagamento entro 14 giorni</span>
	</p>

	<% _ -> %>
	<% end %>

	<p class="social">
	Rimani aggiornato sui progressi ed invita anche i tuoi amici!<br />
	<a href="https://wiki.sha2017.org/w/Village:ItalianEmbassy" class="antani-button">wiki</a> -
	<a href="https://twitter.com/hackersembassy" class="antani-button">twitter</a> -
	<a href="https://www.facebook.com/HackersEmbassy/" class="antani-button">facebook</a>
	</p>

	<p class="orga">
	Vuoi aiutarci con l'organizzazione dell'embassy?<br />
	<a href="https://lists.italiangrappa.it/cgi-bin/mailman/listinfo/hackerembassy-orga/" class="antani-button">Iscriviti ora alla ml organizzativa!</a>
	</p>
	</div>
	</body>
	</html>