alonsoy sal

modules/customer-invoices/templates/alonsoysal/issued-invoice.hbs

@@ -97,18 +97,8 @@
       margin-bottom: 10px;
     }
 
-    /* Anchos por columna */
-    .col-concepto { width: 75%; text-align: left; }
-    .col-cantidad { width: 5%; text-align: center;}
-    .col-precio   { width: 10%; text-align: right;}
-    .col-total    { width: 10%; text-align: right;}
-
     table th,
     table td {
-      border-top: 0px solid;
-      border-left: 1px solid #000;
-      border-right: 1px solid #000;
-      border-bottom: 0px solid;
       padding: 3px 10px;
       text-align: left;
       vertical-align: top;
@@ -132,11 +122,18 @@
       font-weight: bold;
     }
 
-    .resume-table {
+    /* Anchos por columna */
-      width: 100%;
+    .col-concepto { width: auto; text-align: left; }
-      border-collapse: collapse;
+    .col-cantidad { width: 70px; text-align: center; border-right: 1px solid #000;}
-      font-size: 9pt;
+    .col-precio   { width: 110px; text-align: right; border-right: 1px solid #000;}
-      font-family: Tahoma, sans-serif;
+    .col-total    { width: 110px; text-align: right; }
+
+    .resume-table td {
+      background: #f0f0f0;       /* gris como en la imagen */
+    }
+
+    .resume-table th {
+      border: transparent;       /* gris como en la imagen */
     }
 
     /* Columna izquierda (notas / forma de pago) */
@@ -171,12 +168,7 @@
       border: 1px solid #000;
     }
 
-    .total {
+    
-      color: #d10000;
-      font-weight: bold;
-      text-align: right;
-    }
-
     .resume-table .empty {
       border: 1px solid transparent;
     }
@@ -270,14 +262,48 @@
         <tbody>
           {{#each items}}
           <tr>
-            <td>{{description}}</td>
+            <td class="col-concepto">{{description}}</td>
-            <td style="width: 10px !important; text-align:right;">{{#if quantity}}{{quantity}}{{else}}&nbsp;{{/if}}</td>
+            <td class="col-cantidad">{{#if quantity}}{{quantity}}{{else}}&nbsp;{{/if}}</td>
-            <td style="text-align:right;">{{#if unit_amount}}{{unit_amount}}{{else}}&nbsp;{{/if}}</td>
+            <td class="col-precio">{{#if unit_amount}}{{unit_amount}}{{else}}&nbsp;{{/if}}</td>
-            <td style="text-align:right;">{{#if taxable_amount}}{{taxable_amount}}{{else}}&nbsp;{{/if}}</td>
+            <td class="col-total">{{#if taxable_amount}}{{taxable_amount}}{{else}}&nbsp;{{/if}}</td>
             </td>
           </tr>
           {{/each}}
+        </tbody>
+      </table>  
+      <table class="resume-table">
 
+        <thead>
+          <tr>
+            <th class="col-concepto"></th>
+            {{#if discount_percentage}}
+              <th class="col-total">Importe neto</th>
+              <th class="col-total">Dto {{discount_percentage}}</th>
+            {{/if}}  
+            <th class="col-total">Base imponible</th>
+            {{#each taxes}}
+              <th class="col-total">{{tax_name}}</th>
+            {{/each}}  
+            <th class="col-total"><strong>Total</strong></th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <tr>
+            <td class="col-concepto"></td>            
+            {{#if discount_percentage}}
+              <td class="col-total">{{subtotal_amount}}</td>
+              <td class="col-total">{{discount_amount.value}}</td>
+            {{/if}}  
+            <td class="col-total">{{taxable_amount}}</td>
+            {{#each taxes}}
+              <td class="col-total">{{taxes_amount}}</td>
+            {{/each}}  
+            <td class="col-total">{{total_amount}}</td>
+          </tr>
+        </tbody>
+        </table>
+        <table>
           <tr class="resume-table">
             <!-- Columna izquierda: notas y forma de pago -->
             <td class="left-col" rowspan="10">
@@ -289,37 +315,12 @@
               <p style="margin-top:0.5rem;"><strong>Notas:</strong> {{notes}}</p>
               {{/if}}
             </td>
-            <!-- Columna derecha: totales -->
-            {{#if discount_percentage}}
-            <td  class="label">Importe neto</td>
-            <td  class="value">{{subtotal_amount}}</td>
-            {{else}}
-            <td colspan="2" class="label">Base imponible</td>
-            <td colspan="2" class="value">{{taxable_amount}}</td>
-            {{/if}}
           </tr>
 
-          {{#if discount_percentage}}
-          <tr class="resume-table">
-            <td  class="label">Dto {{discount_percentage}}</td>
-            <td  class="value">{{discount_amount.value}}</td>
-          </tr>
-          <tr class="resume-table">
-            <td colspan="2" class="label">Base imponible</td>
-            <td colspan="2" class="value">{{taxable_amount}}</td>
-          </tr>
-          {{/if}}
-
-          {{#each taxes}}
-          <tr class="resume-table">
-            <td class="label">{{tax_name}}</td>
-            <td  class="value">{{taxes_amount}}</td>
-          </tr>
-          {{/each}}
 
           <tr class="total-row">
             <td  class="label"><strong>Total factura</strong></td>
-            <td colspan="2" class="value total"><strong>{{total_amount}}</strong></td>
+            
           </tr>
         </tbody>
       </table>