{extends file=$menu.dir|cat:"base.tpl"}



{block name="carousel"}  
    
{/block}

{block name="body"}
        <div class="container">
                <div class="content col-lg-12">
                      <div class="contact-header">
                          <span>{str_replace("-"," ",$menu.select_body.more_name_)}<div></div></span>
                      </div>
                      <h3 class="news-header">{$menu.select_body.{"name_"|cat:$_class_->_lang}}</h3>

                      
                      <div class="contact-left-div col-lg-6">

                          <div class="contact-text-div">
                              {$menu.select_body.{"body_"|cat:$_class_->_lang}}
                          </div>

                          <div class="contact-phone-div">
                              <i class="fa fa-phone"></i><span>: {$contact.tel}</span>
                          </div>
                          <div class="contact-address-div">
                              <i class="fa fa-globe"></i><span>: {$contact.{"address_"|cat:$_class_->_lang}}</span>
                          </div>
                          <div class="contact-mail-div">
                              <i class="fa fa-envelope"></i><span>: <a href="mailto:{$contact.email}">{$contact.email}</a></span>
                          </div>
                          <div class="contact-index-div">
                              <i class="fa fa-map-marker"></i><span>: {$contact.fost}</span>
                          </div>
                      </div>

                      <div class="contact-right-div col-lg-6" id="contact_form_">
                        <div class="alert alert-{$menu.form_error_class_name}{if not $menu.form_error_status} display_none{/if}" id="error_message">
                             {$menu.form_error_message}
                        </div>
                          <div class="contact-form-header">
                              <i class="fa fa-list-ul"></i>{$_class_->trnslt('contact form')}
                          </div>
                          <form method="post" onsubmit="return ins_form()" action="/კონტაქტი">
                              <div class="contact-form-name">
                                  {$_class_->trnslt('name')}:
                              </div>
                              <input type="text" name="name" class="form_contact_">

                              <div class="contact-form-mail">
                                  {$_class_->trnslt('email')}:
                              </div>
                              <input type="email" name="email" class="form_contact_">

                              <div class="contact-form-subject">
                                  {$_class_->trnslt('theme name')}:
                              </div>
                              <input type="text" name="subject" class="form_contact_">
                              <div class="contact-form-text">
                                  {$_class_->trnslt('content')}:
                              </div>
                              <textarea name="text" id="" cols="30" rows="10" class="form_contact_"></textarea>
                              <div class="contact-form-subject">
                                  {$_class_->trnslt('captcha')}:

                                  <img src="/admin/captcha/captcha.php" id="captcha" class="img-responsive" style="width: 71%" /><br/>
                                    <a href="javascript:void(0)" onclick="
                                      document.getElementById('captcha').src='/admin/captcha/captcha.php?'+Math.random();
                                      document.getElementById('captcha-form').focus();"
                                      id="change-image">{$_class_->trnslt('Change captcha')}</a>

                              </div>
                              <input type="text" name="captcha" class="form_contact_">
                              <div class="contact-form-submit">
                                  <button type="submit" class="btn btn-primary">{$_class_->trnslt('send')}</button>
                              </div>
                          </form>
                      </div>
                  </div> 
        </div>  


        <script>
            function ins_form(){
              var message = document.getElementById("error_message");
              $(message).addClass("display_none");
              $('.red_').removeClass("red_");

              var ret = true;
              var inp = document.getElementsByClassName("form_contact_");
              for(var i = 0; i < inp.length; i++){
                if(!inp[i].value.length){
                  $(message).removeClass("display_none"); 
                  $(inp[i]).addClass("red_");
                  ret = false;
                }
              }
              return ret;  
            }

        </script> 

        <style>
        .display_none{
            display: none
        }

        .red_{
          border: 1px solid red !important
        }

        </style>     

{/block}