factura_venta_athletic/factura_venta_athletic1.xml

<?xml version="1.0" encoding="utf-8"?>
<openerp>
  <data>

     <report id="factura_venta_athletic"
        model="account.invoice"
        string="Factura Legal"
        report_type="qweb-html"
        name="factura_venta_athletic.report_factura_athletic"
        file="factura_venta_athletic.report_factura_athletic"
     />

    <template id="report_header_custom" inherit_id="report.external_layout_header">
         <xpath expr="//div[@class='header']" position="replace">
            <div class ="header">
            </div>
         </xpath>
    </template>

    <template id="external_layout_footer" inherit_id="report.external_layout_footer">
        <xpath expr="//div[@class='footer']"  position="replace">
            <div class ="footer">
            </div>
        </xpath>
    </template>

    <template id="report_factura_athletic">
        <t t-call="report.html_container">
            <t t-call="report.external_layout">
			        <t t-foreach="[1,2]" t-as="i">
                <div class="page">
                    <style type="text/css">
                        body{
                            font-size: 2.67mm;
                            font-family: Arial, Helvetica, sans-serif;
                        }
                        div{
                            padding: 0px;
                        }
                        .pagina{
                            width:19.3cm;
                        }
                        <!-- .header1 {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            width: 100%;
                            padding: 20px;
                            border: 2px solid #ddd;
                            border-radius: 10px;
                        } -->
                        .client {
                            border: 2px solid #ddd;
                            border-radius: 10px;
                            padding: 20px;
                            margin-bottom: 20px;
                            display: flex;
                        }
                        .sumas {
                            border: 2px solid #ddd;
                            border-radius: 10px;
                            padding: 20px;
                            margin-bottom: 20px;
                            display: flex;
                        }

                        .logo{
                            height: 0.6cm;
                            width: 100%;
                            top: 0px;
                        }
                        .descripcion1{
                            width: 11.2cm;
                            font-size: 11px;
                            padding-top: 0.2cm;
                            float: left;
                            min-height: 0cm;
                        }

                        .descripcion2{
                            width: 11cm;
                            font-size: 10px;
                            float: left;
                            min-height: 0cm;
                        }

                        .descripcion3{
                            width: 18cm;
                            font-size: 10px;
                            float: left;
                            min-height: 0cm;
                        }

                        .email{
                            width: 13cm;
                            font-size: 10px;
                            float: left;
                            min-height: 0cm;
                        }


                        .tel{
                            width: 18cm;
                            float: left;
                            font-size: 10px;
                            min-height: 0cm;
                        }

                        .fecha_emision_data{
                            width: 9.1cm;
                            padding-left: 0.1cm;
                            float: left;
                            min-height: 0.6cm;
                        }
                        .contado_x{
                            width: 7.4cm;
                            float: left;
                            padding-left: 0.0cm;
                            min-height: 0.6cm;
                        }

                        .linea2{
                            position: relative;
                            top: -0.12cm;
                            min-height: 0.4cm;
                         }
                        .razon_data{
                            width: 15cm;
                            float: left;
                            padding-left: 0.1cm;
                            min-height: 0.5cm;
                        }
                        .linea3{
                            position: relative;
                            top: -0.12cm;
                            min-height: 0.4cm;
                         }
                        .direccion_data{
                            width: 13.5cm;
                            float: left;
                            padding-left: 0.1cm;
                            min-height: 0.5cm;
                        }
                        .linea4{
                            position: relative;
                            top: -0.12cm;
                            min-height: 0.4cm;
                         }
                         .ruc_data{
                             width: 11.9cm;
                             float: left;
                             padding-left: 0.1cm;
                             min-height: 0.4cm;
                         }
                        .telefono_data{
                            width: 6.8cm;
                            float: left;
                            padding-left: 2.3cm;
                            min-height: 0.5cm;
                        }
                        .linea5{
                            position: relative;
                            top: -0.12cm;
                            min-height: 0.4cm;
                         }
                        .nota_remision_data{
                            width: 8.3cm;
                            float: left;
                            padding-left: 2.5cm;
                            min-height: 0.5cm;
                        }

                         .product {
                               border-collapse: collapse;
                               width: 100%;
                           }

                           .product th,
                           .product td {
                               border: 1px solid #ddd;
                               padding: 10px;
                               text-align: center;
                           }
                           .articulos{
                               height: 4.65cm;
                           }

                        .art-col2{
						                padding-left: 0.8cm;
                            border-left: 2px solid #ddd;
                            border-right: 2px solid #ddd;
                            width:15%;
                            text-align: center;
                        }
                        .art-col3{
                            padding-left: 1cm;
                            border-left: 2px solid #ddd;
                            border-right: 2px solid #ddd;
                            width:40%;
                        }
                        .art-col4{
                            width:15%;
                            border-left: 2px solid #ddd;
                            border-right: 2px solid #ddd;
                            text-align: right;
                        }
                        .art-col5{
                            width:10%;
                            border-left: 2px solid #ddd;
                            border-right: 2px solid #ddd;
                            text-align: right;
                        }
                        .art-col6{
                            width:10%;
                            border-left: 2px solid #ddd;
                            border-right: 2px solid #ddd;
                            text-align: right;
                        }
                        .art-col7{
                            width:20%;
                            border-left: 2px solid #ddd;
                            border-right: 2px solid #ddd;
                            text-align: right;
                        }
                        .logo-container {
                          padding-top: 20px;
                          padding-left: 2px;
                          border-left: 2px solid #ddd;
                          border-right: 2px solid #ddd;
                          padding-bottom: 20px;
                          padding-left: 19px;
                        }

						           .logo1{
                            height: 0.2cm;
                            width: 100%;
                            top: 0px;
                        }
                        .logo2{
                             height: 1.06cm;
                             width: 100%;
                             top: 0px;
                         }

                        .subtotal_data{
                            width: 6cm;
                            float: left;
                            padding-top: 0.002cm;
                            padding-left: 2.3cm;
                            min-height: 0.2cm;
                        }
                        .subtotal_excentas{
                            width: 1.8cm;
                            float: left;
                            text-align: right;
							              padding-left: 10cm;
                            padding-top: 0.7cm;
                            min-height: 0.2cm;
                        }
                        .subtotal_5{
                            width: 1cm;
                            float: left;
							              padding-left: 1cm;
                            text-align: right;
                            padding-top: 0.7cm;
                            min-height: 0.2cm;
                        }
                        .subtotal_10{
                            width: 2.3cm;
                            float: left;
							              padding-left: 0.8cm;
                            text-align: left;
                            padding-top: 0.7cm;
                            min-height: 0.2cm;
                        }
                        .total_pagar_data{
                            width: 16.4cm;
                            float: left;
                            padding-top: 0.01mm;
                            padding-left: 0.1cm;
                            min-height: 0.3cm;
                        }
                        .total_pagar{
                            width: 2.3cm;
                            float: right;
                            padding-top: 0.01mm;
                            padding-left: 0.8cm;
                            min-height: 0.3cm;
                        }
                        .iva_5_data{
                            width: 9cm;
                            float: left;
                            padding-left: 4.7cm;
                            min-height: 0.25cm;
                        }
                        .iva_10_data{
                            width: 7.2cm;
                            float: left;
                            padding-left: 3.8cm;
                            min-height: 0.25cm;
                        }
                        .iva_total_data{
                            width: 7cm;
                            float: left;
                            padding-left: 3.3cm;
                            min-height: 0.25cm;
                        }

                    </style>
                    <t t-foreach="docs" t-as="o">
                        <div class="pagina">
                          <div style="margin-top: 1.3cm;"></div>
                          <div class="row" >
                                <t></t>
                      					<div class="col-xs-3" style="border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding-left: 0.01mm; padding-top: 0.01mm; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;">
                                  <div class="logo-container">
                                    	<img t-if="o.company_id.logo" t-att-src="'data:image/png;base64,%s' % o.company_id.logo"
                          							style="max-height: 125px;" />
                                   </div>
                                   <div style="margin-top: 0.3cm;"></div>
                                   <t><center><strong>TU TIENDA DE DEPORTES</strong></center></t>
                                   <div style="margin-top: 0.3cm;"></div>
                      					</div>
                      				  <div class="col-xs-5" style="padding-left: 0.01mm; padding-top: 0.01mm; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;">
                                    <t></t>
                                    <div >
                      								<h3><center><strong><i>ATHLETIC HOUSE</i></strong></center></h3>
                      							</div>
                      							<div>
                      								<t><center><b>de Hedgar Teodoro Pereira Martinez</b></center></t>
                                      <t><center><b>Comercio al por menor de artículos deportivos (CASA DE DEPORTE)</b></center></t>
                                      <t><center><b>Comercio de carteras</b></center></t>
                                      <t><center><b>Calle Cañada Tarija c/ Aca Caraya - Area 3</b></center></t>
                                      <t><center><b>(0983) 662 939</b></center></t>

                      								<!-- <t>
                      								<span t-field="o.company_id.phone" />
                      								</t> -->

                      							</div>

                      						</div>
                      						<div class="col-xs-4 pull-right" style="border-top-right-radius: 10px; border-bottom-right-radius: 10px;padding-left: 0.01mm; padding-top: 0.01mm; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;">

                          							<t>
                                          <div>
                          								  <center><strong>TIMBRADO Nº</strong><span t-field="o.timbrado" /></center>
                                          </div>
                          							</t>
                          							<t>
                                          <div>
                          								   <center><strong>Fecha Inicio Vigencia:</strong><span t-field="o.talonario.fecha_inicio" /></center>
                                          </div>
                          							</t>
                                        <t>
                                          <div>
                                             <center><strong>Fecha Fin Vigencia:</strong><span t-field="o.fecha_final"/></center>
                                          </div>
                                        </t>
                                        <t>
                                          <div>
                                             <center><strong>RUC:</strong><span t-field="o.company_id.vat" /></center>
                                          </div>
                                        </t>
                                        <t>
                                          <div>
                                              <h3><center><strong>FACTURA</strong></center></h3>
                                          </div>
                                        </t>
                                        <t>
                                          <div>
                          							   	<h4><center><strong><span t-field="o.name" /></strong></center></h4>
                                          </div>
                          							</t>
                      							</div>
                      			 <!-- </div> recuard-->
                           </div>
                           <div style="margin-top: 0.3cm;"></div>
                           <!-- <div class="client"> -->

                             <table style="border-collapse: collapse; width: 100%;">
                              <tr>
                                <td style="padding-left: 0.2cm; padding-top: 0.2cm; border-top: 2px solid #ddd; border-bottom: none; border-left: 2px solid #ddd; border-right: 2px solid #ddd; width: 50%;"><strong>Fecha: </strong><span t-field="o.date_invoice" t-field-options='{"format": "dd MMM yyyy"}'/></td>
                                <td style="border-top: 2px solid #ddd; padding-top: 0.2cm; border-bottom: none; border-left: none; border-right: 2px solid #ddd; width: 50%;">
                                  <strong>Condición de Venta:</strong>
                                    <t t-if="o.contado == True">Contado</t>
                                    <t t-if="o.contado == False">Crédito</t>
                                </td>
                              </tr>
                              </table>
                              <table style="border-collapse: collapse; width: 100%;">
                              <tr>
                                <td style="padding-left: 0.2cm; border-top: none;  border-bottom: none; border-left: 2px solid #ddd; border-right: 2px solid #ddd; width: 100%;"><strong>Cliente: </strong><span t-field="o.partner_id.name"/></td>
                                <!-- <td style="border: none;">Celda 4</td> -->
                              </tr>
                              </table>
                              <table style="border-collapse: collapse; width: 100%;">
                              <tr>
                                <td style="padding-left: 0.2cm;  border-top: none;  border-bottom: none; border-left: 2px solid #ddd; border-right: 2px solid #ddd; width: 100%;"><strong>Dirección: </strong><t t-f="o.partner_id.street"><span t-field="o.partner_id.street"/> <span t-field="o.partner_id.street2"/></t>
                                <t t-f="not o.partner_id.street"> </t></td>
                                <!-- <td style="border: none;"></td> -->
                              </tr>
                              </table>
                              <table style="border-collapse: collapse; width: 100%;">
                              <tr>
                                <td style="padding-left: 0.2cm; padding-bottom: 0.2cm; border-top: none; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: none; width: 40%;"><strong>RUC Nº: </strong><span t-field="o.partner_id.ruc"/></td>
                                <td style="border-top: none; padding-bottom: 0.2cm; border-bottom: 2px solid #ddd; border-left: none; border-right: 2px solid #ddd; width: 60%;"><strong>Teléfono: </strong><span t-field="o.partner_id.phone"/></td>
                              </tr>
                            </table>

                            <div style="margin-top: 0.3cm;"></div>

                            <table style="border-collapse: collapse; width: 100%;" class="product">
                                <!-- <thead> -->
                                    <tr>
                                      <th style="padding: 0.2cm; width:15%; border-collapse: collapse; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;" class="text-center">Cantidad</th>
                                      <th style="padding: 0.2cm; width:40%; border-collapse: collapse; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;" class="text-center">Descripción</th>
                                      <th style="padding: 0.2cm; width:15%; border-collapse: collapse; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;" class="text-center">Precio Unit.</th>
                                      <th style="padding: 0.2cm; width:10%; border-collapse: collapse; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;" class="text-center">Exentas</th>
                                      <th style="padding: 0.2cm; width:10%; border-collapse: collapse; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;" class="text-center">IVA 5%</th>
                                      <th style="padding: 0.2cm; width:20%; border-collapse: collapse; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;" class="text-center">IVA 10%</th>
                                    </tr>
                                <!-- </thead> -->
                              </table>
                             <div style="height: 4.65cm;">
                                  <table style="border-collapse: collapse; width: 100%; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;">
                                        <tr t-foreach="o.invoice_line" t-as="l">
                                          <td style="padding: 0.1cm; width:15%; border-collapse: collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;"><span t-esc="'{0:,.0f}'.format(l.quantity)"/></td>
                                          <td style="padding: 0.1cm; width:40%; border-collapse: collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;"><span t-field="l.product_id.name"/></td>
                                          <td style="padding: 0.1cm; width:15%; border-collapse: collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;"></td>
                                          <td style="text-align: right; padding: 0.1cm; width:10%; border-collapse: collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;"></td>
                                          <td style="text-align: right; padding: 0.1cm; width:10%; border-collapse: collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;"></td>
                                          <td style="text-align: right; padding: 0.1cm; width:15%; border-collapse: collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;"><span t-esc="'{0:,.0f}'.format((l.quantity * l.price_unit))"/></td>
                                        </tr>
                                        <!-- Inserta más filas aquí -->
                                 </table>
                            </div>
                            <div style="margin-top: 0.3cm;"></div>
                            <table style="border-collapse: collapse; width: 100%; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;">

                                    <td colspan="3" style="text-align: left;"><strong>Subtotales:</strong></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td style="text-align: right;"><span t-esc="'{0:,.0f}'.format(o.amount_total)"/></td>
                            </table>


                            <!-- <div class="sumas"> -->
                              <div style="margin-top: 0.3cm;"></div> <!-- Separación de 0,5 cm -->
                                <table style="width: 100%;">
                                   <tbody>
                                       <tr>
                                           <td style="width: 75%; padding: 10px; border: 1px solid #ccc;">
                                               <div><strong>TOTAL A PAGAR (en letras) Gs.: </strong><span t-esc="convertir(o.amount_total,o.currency_id.en_letras)"/></div>
                                           </td>
                                           <td style="width: 25%; padding: 10px; border: 1px solid #ccc; text-align: right;">
                                               <div><span t-esc="'{0:,.0f}'.format(o.amount_total)"/></div>
                                           </td>
                                       </tr>
                                   </tbody>
                                </table>

                                <div style="margin-top: 0.3cm;"></div> <!-- Separación de 0,5 cm -->
                                  <table style="width: 100%;">
                                     <tbody>
                                         <tr>
                                             <td style="width: 50%; padding: 10px; border: 1px solid #ccc;">
                                                 <div><strong>Liquidación del IVA:(5%)</strong></div>
                                             </td>
                                             <td style="width: 20%; padding: 10px; border: 1px solid #ccc;">
                                                 <div class="iva_10_data"><strong>(10%) </strong><span t-esc="'{0:,.0f}'.format(o.amount_tax)"/></div>
                                             </td>
                                             <td style="width: 30%; padding: 10px; border: 1px solid #ccc;">
                                                 <div class="iva_total_data"><strong>Total del IVA: </strong><span t-esc="'{0:,.0f}'.format(o.amount_tax)"/></div>
                                             </td>
                                         </tr>
                                     </tbody>
                                  </table>



                        <t t-if="i == 1">
                          <div class="logo2"> </div>
                        </t>

                        <!--   <t t-if="i == 2">
                          <div class="logo2"> </div>
                        </t> -->
                      </div>
                    </t>
                  </div>
				        </t>
              </t>
          </t>
    </template>

 </data>
</openerp>