templates/administracion/edificiosCondominios.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block inner_head %}
  3.     <div class="parallax inner-head" style="background-position: 50% 0px;">
  4.         <div class="container">
  5.             <div class="row">
  6.                 <div class="col-md-12">
  7.                     <i class="fa fa-users"></i>
  8.                     <h4>Administración</h4>
  9.                     <ol class="breadcrumb">
  10.                         <li><a href="{{ path('inicio') }}">Inicio</a></li>
  11.                         <li class="active">Administración</li>
  12.                     </ol>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.     </div>
  17. {% endblock %}
  18. {% block body %}
  19.     <div class="contain-wrapp padding-bottom-50">
  20.         <div class="container">
  21.             <div class="row">
  22.                 <div class="col-md-8 col-sm-7">
  23.                     <h3>Administración de edificios y condominios</h3>
  24.                     <p>
  25.                         Nuestro objetivo es otorgar un servicio de calidad, eficiente y moderno, resolviendo requerimientos operativos, de mantenimiento, administración de recursos y seguridad, conforme a las necesidades de cada Comunidad.
  26.                     </p>
  27.                     <p>
  28.                         Proporcionamos un servicio de administración comprometido, implementando el control de gastos como eje central de nuestro accionar, empleando racionalmente los recursos disponibles, con el objeto de optimizar su uso.
  29.                     </p>
  30.                     <h3>Nos hacemos cargo de su propiedad</h3>
  31.                     <p>
  32.                         Complete todos los datos solicitados en el siguiente formulario y nos pondremos en contacto con usted a la brevedad.
  33.                     </p>
  34.                     <form method="POST" id="form_edificiosCondominios">
  35.                         <div class="clearfix"></div>
  36.                         <div id="success"></div>
  37.                         <div class="row wrap-form">
  38.                             <div class="col-sm-6">
  39.                                 <div class="form-group">
  40.                                     <label for="form_edificiosCondominios_nombre">Nombre completo</label>
  41.                                     <input type="text" name="form_edificiosCondominios_nombre" id="form_edificiosCondominios_nombre" class="form-control required" placeholder="Ingresa tu nombre completo...">
  42.                                     <span id="form_edificiosCondominios_nombre_error" class="help-block-obligatorio"></span>
  43.                                 </div>    
  44.                                 <div class="form-group">
  45.                                     <label for="form_edificiosCondominios_telefono">Teléfono</label>
  46.                                     <input type="text" name="form_edificiosCondominios_telefono" id="form_edificiosCondominios_telefono" class="form-control required" placeholder="Ingresar un numero de teléfono o celular">
  47.                                     <span id="form_edificiosCondominios_telefono_error" class="help-block-obligatorio"></span>
  48.                                 </div>
  49.                                 <div class="form-group">
  50.                                     <label for="form_edificiosCondominios_region">Región</label>
  51.                                     <select id="form_edificiosCondominios_region" name="form_edificiosCondominios_region" class="form-control">
  52.                                         <option value="">Seleccionar</option>
  53.                                         {% for region in oRegiones %}
  54.                                             <option value="{{region.id}}">{{region.nombre}}</option>
  55.                                         {% endfor %}
  56.                                     </select>
  57.                                     <span id="form_edificiosCondominios_region_error" class="help-block-obligatorio"></span>
  58.                                 </div>
  59.                             </div>
  60.                             <div class="col-sm-6">
  61.                                 <div class="form-group">
  62.                                     <label for="form_edificiosCondominios_email">E-mail</label>
  63.                                     <input type="email" name="form_edificiosCondominios_email" id="form_edificiosCondominios_email" class="form-control required" placeholder="Ingresa tu e-mail">
  64.                                     <span id="form_edificiosCondominios_email_error" class="help-block-obligatorio"></span>
  65.                                 </div>
  66.                                 <div class="form-group">
  67.                                     <label for="form_edificiosCondominios_propiedad">Propiedad</label>
  68.                                     <select id="form_edificiosCondominios_propiedad" name="form_edificiosCondominios_propiedad" class="form-control">
  69.                                         <option value="">Seleccionar</option>
  70.                                         {% for tipoPropiedad in oTipoPropiedades %}
  71.                                             <option value="{{tipoPropiedad.id}}">{{tipoPropiedad.tipo}}</option>
  72.                                         {% endfor %}
  73.                                     </select>
  74.                                     <span id="form_edificiosCondominios_propiedad_error" class="help-block-obligatorio"></span>
  75.                                 </div>
  76.                             </div>
  77.                             <div class="form-group col-md-12">
  78.                                 <label for="form_edificiosCondominios_mensaje">Mensaje</label>
  79.                                 <textarea name="form_edificiosCondominios_mensaje" id="form_edificiosCondominios_mensaje" class="form-control" placeholder="Escribe algo para nosotros..." rows="9"></textarea>
  80.                                 <span id="form_edificiosCondominios_mensaje_error" class="help-block-obligatorio"></span>
  81.                             </div>
  82.                             <div class="form-group col-md-12">
  83.                                 <a href="#" onclick="formEnviarEdificioCondominio(); return false;" class="btn-e btn-e-primary">Enviar</a>
  84.                             </div>
  85.                         </div>
  86.                     </form>
  87.                 </div>
  88.                 <div class="col-md-4 col-sm-5">
  89.                     <div class="contact-detail">
  90.                         <div class="contact-sparator"></div>
  91.                         <ul class="list-unstyled">
  92.                             <li>
  93.                                 <h6><i class="fa fa-phone fa-2x fa-primary"></i> Llámanos</h6>
  94.                                 <p>
  95.                                     + 56 9 84791170
  96.                                 </p>
  97.                             </li>
  98.                             <li>
  99.                                 <h6><i class="fa fa-envelope fa-2x fa-primary"></i> Contáctanos</h6>
  100.                                 <p>contacto@bricappropiedades.cl</p> 
  101.                                 <p>j.apiolaza@bricappropiedades.cl</p>
  102.                                 <p>g.briceno@bricappropiedades.cl</p>
  103.                             </li>
  104.                         </ul>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  109.     </div>
  110. {% endblock %}
  111. {% block javascripts %}
  112.     <script>
  113.         function formEnviarEdificioCondominio(){
  114.             var path       = Routing.generate("edificios_condominios_enviar_correo");
  115.             var formulario = $("#form_edificiosCondominios").serialize();
  117.             var validarFormulario = validarFormularioEdificioCondominio();
  119.             if(validarFormulario){
  120.                 $.ajax({
  121.                     url: path,
  122.                     type: 'POST',
  123.                     data: formulario,
  124.                     success: function (results) {
  125.                         if(results == "success"){
  126.                             var messageSuccess = "<h5>El correo ha sido enviado correctamente.</h5>";
  127.                             var titulo = '<div class="text-center">';
  128.                             titulo += '<i class="fa fa-check text-blue-gray" aria-hidden="true" style="font-size: 50px;"></i>';
  129.                             titulo += '</div>';
  131.                             bootbox.dialog({
  132.                                 closeButton: false,
  133.                                 title: titulo,
  134.                                 message: messageSuccess,
  135.                                 buttons: {
  136.                                     success: {
  137.                                         label: "<i class='fa fa-check' aria-hidden='true'></i> Aceptar",
  138.                                         className: "btn btn-e btn-sm btn-e-primary",
  139.                                         callback: function () {
  140.                                             window.onbeforeunload = null;
  142.                                             var path_show = "{{ path('propiedades_administracion_edificios_condominios') }}";
  143.                                             window.location.href = path_show;
  144.                                         }
  145.                                     }
  146.                                 }
  147.                             });
  148.                         }
  149.                     },
  150.                     error: function (e) {
  151.                         console.log(e);
  152.                     }
  153.                 });
  154.             }
  155.         }
  157.         function validarFormularioEdificioCondominio(){
  158.             var flag = true;
  160.             if($('#form_edificiosCondominios_nombre').val() == ''){
  161.                 $('#form_edificiosCondominios_nombre').css("border-color", "red");
  162.                 $('#form_edificiosCondominios_nombre_error').show();
  163.                 $('#form_edificiosCondominios_nombre_error').text("Debe ingresar un nombre");
  164.                 flag = false;
  165.             }else{
  166.                 $('#form_edificiosCondominios_nombre').css("border-color", "#acacac");
  167.                 $('#form_edificiosCondominios_nombre_error').hide();
  168.             }
  170.             if($('#form_edificiosCondominios_telefono').val() == ''){
  171.                 $('#form_edificiosCondominios_telefono').css("border-color", "red");
  172.                 $('#form_edificiosCondominios_telefono_error').show();
  173.                 $('#form_edificiosCondominios_telefono_error').text("Debe ingresar un número de teléfono o celular");
  174.                 flag = false;
  175.             }else{
  176.                 $('#form_edificiosCondominios_telefono').css("border-color", "#acacac");
  177.                 $('#form_edificiosCondominios_telefono_error').hide();
  178.             }
  180.             if($('#form_edificiosCondominios_region').val() == ''){
  181.                 $('#form_edificiosCondominios_region_chosen .chosen-single').css("border-color", "red");
  182.                 $('#form_edificiosCondominios_region_error').show();
  183.                 $('#form_edificiosCondominios_region_error').text("Debe seleccionar una región");
  184.                 flag = false;
  185.             }else{
  186.                 $('#form_edificiosCondominios_region_chosen .chosen-single').css("border-color", "#acacac");
  187.                 $('#form_edificiosCondominios_region_error').hide();
  188.             }
  190.             if($('#form_edificiosCondominios_email').val() == ''){
  191.                 $('#form_edificiosCondominios_email').css("border-color", "red");
  192.                 $('#form_edificiosCondominios_email_error').show();
  193.                 $('#form_edificiosCondominios_email_error').text("Debe ingresar un email");
  194.                 flag = false;
  195.             }else{
  196.                 var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  197.                 if(regex.test($('#form_edificiosCondominios_email').val())){
  198.                     $('#form_edificiosCondominios_email').css("border-color", "#acacac");
  199.                     $('#form_edificiosCondominios_email_error').hide();
  200.                 }else{
  201.                     $('#form_edificiosCondominios_email').css("border-color", "red");
  202.                     $('#form_edificiosCondominios_email_error').show();
  203.                     $('#form_edificiosCondominios_email_error').text("Debe ingresar un email valido");
  204.                     flag = false;
  205.                 }
  206.             }
  208.             if($('#form_edificiosCondominios_propiedad').val() == ''){
  209.                 $('#form_edificiosCondominios_propiedad').css("border-color", "red");
  210.                 $('#form_edificiosCondominios_propiedad_error').show();
  211.                 $('#form_edificiosCondominios_propiedad_error').text("Debe seleccionar una propiedad");
  212.                 flag = false;
  213.             }else{
  214.                 $('#form_edificiosCondominios_propiedad').css("border-color", "#acacac");
  215.                 $('#form_edificiosCondominios_propiedad_error').hide();
  216.             }
  218.             if($('#form_edificiosCondominios_mensaje').val() == ''){
  219.                 $('#form_edificiosCondominios_mensaje').css("border-color", "red");
  220.                 $('#form_edificiosCondominios_mensaje_error').show();
  221.                 $('#form_edificiosCondominios_mensaje_error').text("Debe ingresar un mensaje");
  222.                 flag = false;
  223.             }else{
  224.                 $('#form_edificiosCondominios_mensaje').css("border-color", "#acacac");
  225.                 $('#form_edificiosCondominios_mensaje_error').hide();
  226.             }
  228.             return flag;
  229.         }
  231.         $(document).ready(function() {
  232.             $('#navbar-menu ul li').removeClass('active');
  233.             $('#navbar-menu ul li.li_administracion').addClass('active');
  234.             $('#form_edificiosCondominios_region').chosen();
  235.         });
  236.     </script>
  237. {% endblock %}