From 8074d6f06319c925e5c98eed6514c4d707c0d03c Mon Sep 17 00:00:00 2001
From: Marion Muszynski <marion@antadis.com>
Date: Fri, 9 Sep 2016 13:07:01 +0200
Subject: [PATCH] modif css manage payments

---
 themes/site/css/style.css                     | 52 ++++++++++++--
 .../site/modules/paymentinfo/paymentinfo.tpl  | 68 ++++++++++---------
 2 files changed, 82 insertions(+), 38 deletions(-)

diff --git a/themes/site/css/style.css b/themes/site/css/style.css
index e5a18532..e5959c24 100755
--- a/themes/site/css/style.css
+++ b/themes/site/css/style.css
@@ -3447,8 +3447,8 @@ table.std tfoot tr.cart_total_price.endline td, #block-order-detail tr.endline t
 
 #order #center_column #HOOK_PAYMENT p.payment_module, #order #center_column #HOOK_PAYMENT div.payment_module {
   background: #fff;
-  margin-bottom: 15px;  
-  text-align: center; 
+  margin-bottom: 15px;
+  text-align: center;
   clear: both;
   border: 10px solid transparent;
   -moz-border-image: -moz-linear-gradient(top, #e1e3e2 0%, #f3f3f3 100%);
@@ -5972,8 +5972,8 @@ table#carrierTable tbody td {
 #module-loyalty-loyalty-program ul.pagination li:hover,
 #module-loyalty-loyalty-program ul.pagination li#pagination_previous:hover,
 #module-loyalty-loyalty-program ul.pagination li#pagination_next:hover {
-  background-color:#504d8b; 
-  color:#fff; 
+  background-color:#504d8b;
+  color:#fff;
 }
 #module-loyalty-loyalty-program ul.pagination li:hover a,
 #module-loyalty-loyalty-program ul.pagination li:hover a:visited{
@@ -6208,7 +6208,7 @@ table#carrierTable tbody td {
     padding-top: 10px;
     text-align: right;
 }
-#product #add_to_cart input.exclusive_disabled, 
+#product #add_to_cart input.exclusive_disabled,
 #product #add_to_cart input.exclusive[type="submit"] {
     background: url("../img/add_to_cart.jpg") no-repeat left center #504d8b;
     padding: 0 11px 0 50px;
@@ -6531,7 +6531,7 @@ table#carrierTable tbody td {
     padding-top: 15px;
     clear: both;
     overflow: hidden;
-    text-align: center; 
+    text-align: center;
   }
   #box_error_cart .content .others_links .show_sales{
     height: 15px;
@@ -6589,6 +6589,46 @@ table#carrierTable tbody td {
   float: left;
 }
 
+.block-paybox,
+.block-paypal{
+    background: #fff;
+    padding: 20px;
+    -moz-box-shadow: 2px 2px 5px #cccccc;
+    -webkit-box-shadow: 2px 2px 5px #CCC;
+    -ms-box-shadow: 2px 2px 5px #cccccc;
+    -o-box-shadow: 2px 2px 5px #cccccc;
+    box-shadow: 2px 2px 5px #CCC;
+}
+.block-paybox tr.alternate_item.even,
+.block-paypal tr.alternate_item.even {
+    background: #F3F3F3;
+}
+.block-paybox tr td:last-child,
+.block-paybox tr th:last-child,
+.block-paypal tr td:last-child,
+.block-paypal tr th:last-child{
+  text-align: center;
+}
+.block-paybox tr td a,
+.block-paypal tr td a {
+    text-align: center;
+    text-transform: none;
+    border: 0px;
+    color: #FFF;
+    font-size: 12px;
+    padding: 5px 10px;
+    text-decoration: none;
+    font-weight: normal;
+    /* background: #504d8b url("../img/arrow.png") right 9px no-repeat; */
+    background: #504d8b;
+    -moz-border-radius: 20px;
+    -webkit-border-radius: 20px;
+    border-radius: 20px;
+    /*font-family: georgia, times new roman, serif;*/
+    /*font-style: italic;*/
+    font-size: 13px;
+}
+
 @keyframes slideInDown {
   0% {
     -webkit-transform: translateY(-500px);
diff --git a/themes/site/modules/paymentinfo/paymentinfo.tpl b/themes/site/modules/paymentinfo/paymentinfo.tpl
index fe0e2dfa..e7d79dca 100644
--- a/themes/site/modules/paymentinfo/paymentinfo.tpl
+++ b/themes/site/modules/paymentinfo/paymentinfo.tpl
@@ -10,9 +10,41 @@
 	<br>
 {/if}
 
+<h3>{l s='My Cards' mod='paymentinfo'}</h3>
+
+{if $paybox_accounts}
+<div class="block-paybox">
+	<table class="std">
+		<thead>
+			<th class="item">{l s='Payment type' mod='paymentinfo'}</th>
+			<th class="item">{l s='Number' mod='paymentinfo'}</th>
+			<th class="item">{l s='Date validity' mod='paymentinfo'}</th>
+			<th class="item">{l s='Action' mod='paymentinfo'}</th>
+		</thead>
+		<tbody>
+			{foreach from=$paybox_accounts item=paybox name=cards}
+				<tr class="alternate_item {if $smarty.foreach.cards.index % 2 == 0}odd{else}even{/if}">
+					<td class="bold">{$paybox.payment_type}</td>
+					<td>{$paybox.value}</td>
+					<td>{substr_replace($paybox.date,'/',-2,0)}</td>
+					<td><a onclick="return confirm('{l s='Are you sure?' mod='paymentinfo'}');" href="?delete_card={$paybox.id_paybox_card}">{l s='X' mod='paymentinfo'}</a></td>
+				</tr>
+		 	{/foreach}
+		</tbody>
+	</table>
+</div>
+{else}
+	<div id="block-history" class="block-center">
+		<p class="warning">{l s='No card register' mod='paymentinfo'}</p>
+	</div>
+{/if}
+
+<br>
+
 <h3>{l s='My paypal account' mod='paymentinfo'}</h3>
 
 {if $paypal_accounts}
+<div class="block-paypal">
 	<table class="std">
 		<thead>
 			<th class="item">{l s='Name' mod='paymentinfo'}</th>
@@ -22,48 +54,20 @@
 			<th class="item">{l s='Action' mod='paymentinfo'}</th>
 		</thead>
 		<tbody>
-			{foreach from=$paypal_accounts item=paypal}
-				<tr>
+			{foreach from=$paypal_accounts item=paypal name=accounts}
+				<tr class="alternate_item {if $smarty.foreach.accounts.index % 2 == 0}odd{else}even{/if}">
 					<td>{$paypal.name}</td>
 					<td>{$paypal.email}</td>
 					<td>{$paypal.city}</td>
 					<td>{$paypal.date_add|date_format:'d/m/Y'}</td>
-					<td><a onclick="return confirm('{l s='Are you sure?' mod='paymentinfo'}');" href="?delete_agreement={$paypal.id_paypal_agreement}">{l s='Delete' mod='paymentinfo'}</a></td>
+					<td><a onclick="return confirm('{l s='Are you sure?' mod='paymentinfo'}');" href="?delete_agreement={$paypal.id_paypal_agreement}">{l s='X' mod='paymentinfo'}</a></td>
 				</tr>
 		 	{/foreach}
 		</tbody>
 	</table>
+</div>
 {else}
 	<div id="block-history" class="block-center">
 		<p class="warning">{l s='No account register' mod='paymentinfo'}</p>
 	</div>
 {/if}
-
-<br>
-
-<h3>{l s='My Cards' mod='paymentinfo'}</h3>
-
-{if $paybox_accounts}
-	<table class="std">
-		<thead>
-			<th class="item">{l s='Payment type' mod='paymentinfo'}</th>
-			<th class="item">{l s='Number' mod='paymentinfo'}</th>
-			<th class="item">{l s='Date validity' mod='paymentinfo'}</th>
-			<th class="item">{l s='Action' mod='paymentinfo'}</th>
-		</thead>
-		<tbody>
-			{foreach from=$paybox_accounts item=paybox}
-				<tr>
-					<td>{$paybox.payment_type}</td>
-					<td>{$paybox.value}</td>
-					<td>{substr_replace($paybox.date,'/',-2,0)}</td>
-					<td><a onclick="return confirm('{l s='Are you sure?' mod='paymentinfo'}');" href="?delete_card={$paybox.id_paybox_card}">{l s='Delete' mod='paymentinfo'}</a></td>
-				</tr>
-		 	{/foreach}
-		</tbody>
-	</table>
-{else}
-	<div id="block-history" class="block-center">
-		<p class="warning">{l s='No card register' mod='paymentinfo'}</p>
-	</div>
-{/if}
\ No newline at end of file