Created
September 16, 2019 20:19
-
-
Save Marco-Rod/3332cf03a7883e4371a1b4d164949261 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {% extends "easy_pdf/base.html" %} | |
| {% block layout_style %} | |
| <style type="text/css"> | |
| @page { | |
| size: {{ pagesize|default:"A4" }}; | |
| margin-left: 1cm; | |
| margin-right: 1cm; | |
| margin-top: 3cm; | |
| margin-bottom: 2cm; | |
| @frame header { | |
| -pdf-frame-content: page-header; | |
| margin-top: 0.5cm; | |
| margin-right: 1cm; | |
| margin-bottom: 0cm; | |
| margin-left: 1cm; | |
| } | |
| @frame footer { | |
| -pdf-frame-content:page-footer; | |
| bottom: 0cm; | |
| margin-left: 0cm; | |
| margin-right: 0cm; | |
| margin-bottom: 0cm; | |
| height: 1.7cm; | |
| } | |
| } | |
| </style> | |
| {% endblock %} | |
| {% block extra_style %} | |
| <style type="text/css"> | |
| </style> | |
| {% endblock %} | |
| {% block page_header %} | |
| <meta charset="UTF-8"> | |
| <div id="page-header"> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <span style="font-size: 2.2em; color: #6FBCB1"><b>{{ property.property_type|upper }} EN {{ property.get_type_operation_display|upper }}</b></span> | |
| <br> | |
| <span style="font-size:1.5em">{{ date|date }} ID: <b>{{ property.id }}</b></span> | |
| </td> | |
| <td style="text-align: right;"> | |
| <img src="{{ static }}custom/img/caratula/logo-inkuvi.png" width="280px" height="85px" alt=""> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| {% endblock %} | |
| {% block content %} | |
| <p id="content"> | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin-bottom:1em"> | |
| <img src="{{ static }}custom/img/caratula/titulo.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">{{ property.property_name|upper }}</span> | |
| </div> | |
| <table> | |
| <tbody> | |
| <tr style="padding:2px"> | |
| <td class="text-left" style="vertical-align: top"> | |
| <div style="background: teal; height: 450px; width: 450px"> | |
| <img src="{{ img_fachada }}"> | |
| </div> | |
| <p style="text-align: justify; font-size: 1.3em; line-height: 1.2">{{ property.property_description }}</p> | |
| </td> | |
| <td style="vertical-align:top"> | |
| <div style="font-size:2.2em; font-weight: bold; color: #EE6682">Precio: ${{ price }}</div> | |
| <div style="font-size: 1.3em; line-height: 1">Medida de construcción: <b>{{ property.sqr_mt_const }} m<sup>2</sup></b></div> | |
| <div style="font-size: 1.3em; line-height: 1">Medida del terreno: <b>{{ property.sqr_mt_lot }} m<sup>2</sup></b></div> | |
| <div style="font-size: 1.3em; line-height: 1; margin-bottom: 8px">Año de construcción: {% if property.creation_date %} | |
| <b>{{ property.creation_date }}</b> {% endif %}</div> | |
| <table border="0"> | |
| <tbody> | |
| <tr style="vertical-align: top; font-size: 1em; line-height: 1"> | |
| <td width="33.3%" valign="bottom"><b>Recamaras</b></td> | |
| <td width="33.3%" valign="bottom"><b>Baños completos</b></td> | |
| <td width="33.3%" valign="bottom"><b>Medios baños</b></td> | |
| </tr> | |
| <tr style="padding-bottom: 8px"> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/recamara.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{{ property.bedroom }}</span> | |
| </td> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/shower.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{{ property.bathroom }}</span> | |
| </td> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/toilet.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{{ property.half_bathroom }}</span> | |
| </td> | |
| </tr> | |
| <tr style="vertical-align: top; font-size: 1em; line-height: 1"> | |
| <td width="33.3%" valign="bottom"><b>Estacionamiento abierto</b></td> | |
| <td width="33.3%" valign="bottom"><b>Estacionamiento techado</b></td> | |
| <td width="33.3%" valign="bottom"><b>No de pisos</b></td> | |
| </tr> | |
| <tr style="padding-bottom: 8px"> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/auto.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{{ property.parking }}</span> | |
| </td> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/techado.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{{ property.garage }}</span> | |
| </td> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/pisos.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{{ property.number_floor }}</span> | |
| </td> | |
| </tr> | |
| <tr style="vertical-align: top; font-size: 1em; line-height: 1"> | |
| <td width="33.3%" valign="bottom"><b>Area de lavado</b></td> | |
| <td width="33.3%" valign="bottom"><b>Area de entretenimiento</b></td> | |
| <td width="33.3%" valign="bottom"><b>Estudio-despacho</b></td> | |
| </tr> | |
| <tr style="padding-bottom: 8px"> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/lavado.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{% if property.laundry %} Si {% else %} No {% endif %}</span> | |
| </td> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/entretenimiento.png" width="30px" height="30px" | |
| alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{% if property.gaming_room %} Si {% else %} | |
| No {% endif %}</span> | |
| </td> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/despacho.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{% if property.study %} Si {% else %} No {% endif %}</span> | |
| </td> | |
| </tr> | |
| <tr style="vertical-align: top; font-size: 1em; line-height: 1"> | |
| <td width="33.3%" valign="bottom"><b>Cuarto de servicio</b></td> | |
| <td width="33.3%" valign="bottom"><b>Jardín</b></td> | |
| <td width="33.3%" valign="bottom"></td> | |
| </tr> | |
| <tr style="padding-bottom: 8px"> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/empleada.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{% if property.service_room %} Si {% else %} No {% endif %}</span> | |
| </td> | |
| <td style="text-align:center"> | |
| <img src="{{ static }}custom/img/caratula/jardin.png" width="30px" height="30px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="font-size:1.5em">{% if property.garden %} Si {% else %} No {% endif %}</span> | |
| </td> | |
| <td> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <br> | |
| <table style="font-size: 1.3em; line-height: 1"> | |
| <tbody> | |
| <tr> | |
| <td><b>IDEAL PARA:</b></td> | |
| <td><img src="{{ static }}custom/img/caratula/especiales.png" width="55px" height="35px" alt=""></td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <div><b>Etapa profesional</b> | |
| {{ professional_personalities }} | |
| </div> | |
| <div><b>Etapa de vida</b> | |
| {{ family_personalities }} | |
| </div> | |
| <div><b>Personalidad</b> | |
| {{ personal_personalities }} | |
| </div> | |
| <div><b>Otra personalidad</b> | |
| {{ other_personalities }} | |
| </div> | |
| </td> | |
| <td> | |
| {% if property.spetial_people %} | |
| <img src="{{ static }}custom/img/caratula/check.png" alt="" width="20px" height="20px"> | |
| {% else %} | |
| <img src="{{ static }}custom/img/caratula/cruz.png" width="20px" height="20px" alt=""> | |
| {% endif %} | |
| <span style="color: #FFF">​</span>Accesible para personas con necesidades especiales y adultos mayores <br> | |
| {% if property.allow_pet %} | |
| <img src="{{ static }}custom/img/caratula/check.png" alt="" width="20px" height="20px"> | |
| {% else %} | |
| <img src="{{ static }}custom/img/caratula/cruz.png" width="20px" height="20px" alt=""> | |
| {% endif %} | |
| <span style="color: #FFF">​</span>Permite mascotas <br> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin-bottom:1em"> | |
| <img src="{{ static }}custom/img/caratula/amenidades.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">AMENIDADES</span> | |
| </div> | |
| <p style="line-height: 25px"> | |
| {% for amenity in property.amenities.all %} | |
| <span style="font-size: 1.3em" class="amenity"> | |
| <strong style="color: #EB5B50">•</strong> | |
| {{ amenity }} | |
| </span> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #FFF">​</span> | |
| {% endfor %} | |
| </p> | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin-bottom:1em"> | |
| <img src="{{ static }}custom/img/caratula/domicilio.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">DOMICILIO</span> | |
| </div> | |
| <table style="margin-bottom: 1em"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 40%"> | |
| <img class="map" src="{{ img_map }}" height="340px"> | |
| </td> | |
| <td style="margin-left: 10px; margin-top: 0; width: 10%; font-size: 1.2em" valign="top"> | |
| <div><b>Pais</b> </div> | |
| <div><b>Estado</b> </div> | |
| <div><b>Municipio</b> </div> | |
| <div><b>Calle</b> </div> | |
| <div><b>Colonia</b> </div> | |
| <div><b>C.P.</b> </div> | |
| </td> | |
| <td style="margin-left: 10px; margin-top: 0; width: 30%; font-size: 1.2em" valign="top"> | |
| <div>{{ property.country }}</div> | |
| <div>{{ property.state }}</div> | |
| <div>{{ property.town }}</div> | |
| <div>{{ property.street }} {{ property.num_ext }} int {{ property.num_int }}</div> | |
| <div>{{ property.neigborhood }}</div> | |
| <div>{{ property.zip_code }}</div> | |
| </td> | |
| <td style="text-align: center; width: 20%; font-size: 1.2em"> | |
| <img src="{{ media }}codeqr/{{ property.id }}.png" alt=""> | |
| <div style="margin-top: 0">Ver en línea</div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin-bottom:1em"> | |
| <img src="{{ static }}custom/img/caratula/distancia.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">DISTANCIA A LOS PRINCIPALES SERVICIOS<sup>*</sup></span> | |
| </div> | |
| <table border="0" style="font-size: 1.3em;"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <div style="font-size:1.2em; font-weight: bold;">ESCUELA</div> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <div style="font-size:1.2em; font-weight: bold;">HOSPITAL</div> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <div style="font-size:1.2em; font-weight: bold;">PARQUE</div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table border="0" style="font-size: 1.3em;"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <table> | |
| <tbody> | |
| <tr style="padding: 2px"> | |
| <td style="width: 13%; vertical-align: top"> | |
| <img src="{{ static }}custom/img/caratula/escuela.png" width="55px" height="55px"> | |
| </td> | |
| <td style="width: 87%;"> | |
| {% for school in property.forsquare.colegio %} | |
| {% if forloop.counter == 1 %} | |
| <div><b>{{ school.name }}</b></div> | |
| <div>{{ school.location.address }}</div> | |
| <div>{{ school.location.city }}</div> | |
| <div><b>{{ school.location.distance }}m de distancia</b></div> | |
| {% endif %} | |
| {% endfor %} | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <table> | |
| <tbody> | |
| <tr style="padding: 2px"> | |
| <td style="width: 13%; vertical-align: top"> | |
| <img src="{{ static }}custom/img/caratula/hospital.png" width="55px" height="55px"> | |
| </td> | |
| <td style="width: 87%;"> | |
| {% for hospital in property.forsquare.hospital %} | |
| {% if forloop.counter == 1 %} | |
| <div><b>{{ hospital.name }}</b></div> | |
| <div>{{ hospital.location.address }}</div> | |
| <div>{{ school.location.city }}</div> | |
| <div><b>{{ hospital.location.distance }}m de distancia</b></div> | |
| {% endif %} | |
| {% endfor %} | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <table> | |
| <tbody> | |
| <tr style="padding: 2px"> | |
| <td style="width: 13%; vertical-align: top"> | |
| <img src="{{ static }}custom/img/caratula/parque.png" width="55px" height="55px"> | |
| </td> | |
| <td style="width: 87%;"> | |
| {% for parque in property.forsquare.parque %} | |
| {% if forloop.counter == 1 %} | |
| <div><b>{{ parque.name }}</b></div> | |
| <div>{{ parque.location.address }}</div> | |
| <div>{{ parque.location.city }}</div> | |
| <div><b>{{ parque.location.distance }}m de distancia</b></div> | |
| {% endif %} | |
| {% endfor %} | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <p style="color: #FFF"> Esto es un texto que ocuparia un espacio de ser necesario</p> | |
| <table border="0" style="font-size: 1.3em;"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <div style="font-size:1.2em; font-weight: bold;">CENTRAL DE AUTOBUSES</div> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <div style="font-size:1.2em; font-weight: bold;">AEROPUERTO</div> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <div style="font-size:1.2em; font-weight: bold;">CENTRO COMERCIAL</div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table border="0" style="font-size: 1.3em;"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <table> | |
| <tbody> | |
| <tr style="padding: 2px"> | |
| <td style="width: 13%; vertical-align: top"> | |
| <img src="{{ static }}custom/img/caratula/autobus.png" width="55px" height="55px"> | |
| </td> | |
| <td style="width: 87%;"> | |
| <div><b>{{ bus.name }}</b></div> | |
| <div>{{ bus.address }}</div> | |
| <div>{{ bus.city }}</div> | |
| <div><b>{{ bus.distance }}km de distancia</b></div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <table> | |
| <tbody> | |
| <tr style="padding: 2px"> | |
| <td style="width: 13%; vertical-align: top"> | |
| <img src="{{ static }}custom/img/caratula/aeropuerto.png" width="55px" height="55px"> | |
| </td> | |
| <td style="width: 87%;"> | |
| <div><b>{{ airport.name }}</b></div> | |
| <div>{{ airport.address }}</div> | |
| <div>{{ airport.city }}</div> | |
| <div><b>{{ airport.distance }}km de distancia</b></div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 33.3%; vertical-align: top"> | |
| <table> | |
| <tbody> | |
| <tr style="padding: 2px"> | |
| <td style="width: 13%; vertical-align: top"> | |
| <img src="{{ static }}custom/img/caratula/comercial.png" width="55px" height="55px"> | |
| </td> | |
| <td style="width: 87%;"> | |
| {% for central in property.forsquare.centro_comercial %} | |
| {% if forloop.counter == 1 %} | |
| <div><b>{{ central.name }}</b></div> | |
| <div>{{ central.location.address }}</div> | |
| <div>{{ central.location.city }}</div> | |
| <div><b>{{ central.location.distance }}m de distancia</b></div> | |
| {% endif %} | |
| {% endfor %} | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin:1em 0"> | |
| <img src="{{ static }}custom/img/caratula/foursquare.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">SITIOS POPULARES</span> | |
| </div> | |
| <p style="font-size: 1.3em">Lugares con mayor popularidad en {{ property.neigborhood }}*</p> | |
| <table style="border-collapse: collapse;" border="0"> | |
| <tr> | |
| <td style="width: 5%; border-right: none"> | |
| <img src="{{ static }}custom/img/caratula/comida-gde.png" width="80px" height="85px"> | |
| </td> | |
| <td style="width: 14%; background-color: #c9c4c3; padding-left: 2px"> | |
| <b>Comida<br>{{ property.forsquare.comida|length }} lugares</b> | |
| </td> | |
| <td style="width: 1%"></td> | |
| <td style="width: 5%"> | |
| <img src="{{ static }}custom/img/caratula/cafe-gde.png" width="80px" height="85px"> | |
| </td> | |
| <td style="width: 14%; background-color: #c9c4c3; padding-left: 2px"> | |
| <b>Café<br>{{ property.forsquare.cafe|length }} lugares</b> | |
| </td> | |
| <td style="width: 1%"></td> | |
| <td style="width: 5%"> | |
| <img src="{{ static }}custom/img/caratula/nocturno-gde.png" width="80px" height="85px"> | |
| </td> | |
| <td style="width: 14%; background-color: #c9c4c3; padding-left: 2px"> | |
| <b>Nocturno<br>{{ property.forsquare.cafe|length }} lugares</b> | |
| </td> | |
| <td style="width: 1%"></td> | |
| <td style="width: 5%"> | |
| <img src="{{ static }}custom/img/caratula/compras-gde.png" width="80px" height="85px"> | |
| </td> | |
| <td style="width: 14%; background-color: #c9c4c3; padding-left: 2px"> | |
| <b>Compras<br>{{ property.forsquare.cafe|length }} lugares</b> | |
| </td> | |
| <td style="width: 1%"></td> | |
| <td style="width: 5%"> | |
| <img src="{{ static }}custom/img/caratula/diversión-gde.png" width="80px" height="85px"> | |
| </td> | |
| <td style="width: 14%; background-color: #c9c4c3; padding-left: 2px"> | |
| <b>Diversión<br>{{ property.forsquare.cafe|length }} lugares</b> | |
| </td> | |
| <td style="width: 1%"></td> | |
| </tr> | |
| </table> | |
| <span style="color: #FFF">​</span> | |
| <table style="font-size: 1.3em" border="0"> | |
| <tr> | |
| <td style="width: 20%"> | |
| <table border="0"> | |
| <tbody> | |
| {% for item in list_comida %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%; vertical-align: top;"> | |
| <img src="{{ static }}custom/img/caratula/comida.png" height="40px"> | |
| </td> | |
| <td style="width: 80%; padding: 0 3px; vertical-align: top"> | |
| <div><b>{{ item.name }}</b></div> | |
| <div>{{ item.location.city }}</div> | |
| <div> | |
| {% for category in item.categories %} | |
| {% if forloop.counter == 1 %} | |
| {{ category.name }} | |
| {% endif %} | |
| {% endfor %} | |
| </div> | |
| <div>{{ item.location.distance }} m</div> | |
| </td> | |
| </tr> | |
| {% endfor %} | |
| {% if list_comida|length == 2 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% elif list_comida|length == 1 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% endif %} | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 20%"> | |
| <table border="0"> | |
| <tbody> | |
| {% for item in list_cafe %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%; vertical-align: top;"> | |
| <img src="{{ static }}custom/img/caratula/cafe.png" height="40px"> | |
| </td> | |
| <td style="width: 80%; padding: 0 3px; vertical-align: top"> | |
| <div><b>{{ item.name }}</b></div> | |
| <div>{{ item.location.city }}</div> | |
| <div> | |
| {% for category in item.categories %} | |
| {% if forloop.counter == 1 %} | |
| {{ category.name }} | |
| {% endif %} | |
| {% endfor %} | |
| </div> | |
| <div>{{ item.location.distance }} m</div> | |
| </td> | |
| </tr> | |
| {% endfor %} | |
| {% if list_cafe|length == 2 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%; vertical-align: top;"> | |
| <td style="width: 80%; padding: 0 3px; vertical-align: top"> | |
| </tr> | |
| {% elif list_cafe|length == 1 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% endif %} | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 20%"> | |
| <table border=""> | |
| <tbody> | |
| {% for item in list_nocturno %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%; vertical-align: top;"> | |
| <img src="{{ static }}custom/img/caratula/nocturno.png" height="40px"> | |
| </td> | |
| <td style="width: 80%; padding: 0 3px; vertical-align: top"> | |
| <div><b>{{ item.name }}</b></div> | |
| <div>{{ item.location.city }}</div> | |
| <div> | |
| {% for category in item.categories %} | |
| {% if forloop.counter == 1 %} | |
| {{ category.name }} | |
| {% endif %} | |
| {% endfor %} | |
| </div> | |
| <div>{{ item.location.distance }} m</div> | |
| </td> | |
| </tr> | |
| {% endfor %} | |
| {% if list_nocturno|length == 2 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% elif list_nocturno|length == 1 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% endif %} | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 20%"> | |
| <table border=""> | |
| <tbody> | |
| {% for item in list_compras %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%; vertical-align: top;"> | |
| <img src="{{ static }}custom/img/caratula/compras.png" height="40px"> | |
| </td> | |
| <td style="width: 80%; padding: 0 3px; vertical-align: top"> | |
| <div><b>{{ item.name }}</b></div> | |
| <div>{{ item.location.city }}</div> | |
| <div> | |
| {% for category in item.categories %} | |
| {% if forloop.counter == 1 %} | |
| {{ category.name }} | |
| {% endif %} | |
| {% endfor %} | |
| </div> | |
| <div>{{ item.location.distance }} m</div> | |
| </td> | |
| </tr> | |
| {% endfor %} | |
| {% if list_compras|length == 2 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% elif list_compras|length == 1 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% endif %} | |
| </tbody> | |
| </table> | |
| </td> | |
| <td style="width: 20%"> | |
| <table border=""> | |
| <tbody> | |
| {% for item in list_diversion %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%; vertical-align: top;"> | |
| <img src="{{ static }}custom/img/caratula/dversion.png" height="40px"> | |
| </td> | |
| <td style="width: 80%; padding: 0 3px; vertical-align: top"> | |
| <div><b>{{ item.name }}</b></div> | |
| <div>{{ item.location.city }}</div> | |
| <div> | |
| {% for category in item.categories %} | |
| {% if forloop.counter == 1 %} | |
| {{ category.name }} | |
| {% endif %} | |
| {% endfor %} | |
| </div> | |
| <div>{{ item.location.distance }} m</div> | |
| </td> | |
| </tr> | |
| {% endfor %} | |
| {% if list_diversion|length == 2 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% elif list_diversion|length == 1 %} | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| <tr style="height: 130px"> | |
| <td style="width: 20%;"></td> | |
| <td style="width: 80%"></td> | |
| </tr> | |
| {% endif %} | |
| </tbody> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| <div> | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <p>* Información basada en las calificaciones y sitios de | |
| <a href="https://es.foursquare.com/">https://es.foursquare.com/</a> | |
| </p> | |
| </td> | |
| <td style="text-align: right"> | |
| <img src="{{ static }}custom/img/caratula/by-foursquare.png" width="208px" height="26px" alt=""> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin-bottom:1em"> | |
| <img src="{{ static }}custom/img/caratula/foto.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">FOTOGRAFIAS DE LA PROPIEDAD</span> | |
| </div> | |
| <table border="0"> | |
| <tbody> | |
| <tr> | |
| {% if images_property_first|length == 0 %} | |
| <td></td> | |
| <td></td> | |
| {% else %} | |
| {% for image in images_property_first %} | |
| <td style="width: 50%; padding: 5px"> | |
| <img style="margin-right: 1em" src="{{ image.image }}" width="470px" height="300px"> | |
| <div style="text-align: justify">{{ image.description }} | |
| </div> | |
| </td> | |
| {% endfor %} | |
| {% endif %} | |
| </tr> | |
| <tr> | |
| {% if images_property_second|length == 0 %} | |
| <td></td> | |
| <td></td> | |
| {% else %} | |
| {% for image in images_property_second %} | |
| <td style="width: 50%; padding: 5px"> | |
| <img style="margin-right: 1em" src="{{ image.image }}" width="470px" height="300px"> | |
| <div style="text-align: justify">{{ image.description }} | |
| </div> | |
| </td> | |
| {% endfor %} | |
| {% endif %} | |
| </tr> | |
| <tr> | |
| {% if images_property_third|length == 0 %} | |
| <td></td> | |
| <td></td> | |
| {% else %} | |
| {% for image in images_property_third %} | |
| <td style="width: 50%; padding: 5px"> | |
| <img style="margin-right: 1em" src="{{ image.image }}" width="470px" height="300px"> | |
| <div style="text-align: justify">{{ image.description }} | |
| </div> | |
| </td> | |
| {% endfor %} | |
| {% endif %} | |
| </tr> | |
| </tbody> | |
| </table> | |
| {% if list_blueprints|length > 0 %} | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin-bottom:1em"> | |
| <img src="{{ static }}custom/img/caratula/foto.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">DISTRIBUCIÓN</span> | |
| </div> | |
| <table border="0"> | |
| <tbody> | |
| <tr> | |
| {% if images_property_first|length == 0 %} | |
| <td></td> | |
| <td></td> | |
| {% else %} | |
| {% for image in list_blueprints %} | |
| <td style="width: 50%; padding: 5px"> | |
| <img style="margin-right: 1em" src="{{ image.image }}" width="470px" height="300px"> | |
| <div style="text-align: justify">{{ image.description }} | |
| </div> | |
| </td> | |
| {% endfor %} | |
| {% endif %} | |
| </tr> | |
| </tbody> | |
| </table> | |
| {% endif %} | |
| {% if property.video_show %} | |
| <table> | |
| <tbody> | |
| <tr> | |
| <td style="font-size:1.5em; font-weight: bold;"> | |
| <img src="{{ static }}custom/img/caratula/youtube.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span>VIDEO DE LA PROPIEDAD</span> | |
| <span style="color: #FFF">​</span> | |
| <span><a href="{{ property.video_show }}" target="_blank">{{ property.video_show }}</a></span> | |
| </td> | |
| <td style="text-align: right"> | |
| <img src="{{ media }}codeqr/video_{{ property.id }}.png" alt="" width="250px" height="250px"> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| {% endif %} | |
| <div style="font-size:1.5em; font-weight: bold; border-bottom: 1px solid #495F90; margin-bottom:1em"> | |
| <img src="{{ static }}custom/img/caratula/coach.png" width="20px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span style="color: #495F90">TU COACH INMOBILIARIO</span> | |
| </div> | |
| <table style="font-size: 1.3em" border="0"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 25%; text-align: left" valign="top"> | |
| <img src="{{ static }}custom/img/caratula/Logo-agentier.jpg" width="120px" height="100px"> | |
| </td> | |
| <td style="width: 15%; text-align: left" valign="top"> | |
| {# <img src="{{ static }}custom/img/caratula/Javier.jpg" width="100px" height="140px">#} | |
| <img src="{{ coach_photo }}" width="120px" height="140px"> | |
| </td> | |
| <td style="width: 60%; padding-left: 5px"> | |
| <span><b>TU COACH INMOBILIARIO</b></span> | |
| <b>{{ coach_name|title }}</b><br> | |
| <div style="margin-bottom: 0.5em"> | |
| <img src="{{ static }}custom/img/caratula/celular.png" width="15px" height="20px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span>{{ coach_phone }}</span><br> | |
| </div> | |
| <div> | |
| <img src="{{ static }}custom/img/caratula/mail-2.png" width="15px" height="15px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span>{{ coach_email }}</span><br><br> | |
| </div> | |
| <div><b>Datos de la inmobiliaria</b></div> | |
| <div> | |
| <img src="{{ static }}custom/img/caratula/propiedades.png" width="15px" height="15px" alt=""> | |
| <span style="color: #FFF">​</span> | |
| <span>Agentier inmobiliario</span> | |
| </div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| {% endblock %} | |
| <div id="page-footer"> | |
| {% block page_foot %} | |
| <!-- Numbber of page <pdf:pagenumber /> --> | |
| <table style="background-color: #EE6682; color: #FFF; padding-top: 0.7em; padding-bottom: 0.6em" border="0"> | |
| <tbody> | |
| <tr> | |
| <td style="font-size: 2.5em; text-align: center; width: 35%"> | |
| <b>inkuvi.com</b> | |
| </td> | |
| <td style="width: 5%; text-align: center; font-size: 1.2em"> | |
| <img src="{{ static }}custom/img/caratula/whats.png" width="30px" height="30px" alt=""> | |
| </td> | |
| <td style="width: 27.5%"> | |
| <b style="font-size: 1.5em">Cel.33-1580-9982</b><br> | |
| <span style="font-size: 1em">Llamadas y WhatsApp</span> | |
| </td> | |
| <td style="width: 5%; text-align: center"> | |
| <img src="{{ static }}custom/img/caratula/mail.png" width="30px" height="25px" alt=""> | |
| </td> | |
| <td style="font-size: 1.8em; width: 27.5%; vertical-align: center"> | |
| <b>[email protected]</b> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| {% endblock %} | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment