ヤミRoot VoidGate

Viewing: contact_index.html.twig

{% extends 'base.html.twig' %}

{% block title %}{{companyName}} | {% trans %}Contact{% endtrans %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    <link href="{{ asset('css/about_us.func.css') }}" rel="stylesheet" />
{% endblock %}


{% block body %}
    {{ parent() }}


    <!-- bannerpng.pn -->


    <div class="row" id="content">

        <div class="col s12" style="margin-top: -50px">

            <h5 class="  center "
                style="color: #14965d;  width: 100%; font-family:'Reem Kufi', sans-serif; font-size: 28px; height: 25px; margin-top: 30px; margin-bottom: 20px " >

                <b>{% trans  %} Nous contacter{% endtrans %}  </b>

            </h5>
            <h5 class="center" style="color: #e5bd02 "> {% trans  %}Ensemble, nous faisons la différence {% endtrans %} .</h5>
            <div class="divider col  l2 offset-l5  s4 offset-s4     center" style="height: 3px; margin-bottom: 40px; background: #14965d"></div>
        </div>

        <div class="col s12 m10 offset-m1 l11 push-l1">
            <div class="col s12 hide" id="preloadStep2">
                <div class="progress">
                    <div class="indeterminate pink"></div>
                </div>
                <h5 class="center-align center" id="connexionStep" style="margin-top: -10px"><b> {% trans  %}en cours de traitetement {% endtrans %}  ...</b></h5>
            </div>

            <div class="col s12  m10 offset-m1  l5   card hoverable z-depth-4 animated zoomIn" style=" box-shadow: 0px 0px 8px 0px #14965d; border-radius: 20px">
                <form  class="col l12 xl12 m12 s12" id="contact_client" enctype="multipart/form-data" accept-charset="utf-8"  onsubmit="return false;">
                    <div class="col  s12   input-field white">
                        <i class="fas fa-user-circle prefix" style="color:#14965d; font-size: 24px "> </i>
                        <input type="text"  data-length="50"  data-length="50" id="name_contact_for_footer" name="name_contact" required="required" class="validate">
                        <label for="name_contact_for_footer" data-error="wrong" data-success="right">{% trans  %}Nom {% endtrans %}  *</label>

                    </div>

                    <div class="col  s12   input-field white">
                        <i class="fas fa-envelope prefix" style="color:#14965d;font-size: 24px  "> </i>
                        <input type="email" id="email_contact_for_footer" name="email_contact" class="validate" required="required">
                        <label for="email_contact_for_footer" data-error="wrong" data-success="right">{% trans  %}Email {% endtrans %}  *</label>

                    </div>
                    <div class="col     s12   input-field white">
                        <i class="fas fa-phone prefix" style="color:#14965d;font-size: 24px  ">  </i>
                        <input type="number" id="phone_contact_for_footer" name="phone_contact" required="required"  class="validate" data-length="12" maxlength="12">
                        <label for="phone_contact_for_footer" data-error="wrong" data-success="right">{% trans  %}Téléphone {% endtrans %}  *</label>

                      
                    </div>
                    <div class="input-field col s12   white">
                        <textarea id="message_contact_for_footer" maxlength="3000"  data-length="3000"  class="materialize-textarea validate" name="message_contact" required="required"></textarea>

                        <label for="message_contact_for_footer" data-error="wrong" data-success="right">{% trans  %}Votre Message {% endtrans %}  *</label>

                    </div>
                    <button  onclick="submitContactUs()" id="btnContactUsSubmit" class="indigo-text button btn waves-effect waves-light center-block center" style="  margin-top: 2% ; margin-bottom: 20px" type="submit" name="action">{% trans  %} Envoyer{% endtrans %}
                        <i class="fas fa-check right" style="color:#14965d;font-size: 24px  ">  </i>
                    </button>
                </form>
             


            </div>
            <div class="col s12 m10 offset-m1 l6 push-l1  ">

                <img src="{{ asset('img/bannerpng.png') }}" class="center center-block  " style="margin-top: -10px; max-height: 350px; max-width: 450px; min-width: 250px; min-height: 250px " alt="">
                <p   class="center center-align" style=" font-size: 20px; color: #14965d; font-family:'Reem Kufi', sans-serif">
                    {% trans  %} Avec une assistance client 24h/24h, 7j/7j{% endtrans %}  .</p>


                <div class="col s12">
                    <div class="col s12 center " >



                        <a class="   waves-effect waves-light    " href="https://web.facebook.com/bioccarylife" target="_blank"
                           style="border-color: #ffffff; ; width: 46px; height: 46px;  margin-right: 5px; border-radius: 50%;  border-style: solid;border-width: 2px;  ">
                            <i class="fab fa-facebook-f  " style=" color:#14965d; font-size: 28px; margin-top: 3px; margin-left: -12px;  position: absolute"></i>

                        </a>

                        <a class="   waves-effect waves-light    " href="https://twitter.com/biocarrylife" target="_blank"
                           style="border-color: #ffffff; ; width: 46px; height: 46px;  margin-right: 5px; border-radius: 50%;  border-style: solid;border-width: 2px;  ">
                            <i class="fab fa-twitter  " style=" font-size: 28px; margin-top: 3px; margin-left: -12px; position: absolute;color:#14965d;   "></i>

                        </a>


                        <a class="   waves-effect waves-light    "  target="_blank" href="https://www.instagram.com/biocarrylife2/?hl=fr"
                           style="border-color: #ffffff; ; width: 46px; height: 46px;  margin-right: 5px; border-radius: 50%;  border-style: solid;border-width: 2px;  ">
                            <i class="fab fa-instagram  " style=" font-size: 28px; margin-top: 3px; margin-left: -12px; position: absolute; color:#14965d;    "></i>

                        </a>


                    </div>
                </div>
            </div>

        </div>
 
        

    </div>


{% endblock %}
  {% block javascripts %}
      {{ parent() }}
      <script src="{{ asset('js/home.func.js') }}"></script>

      <script type="text/javascript">

          var apiBaseUrl;
          var host = window.location.protocol+"//"+ window.location.host;
          if(window.location.host==="localhost"){
              apiBaseUrl=host+"/{{ companyName }}/public/api/v1/"
          }else{

              if(window.location.host=="testshare.epassevents.cm"){
                  apiBaseUrl=host+"/{{ companyName }}/public/api/v1/"
              }else{
                  apiBaseUrl=host+"/public/api/v1/"
              }

          }
          
          function submitContactUs () {

              var locationUrl="{{ path('client_contact_us') }}";
             
              var email=$("#email_contact_for_footer").val();
              var contactName=$("#name_contact_for_footer").val();
              var message=$("#message_contact_for_footer").val();
              var phone=$("#phone_contact_for_footer").val();

              if(contactName==="" ){
                  Swal.fire(
                      "{% trans %}Indiquez votre nom{% endtrans %}",
                      "..." ,
                      'warning'
                  );

                  return
              }

              if(email==="" && email.search("@")===-1){
                  Swal.fire(
                      "{% trans %}Adresse mail incorrect{% endtrans %}",
                      email ,
                      'warning'
                  );

                  return
              }



              if(phone==="" ){
                  Swal.fire(
                      "{% trans %}Numéro de tél obligatoire{% endtrans %}",
                      "..." ,
                      'warning'
                  );

                  return
              }


              if(message==="" ){
                  Swal.fire(
                      "{% trans %}Le champ message est vide{% endtrans %}",
                      "..." ,
                      'warning'
                  );

                  return
              }

                  $.ajax({
                      method: "POST",
                      tryCount  : 0,
                      retryLimit  : 4,
                      url: host+locationUrl,
                      "headers": {
                          "Content-Type": "application/json"
                      },
                      data: JSON.stringify({

                          "email":email,
                          "contactName":contactName,
                          "message":message,
                          "phone":phone,}),

                      beforeSend:function () {

                          $("#btnContactUsSubmit").addClass("disable");
                      },
                      success: function(data){


                          if(data==="success"){



                              document.getElementById("email_contact_for_footer").value="";
                              document.getElementById("name_contact_for_footer").value="";
                              document.getElementById("message_contact_for_footer").value="";
                              document.getElementById("phone_contact_for_footer").value="";



                              Swal.fire(
                                  "{% trans %}Votre message a été enregistré{% endtrans %}",
                                  "" ,
                                  'success'
                              );


                          }
                          console.log(data);


                          document.getElementById("new_letter").value="";
                          $("#btnContactUsSubmit").removeClass("disable");

                      },
                      error:function (xhr, textStatus, errorThrown) {


                          $("#btnContactUsSubmit").removeClass("disable");


                          refreshToken()

                          console.log(xhr);

                      }

                  });








           }
          
          
      </script>
  {% endblock %}
User / IP	: 216.73.216.143
Host / Server	: 146.88.233.70 / dev.loger.cm
System	: Linux hybrid1120.fr.ns.planethoster.net 3.10.0-957.21.2.el7.x86_64 #1 SMP Wed Jun 5 14:26:44 UTC 2019 x86_64