<?php $__env->startSection('content'); ?>
  <main>
        <!-- Start pg-header -->
        <section class="pg-header section">
            <div class="container">
                <div class="content wow text-focus-in">
                    <h1 class="title text-white text-center"><b><?php echo e(__('web.contactus')); ?> </b></h1>
                    <div class="bread text-center mt-3">
                        <a href="<?php echo e(url(getCurrentLocale().'/')); ?>" class="link"><?php echo e(__('web.home')); ?></a> |
                        <span class="this-pg"><?php echo e(__('web.contactus')); ?> </span>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start contact-pg -->
        <section class="contact-pg section">
            <div class="container">
                <div class="row mb-5">
                    <div class="col-lg-4">
                        <div class="contact_card inFlex wow fadeInUp">
                            <div class="icon-outer">
                                <i class="fas fa-phone-alt"></i>
                            </div>
                            <div class="content">
                                <h5 class="title mb-2"><b><?php echo e(__('web.phone')); ?></b></h5>
                                <p class="det mb-0"><?php echo e(settings('phone')); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="contact_card inFlex wow fadeInUp">
                            <div class="icon-outer">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div class="content">
                                <h5 class="title mb-2"><b><?php echo e(__('web.email')); ?></b></h5>
                                <p class="det mb-0"><?php echo e(settings('email')); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="contact_card inFlex wow fadeInUp">
                            <div class="icon-outer">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <div class="content">
                                <h5 class="title mb-2"><b><?php echo e(__('web.address')); ?></b></h5>
                                <p class="det mb-0"><?php echo e(settings('address')); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inner-box">
                    <div class="text-box  mb-5">
                        <p class="color-secondary mb-3 wow tracking-in-expand-fwd-bottom"><?php echo e(__('web.contactus')); ?></p>
                        <h1 class="title mb-3 wow tracking-in-expand-fwd-top"><b><?php echo e(__('web.send_msg')); ?> </b></h1>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-wrapper wow text-focus-in">
                                <form method='POST' onsubmit="contacts(this)" action="<?php echo e(url(getCurrentLocale().'/contacting')); ?>">
                                    <?php echo csrf_field(); ?>
                                    <div class="form-group">
                                        <input class="form-control" name="name" placeholder="<?php echo e(__('web.name')); ?> " type="text"/>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control"  type="email" name="email" placeholder="<?php echo e(__('web.email')); ?> " type="text"/>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control"  type="number" name="phone" placeholder="<?php echo e(__('web.phone')); ?> " type="text"/>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" name="subject" placeholder="<?php echo e(__('web.subject')); ?>" type="text"/>
                                    </div>
                                    <div class="form-group">
                                        <textarea class="form-control" name="message" rows="5" placeholder="<?php echo e(__('web.message')); ?>"></textarea>
                                    </div>
                                    <button class="butn primary-butn mt-2"><span class="zi-5"><?php echo e(__('web.send')); ?></span></button>
                                </form>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="map-box wow text-focus-in mt-0">
                                <iframe width="100%" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"><a href="https://www.gps.ie/sport-gps/">bike gps</a></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
 <div class="modal fade" id="success_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <img src="<?php echo e(url('')); ?>/assets/web/images/icons/confirm.png" alt="" class="icon"/>
                        <div class="content">
                            <h3 class="title"><b><?php echo e(__('web.success')); ?></b></h3>
                            <p class="p"><?php echo e(__('web.thanks')); ?> <img src="<?php echo e(url('')); ?>/assets/web/images/logo.svg" alt="" class="logo"/></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="error_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <img src="<?php echo e(url('')); ?>/assets/web/images/icons/refuse.png" alt="" class="icon"/>
                        <div class="content">
                            <div id="errors_modal">
                            <h3 class="title"><b></b></h3>
                            </div>
                            <p class="p">  <?php echo e(__('web.thanks')); ?> <img src="<?php echo e(url('')); ?>/assets/web/images/logo.svg" alt="" class="logo"/></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
        <!-- Start page-heading -->
     
        <!-- Start newsletter-sec -->
       
         
    <?php $__env->startPush('js'); ?>
   <script>
       
 
        function contacts(elem){
        event.preventDefault(); 
       var action = $(elem).attr('action');
       var urls = action;
       var dataform = $(elem).serialize();
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          success:function(data)
          {
           $('#success_modal').modal('show');
              
                 setTimeout(
  function()
  {
      location.reload();
  }, 1000);
             
          }
          ,error:function(data) {
             $('#error_modal').modal('show');
              $('#errors_modal').html('');
    $('#errors_modal').css("display", "block");
   
   $.each(data.responseJSON.errors, function(key,value) {
       
     $('#errors_modal').append('<h4 class="title text-center mt-3">'+value+'</h4>');
     
     
 }); 
 
}
        })
        }
    </script>
   <?php $__env->stopPush(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('web.layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/omaralyomhost/public_html/electron/resources/views/web/pages/pages/contact.blade.php ENDPATH**/ ?>