templates/administracion/index.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 propiedades</h3>
  24.                     <p>
  25.                         Nuestra administración se enfoca en el cumplimiento de los contratos de arriendo, mantenimiento integral de su propiedad, revisión constante de los pagos de consumos básicos, gastos comunes, depósitos eletrónicos en su Cuenta Corriente, rendición y/o liquidaciones de renta por e-mail.
  26.                     </p>
  27.                     <h3>Nos hacemos cargo de su propiedad</h3>
  28.                     <p>
  29.                         Complete todos los datos solicitados en el siguiente formulario y nos pondremos en contacto con usted a la brevedad.
  30.                     </p>
  31.                     <form method="POST" id="form_padministracion">
  32.                         <div class="clearfix"></div>
  33.                         <div id="success"></div>
  34.                         <div class="row wrap-form">
  35.                             <div class="col-sm-6">
  36.                                 <div class="form-group">
  37.                                     <label for="form_padministracion_nombre">Nombre completo</label>
  38.                                     <input type="text" name="form_padministracion_nombre" id="form_padministracion_nombre" class="form-control required" placeholder="Ingresa tu nombre completo...">
  39.                                     <span id="form_padministracion_nombre_error" class="help-block-obligatorio"></span>
  40.                                 </div>  
  41.                                 <div class="form-group">
  42.                                     <label for="form_padministracion_telefono">Teléfono</label>
  43.                                     <input type="text" name="form_padministracion_telefono" id="form_padministracion_telefono" class="form-control required" placeholder="Ingresar un numero de teléfono o celular">
  44.                                     <span id="form_padministracion_telefono_error" class="help-block-obligatorio"></span>
  45.                                 </div>
  46.                                 <div class="form-group">
  47.                                     <label for="form_padministracion_region">Región</label>
  48.                                     <select id="form_padministracion_region" name="form_padministracion_region" class="form-control">
  49.                                         <option value="">Seleccionar</option>
  50.                                         {% for region in oRegiones %}
  51.                                             <option value="{{region.id}}">{{region.nombre}}</option>
  52.                                         {% endfor %}
  53.                                     </select>
  54.                                     <span id="form_padministracion_region_error" class="help-block-obligatorio"></span>
  55.                                 </div>
  56.                             </div>
  57.                             <div class="col-sm-6">
  58.                                 <div class="form-group">
  59.                                     <label for="form_padministracion_email">E-mail</label>
  60.                                     <input type="email" name="form_padministracion_email" id="form_padministracion_email" class="form-control required" placeholder="Ingresa tu e-mail">
  61.                                     <span id="form_padministracion_email_error" class="help-block-obligatorio"></span>
  62.                                 </div>
  63.                                 <div class="form-group">
  64.                                     <label for="form_padministracion_propiedad">Propiedad</label>
  65.                                     <select id="form_padministracion_propiedad" name="form_padministracion_propiedad" class="form-control">
  66.                                         <option value="">Seleccionar</option>
  67.                                         {% for tipoPropiedad in oTipoPropiedades %}
  68.                                             <option value="{{tipoPropiedad.id}}">{{tipoPropiedad.tipo}}</option>
  69.                                         {% endfor %}
  70.                                     </select>
  71.                                     <span id="form_padministracion_propiedad_error" class="help-block-obligatorio"></span>
  72.                                 </div>
  73.                             </div>
  74.                             <div class="form-group col-md-12">
  75.                                 <label for="form_padministracion_mensaje">Mensaje</label>
  76.                                 <textarea name="form_padministracion_mensaje" id="form_padministracion_mensaje" class="form-control" placeholder="Escribe algo para nosotros..." rows="9"></textarea>
  77.                                 <span id="form_padministracion_mensaje_error" class="help-block-obligatorio"></span>
  78.                             </div>
  79.                             <div class="form-group col-md-12">
  80.                                 <a href="#" onclick="formEnviarPadministracion(); return false;" class="btn-e btn-e-primary">Enviar</a>
  81.                             </div>
  82.                         </div>
  83.                     </form>
  84.                 </div>
  85.                 <div class="col-md-4 col-sm-5">
  86.                     <div class="contact-detail">
  87.                         <div class="contact-sparator"></div>
  88.                         <ul class="list-unstyled">
  89.                             <li>
  90.                                 <h6><i class="fa fa-phone fa-2x fa-primary"></i> Llámanos</h6>
  91.                                 <p>
  92.                                     + 56 9 84791170
  93.                                 </p>
  94.                             </li>
  95.                             <li>
  96.                                 <h6><i class="fa fa-envelope fa-2x fa-primary"></i> Contáctanos</h6>
  97.                                 <p>contacto@bricappropiedades.cl</p> 
  98.                                 <p>j.apiolaza@bricappropiedades.cl</p>
  99.                                 <p>g.briceno@bricappropiedades.cl</p>
  100.                             </li>
  101.                         </ul>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.     </div>
  107. {% endblock %}
  108. {% block javascripts %}
  109.     <script>
  110.         function formEnviarPadministracion(){
  111.             var path       = Routing.generate("propiedades_administracion_enviar");
  112.             var formulario = $("#form_padministracion").serialize();
  114.             var validarFormulario = validarFormularioPadministracion();
  116.             if(validarFormulario){
  117.                 $.ajax({
  118.                     url: path,
  119.                     type: 'POST',
  120.                     data: formulario,
  121.                     success: function (results) {
  122.                         if(results == "success"){
  123.                             var messageSuccess = "<h5>El correo ha sido enviado correctamente.</h5>";
  124.                             var titulo = '<div class="text-center">';
  125.                             titulo += '<i class="fa fa-check text-blue-gray" aria-hidden="true" style="font-size: 50px;"></i>';
  126.                             titulo += '</div>';
  128.                             bootbox.dialog({
  129.                                 closeButton: false,
  130.                                 title: titulo,
  131.                                 message: messageSuccess,
  132.                                 buttons: {
  133.                                     success: {
  134.                                         label: "<i class='fa fa-check' aria-hidden='true'></i> Aceptar",
  135.                                         className: "btn btn-e btn-sm btn-e-primary",
  136.                                         callback: function () {
  137.                                             window.onbeforeunload = null;
  139.                                             var path_show = "{{ path('propiedades_administracion') }}";
  140.                                             window.location.href = path_show;
  141.                                         }
  142.                                     }
  143.                                 }
  144.                             });
  145.                         }
  146.                     },
  147.                     error: function (e) {
  148.                         console.log(e);
  149.                     }
  150.                 });
  151.                 
  152.             }
  153.         }
  155.         function validarFormularioPadministracion(){
  156.             var flag = true;
  158.             if($('#form_padministracion_nombre').val() == ''){
  159.                 $('#form_padministracion_nombre').css("border-color", "red");
  160.                 $('#form_padministracion_nombre_error').show();
  161.                 $('#form_padministracion_nombre_error').text("Debe ingresar un nombre");
  162.                 flag = false;
  163.             }else{
  164.                 $('#form_padministracion_nombre').css("border-color", "#acacac");
  165.                 $('#form_padministracion_nombre_error').hide();
  166.             }
  168.             if($('#form_padministracion_telefono').val() == ''){
  169.                 $('#form_padministracion_telefono').css("border-color", "red");
  170.                 $('#form_padministracion_telefono_error').show();
  171.                 $('#form_padministracion_telefono_error').text("Debe ingresar un número de teléfono o celular");
  172.                 flag = false;
  173.             }else{
  174.                 $('#form_padministracion_telefono').css("border-color", "#acacac");
  175.                 $('#form_padministracion_telefono_error').hide();
  176.             }
  178.             if($('#form_padministracion_region').val() == ''){
  179.                 $('#form_padministracion_region_chosen .chosen-single').css("border-color", "red");
  180.                 $('#form_padministracion_region_error').show();
  181.                 $('#form_padministracion_region_error').text("Debe seleccionar una región");
  182.                 flag = false;
  183.             }else{
  184.                 $('#form_padministracion_region_chosen .chosen-single').css("border-color", "#acacac");
  185.                 $('#form_padministracion_region_error').hide();
  186.             }
  188.             if($('#form_padministracion_email').val() == ''){
  189.                 $('#form_padministracion_email').css("border-color", "red");
  190.                 $('#form_padministracion_email_error').show();
  191.                 $('#form_padministracion_email_error').text("Debe ingresar un email");
  192.                 flag = false;
  193.             }else{
  194.                 var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  195.                 if(regex.test($('#form_padministracion_email').val())){
  196.                     $('#form_padministracion_email').css("border-color", "#acacac");
  197.                     $('#form_padministracion_email_error').hide();
  198.                 }else{
  199.                     $('#form_padministracion_email').css("border-color", "red");
  200.                     $('#form_padministracion_email_error').show();
  201.                     $('#form_padministracion_email_error').text("Debe ingresar un email valido");
  202.                     flag = false;
  203.                 }
  204.             }
  206.             if($('#form_padministracion_propiedad').val() == ''){
  207.                 $('#form_padministracion_propiedad').css("border-color", "red");
  208.                 $('#form_padministracion_propiedad_error').show();
  209.                 $('#form_padministracion_propiedad_error').text("Debe seleccionar una propiedad");
  210.                 flag = false;
  211.             }else{
  212.                 $('#form_padministracion_propiedad').css("border-color", "#acacac");
  213.                 $('#form_padministracion_propiedad_error').hide();
  214.             }
  216.             if($('#form_padministracion_mensaje').val() == ''){
  217.                 $('#form_padministracion_mensaje').css("border-color", "red");
  218.                 $('#form_padministracion_mensaje_error').show();
  219.                 $('#form_padministracion_mensaje_error').text("Debe ingresar un mensaje");
  220.                 flag = false;
  221.             }else{
  222.                 $('#form_padministracion_mensaje').css("border-color", "#acacac");
  223.                 $('#form_padministracion_mensaje_error').hide();
  224.             }
  226.             return flag;
  227.         }
  229.         $(document).ready(function() {
  230.             $('#navbar-menu ul li').removeClass('active');
  231.             $('#navbar-menu ul li.li_administracion').addClass('active');
  232.             $('#form_padministracion_region').chosen();
  233.         });
  234.     </script>
  235. {% endblock %}