
<!-- banner -->
<div class="banner-title">
    <img src="<?php echo IMAGES_FRONT_END_LINK; ?>banner.jpg" class="img-responsive">
</div>
<!-- //banner -->

<!-- about-->
<section class="smile-row py-sm-3" id="about">
    <div class="container py-md-5">
        <div class="row abbot-main py-lg-5 py-4">
            <div class="col-lg-6 abbot-right">
                <span></span>
                <img src="<?php echo UPLOAD_LINK.$service['image'] ?>" class="img-fluid" alt="">
            </div>
            <div class="col-lg-6 about-text-grid">
                <h3 class="stat-title"><?php echo $service['title'] ?>
                </h3>
                <p class="mt-md-5 mt-3"><?php echo $service['slug'] ?></p>
                <br>
            </div>

            <div class="col-sm-12">
                <br><br><br>
                <h3>  وصف  <?php echo $service['title'] ?></h3>
                <p class=" mt-3"><?php echo $service['description'] ?></p>

            </div>
            <div class="row">

            </div>
        </div>
        <div class="banner banner-form col-md-10">
            <form id="sendMessageForm">
                <div id="mresultmessageData"></div>
                <h3 class="text-dark">اتصل بنا </h3>
                <div class="form-group">
                    <div class="cols-sm-9">
                        <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-user fa"
                                                                       aria-hidden="true"></i></span>
                            <input type="text" class="form-control" name="name" id="name"
                                   required="required" placeholder="أدخل الاسم  "/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="cols-sm-9">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
                            <input type="email" class="form-control" name="email" id="email" required="required" placeholder="البريد الإلكتروني  "/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="cols-sm-9">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-phone fa" aria-hidden="true"></i></span>
                            <input type="text" class="form-control" name="phone" id="Phpne" required="required" placeholder="رقم الهاتف"/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="cols-sm-9">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-comment fa-lg" aria-hidden="true"></i></span>
                            <textarea type="text" class="form-control" name="message" rows="3" required="required" placeholder="اترك رسالتك"/></textarea>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="action" value="addsentmessagedata">
                <div class="form-group ">
                    <button type="submit" id="button" class="btn btn-default btn-lg btn-block login-button sentmessage">
                        إرســال
                    </button>
                </div>
            </form>
        </div>
    </div>
</section>
<!-- //about -->


<!-- map -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1725.995453825835!2d31.329147592946395!3d30.094446737919483!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1458158b186474cb%3A0x5ffe54a5b10b406b!2sSalah+Eldin+Square!5e0!3m2!1sen!2seg!4v1546187413038"
        width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<!-- //map -->






  <script>
  	$(document).ready(function () {
          // end subscripe code
          // start add subscribe code
          $("body").on("submit","#sendMessageForm",function(){
              var allData = $(this).serialize();
              $.ajax({
                  url: "<?php echo BASE_URL."service/SendMessageForm" ?>",
                  type:"POST",
                  data: allData,
                  beforeSend:function(){
                      $(".sentmessage").attr("disabled","disabled");
                  },
                  statusCode: {
                      404: function() {
                          alert( "page not found" );
                      },
                  },
                  success:function(valdata) {
                      var da = jQuery.parseJSON(valdata);
                      if(da['status'] == "success")
                      {
                          $("#mresultmessageData").html(da['message']);
                          setTimeout("location.reload(true);",2000);
                      }else{
                          $("#mresultmessageData").html(da['message']);
                      }
                      $(".sentmessage").removeAttr("disabled");
                  }
              });
              return false;
          });
          // end subscribe code

      })

  </script>
