factura_venta_versalles/factura_legal_versalles.xml

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

     <report id="factura_legal_versalles"
        model="account.invoice"
        string="Factura de Venta"
        report_type="qweb-html"
        name="factura_venta_versalles.report_legal_versalles"
        file="factura_venta_versalles.report_legal_versalles"
     />

    <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_legal_versalles">
        <t t-call="report.html_container">
            <t t-call="report.external_layout">
			        <t t-foreach="[1]" t-as="i">
                <div class="page">
                    <style type="text/css">
                        body{
                            font-size: 2.60mm;
                            font-family: Arial, Helvetica, sans-serif;
                        }
                        div{
                            padding: 0px;
                        }
                        .pagina{
                            width:19.3cm;
                        }
                        .cabecera-equal-height {
                          display: flex;
                          flex-wrap: nowrap;
                          align-items: stretch;
                        }

                        .cabecera-equal-height > div {
                          display: flex;
                          flex-direction: column;
                          justify-content: center;
                        }
                        .client {
                            border: 2px solid #ddd;
                            border-radius: 10px;
                            padding: 10px;
                            margin-bottom: 10px;
                            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{Legal
                            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: 7.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%;
                          Hora  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: 0.3cm;"></div>
                          <div class="row cabecera-equal-height">
                          <div class="col-xs-3" style="border-radius: 10px 0 0 10px; border: 2px solid #ddd; display: flex; flex-direction: column; justify-content: center; padding: 10px;">
                              <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></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; padding-bottom: 0.15mm; border: 2px solid #ddd;">
                              <div>
                                  <h3><center><strong><i>VERSAILLES RECEPCIONES</i></strong></center></h3>
                              </div>
                              <div>
                                  <t><center><b>Calle Tte. Ettiene c/ San Francisco - Zona Norte</b></center></t>
                                  <t><center><b>Fernando de la Mora - Paraguay</b></center></t>
                                  <t><center><b>versallesrecepciones@gmail.com - (0983) 355 199</b></center></t>
                              </div>
                          </div>

                          <div class="col-xs-4" style="border-radius: 0 10px 10px 0; border: 2px solid #ddd; display: flex; flex-direction: column; justify-content: center; padding: 10px;">
                              <div style="margin-top: 0.3cm;"></div>
                              <div>
                                  <h3><center><strong>ORDEN DE TRABAJO</strong></center></h3>
                              </div>
                              <div>
                                  <h4><center><strong><span t-field="o.name" /></strong></center></h4>
                              </div>
                          </div>
                      </div>
                           <div style="margin-top: 0.2cm;"></div>
                           <!-- <div class="client"> -->

                             <table style="border-collapse: collapse; width: 100%;">
                              <tr>
                                <td style="padding-left: 0.2cm; padding-top: 0.2cm; border-top: 3px solid #ddd; border-bottom: 2px solid #ddd; border-left: 3px solid #ddd; border-right: 2px solid #ddd; width: 30%;"><strong>Fecha: </strong><span t-field="o.date_invoice" t-field-options='{"format": "dd MMM yyyy"}'/></td>
                                <td style="border-top: 3px solid #ddd; padding-top: 0.2cm; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 3px solid #ddd; width: 30%;">
                                  <strong>Condición de Venta:</strong>
                                    <t t-if="o.contado == True">Contado</t>
                                    <t t-if="o.contado == False">Crédito</t>
                                </td>
                                <td style="border-top: 3px solid #ddd; padding-top: 0.2cm; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 3px solid #ddd; width: 30%;">
                                  <strong>Vencimiento:</strong><span t-field="o.date_due"/>
                                </td>
                              </tr>
                              </table>
                              <table style="border-collapse: collapse; width: 100%;">
                              <tr>
                                <td style="padding: 5px; padding-left: 0.2cm; border-top: 2px solid #ddd;  border-bottom: 2px solid #ddd; border-left: 3px solid #ddd; border-right: 3px 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: 5px; padding-left: 0.2cm;  border-top: 2px solid #ddd;  border-bottom: 2px solid #ddd;; border-left: 3px solid #ddd; border-right: 3px solid #ddd; width: 70%;"><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="padding: 5px; padding-left: 0.2cm; padding-bottom: 0.2cm; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd; border-left: 2px solid #ddd; border-right: 3px solid #ddd; width: 30%;"><strong>RUC Nº: </strong><span t-field="o.partner_id.ruc"/></td>
                              </tr>
                              </table>
                              <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: 2px solid #ddd;; border-left: 3px solid #ddd; border-right: 2px solid #ddd; width: 50%;"><strong>Pedido por: </strong><span t-field="o.pedido_por" t-field-options='{"format": "dd MMM yyyy"}'/></td>
                                 <td style="border-top: 2px solid #ddd; padding-top: 0.2cm; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd;; border-right: 3px solid #ddd; width: 25%;"><strong>Ficha Nº: </strong><span t-field="o.ficha_nro"/></td> -->
                                 <td style="padding: 5px; padding-left: 0.2cm; border-top: 2px solid #ddd;  border-bottom: 2px solid #ddd; border-left: 3px solid #ddd; border-right: 3px solid #ddd; width: 100%;"><strong>Vendedor: </strong><span t-field="o.user_id.name"/></td>
                                 <!-- <td style="border-top: 2px solid #ddd; padding-bottom: 0.2cm; border-bottom: 3px solid #ddd; border-left: 2px solid #ddd; border-right: 3px solid #ddd; width: 30%;"><strong>Vendedor: </strong><span t-field="o.user_id.name"/></td> -->
                               </tr>
                               </table>
                              <!-- <table style="border-collapse: collapse; width: 100%;">
                              <tr>
                                <td style="padding: 5px; padding-left: 0.2cm; padding-bottom: 0.2cm; border-top: 3px solid #ddd; border-bottom: 3px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd; width: 70%;"><strong>Local: </strong><span t-field="o.comment"/></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.1cm; width:5%; 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">Cant.</th>
                                      <th style="padding: 0.1cm; width:62%; 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.1cm; width:13%; 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.1cm; 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.1cm; 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: 8.60cm;border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd;">
                                  <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="text-align: center; padding: 0.05cm; width: 5%; 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="text-align: left; padding: 0.05cm; width:62%; 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="text-align: right; padding: 0.05cm; width:13%; 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.price_unit)"/></td>
                                          <td style="text-align: right; padding: 0.05cm; 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.05cm; width:20%; 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>
                                  <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> -->


                                  <div class="col-xs-6" 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  style="margin-top: 0.2cm;"><strong>Recibido por: .................................</strong></div>

                                       <div style="margin-top: 0.2cm;"><strong>Se retira el  ........................................</strong></div>

                                       <div style="margin-top: 0.2cm;"><strong>Hora: ............................................</strong></div>

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

                                  <div class="col-xs-6" 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  style="margin-top: 0.2cm;"><strong>Entregado: .................................</strong></div>

                                       <div style="margin-top: 0.2cm;"><strong>Pagado:  ........................................</strong></div>

                                       <div style="margin-top: 0.2cm;"><strong>Retirado: ............................................</strong></div>

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

                        <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>