<?php $__env->startSection('content'); ?>
<div class="breadcrumb">
<img src="<?php echo e(URL::asset('img/bg-breadcrumb-7.png')); ?>"  alt="">
  <div class="container">
    <div class="breadcrumb-inner">
      <h1>Liên hệ</h1>
      <div class="d-flex align-items-center">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M22.1836 11.8364L13.1274 2.7848L12.5204 2.17777C12.382 2.04037 12.195 1.96326 12 1.96326C11.8051 1.96326 11.618 2.04037 11.4797 2.17777L1.81645 11.8364C1.67473 11.9775 1.56272 12.1457 1.48705 12.3308C1.41137 12.516 1.37355 12.7145 1.37583 12.9145C1.3852 13.7395 2.07192 14.3981 2.89692 14.3981H3.89302V22.0317H20.1071V14.3981H21.1243C21.525 14.3981 21.9024 14.241 22.186 13.9575C22.3256 13.8183 22.4363 13.6528 22.5115 13.4705C22.5867 13.2883 22.6251 13.0929 22.6243 12.8957C22.6243 12.4973 22.4672 12.12 22.1836 11.8364ZM13.3125 20.3442H10.6875V15.5629H13.3125V20.3442ZM18.4196 12.7106V20.3442H14.8125V15.0004C14.8125 14.4825 14.393 14.0629 13.875 14.0629H10.125C9.60708 14.0629 9.18755 14.4825 9.18755 15.0004V20.3442H5.58052V12.7106H3.33052L12.0024 4.04574L12.5438 4.58714L20.6719 12.7106H18.4196Z" fill="white" />
        </svg>
        <a href="">Trang chủ</a> <span>/</span>
        <span>Liên hệ</span>
      </div>
    </div>
  </div>
</div>
<section class=" container">
  <div class="contact contact-page">
    <div class="section-title mt-5">
      <span>Liên hệ với MSCM</span>
    </div>
    <p class="section-content mb-2">
      Hãy để lại thông tin cho chúng tôi, chúng tôi sẽ liên hệ tới bạn sớm nhất
    </p>
    <div class="row   justify-content-center">
      <div class="col-md-3">
        <div class="contact-item">
          <div class="contact-icon">
            <i class="fas fa-envelope"></i>
          </div>
          <a href="mailto:contact@mscm.com">contact@mscm-consulting.com</a>
        </div>
      </div>
      <div class="col-md-3">
        <div class="contact-item">
          <div class="contact-icon">
            <i class="fas fa-phone-alt"></i>
          </div>
          <a href="tel:(024) 6664 1234"> 0937018559</a>
        </div>
      </div>
      <div class="col-md-3">
        <div class="contact-item">
          <div class="contact-icon">
            <i class="fas fa-clock"></i>
          </div>
          <span><?php echo e(Helper::GeneralSiteSettings("contact_t7_" . @Helper::currentLanguage()->code)); ?></span>
        </div>
      </div>
    </div>
    <div class="form">
      <form action="javascript:void(0)">
      <p class="text-primary fw-bold fs-5 js-form-success">Chúc mừng bạn đã gửi thông tin thành công. Chúng tôi sẽ liên hệ với bạn sớm nhất có thể.</p>
      <p class="text-danger fw-bold fs-5 js-form-error">Bạn vui lòng điền các thông tin được yêu cầu.</p>
        <div class="row">
          <div class="col-md-6">
            <input class="form-control user_name" type="text" placeholder="Họ và tên">

          </div>
          <div class="col-md-6">
            <input type="text" class="form-control phone" placeholder="Số điện thoại">

          </div>
          <div class="col-md-6">

            <input type="text" class="form-control email" placeholder="Email của bạn">
          </div>
          <div class="col-md-6">
            <input type="text" class="form-control course" placeholder="Khoá học">

          </div>
        </div>
        <input type="text" class="form-control note" placeholder="Ghi chú của bạn">
        <div class="d-flex justify-content-center">
          <button class="btn btn-white js-send-info">Gửi thông tin
            <i class="fas fa-paper-plane"></i>
          </button>
        </div>
      </form>
    </div>
  </div>
</section>
<?php $__env->startSection('script_js'); ?>
<script>
    $(document).ready(function() {
        $(".js-form-error").hide();
        $(".js-form-success").hide();
        $(".js-send-info").on("click", () => {
            const username = $(".user_name").val();
            const phone = $(".phone").val();
            const email = $(".email").val();
            const course = $(".course").val();
            const note = $(".note").val();
            let invalid = false;
            if(!username) {
                $(".user_name").addClass('border border-danger');
                invalid = true;
            } else {
                $(".user_name").removeClass('border border-danger');
            }
            if(!phone) {
                $(".phone").addClass('border border-danger');
                invalid = true;
            } else {
                $(".phone").removeClass('border border-danger');
            }
            if(!email) {
                $(".email").addClass('border border-danger');
                invalid = true;
            } else {
                $(".email").removeClass('border border-danger');
            }
            if(!course) {
                $(".course").addClass('border border-danger');
                invalid = true;
            } else {
                $(".course").removeClass('border border-danger');
            }
            if(invalid) {
                $(".js-form-error").show();
                return;
            } 
            $(".js-form-error").hide();
            $.ajax({
                method: "POST",
                url: "/contact/submit",
                data: { contact_name:username,contact_phone:phone,contact_email:email,contact_subject:course,contact_message:note,"_token": "<?php echo e(csrf_token()); ?>" }
            })
            .done(function( msg ) {
                $(".user_name").val("");
                $(".phone").val("");
                $(".email").val("");
                $(".course").val("");
                $(".note").val("");
                $(".js-form-success").show();
            })
            .fail((e) => {
              const errors = e.responseJSON.errors;
              for(const err in errors) {
                $(".js-form-error").text(errors[err]);
                $(".js-form-error").show();
                return;
              }
            });
            

        });
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontEnd.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u503560585/domains/mscm.me/public_html/resources/views/frontEnd/contact1.blade.php ENDPATH**/ ?>