@extends('home.layouts.app')

@push('style')
<style>
    .submit:hover {
    background: linear-gradient(#e4c4ff, #c889ff) !important;
}

.submit {
    background: #790fb4!important;
    color: #ffffff;
   
}
}
</style>
<link rel="canonical" href="https://exprenza.com/contact" />
@endpush

@section('content')
<!-- Top Bar 1 Section -->
<section class=" d-none d-sm-none d-md-block" style="background-color: #EDE9EB;">
  <div class="container">
      <div class="row">
          <div class="col-md-3 col-6 d-flex justify-content-start align-items-center"><img class="icon-img" src="{{homeTheme()}}/image/email.png" alt="Best study abroad consultancy in Kochi"><span class="header-mail">info@exprenza.com</span></div>
          <div class="col-md-3 col-6 d-flex justify-content-center"><button class="book-button" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Book An Appointment</button></div>
          <div class="col-md-3 col-6 d-flex justify-content-center align-items-center"><img class="icon-img" src="{{homeTheme()}}/image/phone2.png" alt="Best study abroad consultancy in Kochi"><span class="header-mail">+91 9037669901</span></div>
          <div class="col-md-3 col-6 d-flex justify-content-end align-items-center">
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/fb1.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/insta.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/ytube1.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
              <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/linkedin.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
          </div>
      </div>
  </div>
</section>
</div>

    <section style="margin-top: 80px;">
  <div class="container">
    <div class="row">
      <h1 class="map-head" style="color: #280d34;">GET IN TOUCH</h1>


      
<div class="col-md-6 col-12 d-flex justify-content-center">
  <div class="container-form  p-4 rounded" style="background:#fff;  width:100%;">


    <form id="consultationForm">
  <div class="row">
    <div class="col-md-6 mb-3">
      <label for="name" class="form-label" style="color:#280d34; font-weight:600;">Name</label>
      <input class="form-control zz" type="text" id="name" name="name" placeholder="Enter your full name">
    </div>

    <div class="col-md-6 mb-3">
      <label for="email" class="form-label" style="color:#280d34; font-weight:600;">E-mail</label>
      <input class="form-control zz" type="email" id="email" name="email" placeholder="Enter your email address">
    </div>

    <div class="col-md-6 mb-3">
      <label for="phone" class="form-label" style="color:#280d34; font-weight:600;">Phone</label>
      <input class="form-control zz" type="text" id="phone" name="phone" placeholder="Enter your phone number">
    </div>

    <div class="col-md-6 mb-3">
      <label for="qualification" class="form-label" style="color:#280d34; font-weight:600;">Qualification</label>
      <input class="form-control zz" type="text" id="qualification" name="qualification" placeholder="Enter your qualification">
    </div>

    <div class="col-12 mb-3">
      <label for="message" class="form-label" style="color:#280d34; font-weight:600;">Message</label>
      <textarea class="form-control zz" id="message" name="message" rows="4" placeholder="Write your message..."></textarea>
    </div>
    
    <input type="hidden" name="recaptcha_token" id="recaptcha_token">

    <div class="col-12 d-grid">
      <button type="submit" class="btn submit" style="background:#790fb4; color:#fff; font-weight:600; border:none; border-radius:8px; padding:10px;">
        Submit
      </button>
    </div>
  </div>
</form>
  </div>
</div>
      <div class="col-md-6 center ">
<div class="cos" style="margin-top: 10px;">
        <h3 class="side-form-head"style="text-align:left; font-size:36px;line-height:40px" >Book Your Free Consultation</h3>
        <p style="text-align:left; font-size :16px; margin: 0px 50px;">Book your free consultation with the best study advisor today. As one of the leading study abroad consultants in Kochi, we guide you through course selection, university applications, scholarships, and visas—step by step. Get expert, personalized advice and start your journey with confidence.</p>
        <div style="    margin: 5px 40px;">
          <button class="btn-course1" data-bs-toggle="modal" data-bs-target="#staticBackdrop-quick-enquiry">Enquiry</button>
          <button class="btn-course2" onclick="window.location.href = 'https://wa.me/{{ isset($homeData['social']) ? $homeData['social']->whatsapp : '' }}';">WhatsApp</button>
          <button class="btn-course3" onclick="window.location.href = 'tel:@isset($homeData['social']){{ $homeData['social']->phone }}@endisset'">Call Us</button>
        </div>
      </div>
</div>
      <p class="map-subhead"></p>
      <div class="col-md-4 col-12">
        <h5 class="map-location" style="font-size: 18px; font-weight: 600;">
          <img src="{{homeTheme()}}/image/location-icon.png" alt="Best study abroad consultancy in Kochi" width="40" height="40">
          ERNAKULAM HEAD OFFICE
        </h5>
        <div class="map-box-main d-flex justify-content-center">
          <div class="map-box">
            <!--<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15718.08435293194!2d76.2860537!3d9.9737443!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b080d45b62533b1%3A0xc8eccdcd729f4520!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696917556587!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
            <div class="location-details">
              <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Iyyatil+Junction,+Ernakulam" target="_blank">

                <strong>
                  <div style="font-size: 15px; margin-bottom: 7px!important;">ERNAKULAM HEAD OFFICE</div>
                </strong>
                <div class="home-address">Exprenza Private Limited 2nd Floor, Samudra Building Iyyatil Junction, Ernakulam 682011</div>
                <strong>
                  <div class="home-number">+91 4844066686 |+91 90376 69901<br>
                    info@exprenza.com</div>
                </strong>
              </a>
            </div>
            <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Iyyatil+Junction,+Ernakulam" target="_blank"><button class="map-contact">View directions</button></a>
          </div>
        </div>
      </div>
      <!--<div class="col-md-3 col-12">-->
      <!--  <h5 class="map-location" style="font-size: 18px; font-weight: 600;">-->
      <!--    <img src="{{homeTheme()}}/image/location-icon.png" alt="Best study abroad consultancy in Kochi" width="40" height="40">-->
      <!--    THRISSUR BRANCH-->
      <!--  </h5>-->
      <!--  <div class="map-box-main d-flex justify-content-center">-->
      <!--    <div class="map-box">-->
            <!--<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15691.68854582496!2d76.2110204!3d10.506799!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba7effc52373475%3A0x4ac63bc20f31d3e3!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938694762!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
      <!--      <div class="location-details">-->
      <!--       <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Koorkenchery,+Thrissur" target="_blank">-->

      <!--        <strong>-->
      <!--          <div style="font-size: 15px; margin-bottom: 7px!important;">THRISSUR BRANCH</div>-->
      <!--        </strong>-->
      <!--        <div class="home-address">Exprenza Private Limited<br>39/1953-2, NSS Karayogam Building, Koorkenchery, Thrissur, Kerala - 680007</div>-->
      <!--        <strong>-->
      <!--          <div class="home-number">+91 97786 17605<br>-->
      <!--            info@exprenza.com</div>-->
      <!--        </strong>-->
      <!--       </a>-->
      <!--      </div>-->
      <!--      <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Koorkenchery,+Thrissur" target="_blank"><button class="map-contact">View directions</button></a>-->
      <!--    </div>-->
      <!--  </div>-->
      <!--</div>-->
      <div class="col-md-4 col-12">
        <h5 class="map-location" style="font-size: 18px; font-weight: 600;">
          <img src="{{homeTheme()}}/image/location-icon.png" alt="Best study abroad consultancy in Kochi" width="40" height="40">
          KATTAPANA BRANCH
        </h5>
        <div class="map-box-main d-flex justify-content-center">
          <div class="map-box">
            <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d502733.61662618665!2d76.33510819170677!3d10.131269820826189!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07a9d554f0990d%3A0xa8f7e99f5957c78e!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938829850!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
            <div class="location-details">
            <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Near+New+Bus+Stand,+Kattappana,+Idukki" target="_blank">

              <strong>
                <div style="font-size: 15px; margin-bottom: 7px!important;">KATTAPANA BRANCH</div>
              </strong>
              <div class="home-address">
                Exprenza Private Limited, 2 nd floor Cheruthenkal building Near newbusstand kattappana,Idukki-685508</div>
              <strong>
                <div class="home-number">+91 9037669909<br>
                  info@exprenza.com</div>
              </strong>
            </a>
            </div>
            <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Near+New+Bus+Stand,+Kattappana,+Idukki" target="_blank"><button class="map-contact">View directions</button></a>
          </div>
        </div>
      </div>
      <!--<div class="col-md-3 col-12">-->
      <!--  <h5 class="map-location" style="font-size: 18px; font-weight: 600;">-->
      <!--    <img src="{{homeTheme()}}/image/location-icon.png" alt="Best study abroad consultancy in Kochi" width="40" height="40">-->
      <!--    PERINTHALMANNA BRANCH-->
      <!--  </h5>-->
      <!--  <div class="map-box-main d-flex justify-content-center">-->

      <!--    <div class="map-box">-->
            <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d502733.61662618665!2d76.33510819170677!3d10.131269820826189!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07a9d554f0990d%3A0xa8f7e99f5957c78e!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938829850!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
      <!--      <div class="location-details">-->
      <!--        <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Perinthalmanna">-->

      <!--          <strong>-->
      <!--            <div style="font-size: 15px; margin-bottom: 7px!important;">PERINTHALMANNA BRANCH</div>-->
      <!--          </strong>-->
      <!--          <div class="home-address">-->
      <!--            EXPRENZA Pvt Ltd.-->
      <!--            Near Fitcore Gym & HLT Fitness,-->
      <!--            Angadippuram, calicut road, Perintalmanna, Kerala 679321</div>-->
      <!--          <strong>-->
      <!--            <div class="home-number">+91 6238984820<br>-->
      <!--              info@exprenza.com</div>-->
      <!--          </strong>-->
      <!--      </div>-->
      <!--      </a>-->
      <!--      <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Perinthalmanna"><button class="map-contact">View directions</button></a>-->
      <!--    </div>-->
      <!--  </div>-->
      <!--</div>-->
      <!--<div class="col-md-3 col-12">-->
      <!--  <h5 class="map-location" style="font-size: 18px; font-weight: 600;">-->
      <!--    <img src="{{homeTheme()}}/image/location-icon.png" alt="Best study abroad consultancy in Kochi" width="40" height="40">-->
      <!--    CHALAKUDY BRANCH-->
      <!--  </h5>-->
      <!--  <div class="map-box-main d-flex justify-content-center">-->
      <!--    <div class="map-box">-->
            <!--<iframe class="gmap_iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?hl=en&amp;q=exprenza chalakudy&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
      <!--      <div class="location-details">-->
      <!--                    <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Chalakudy" target="_blank">-->

      <!--        <strong>-->
      <!--          <div style="font-size: 15px; margin-bottom: 7px!important;">CHALAKUDY BRANCH</div>-->
      <!--        </strong>-->
      <!--        <div class="home-address">-->
      <!--          EXPRENZA Pvt Ltd.<br />-->
      <!--          First Floor, Muncipal Townhall building,-->
      <!--          Chalakudy, Kerala 680307</div>-->
      <!--        <strong>-->
      <!--          <div class="home-number">+91 9037669901<br>-->
      <!--            info@exprenza.com</div>-->
      <!--        </strong>-->
      <!--      </a>-->
      <!--      </div>-->
      <!--      <a href="https://www.google.com/maps?q=Exprenza+Private+Limited,+Chalakudy" target="_blank"><button class="map-contact">View directions</button></a>-->
      <!--    </div>-->
      <!--  </div>-->
      <!--</div>-->

    </div>
  </div>
</section>
<hr class="hr"/>

 @endsection


 @push('script')
 <script>

// appoinment-form
$('#consultationForm').submit(async function(event) {
    event.preventDefault();

    const form = $(this);
    const formData = new FormData(this);
    const url = '{{ route('home.consultation.store') }}';

    // Clear previous validation feedback
    form.find('.form-control').removeClass('is-invalid');
    form.find('.invalid-feedback').remove();

    try {
        const response = await axios.post(url, formData, {
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'multipart/form-data'
            }
        });

        if (response.data) {
            alert('Success');
            form.trigger("reset");
        }
    } catch (error) {
        if (error.response.status === 422) {
            const errors = error.response.data.errors;
            $.each(errors, function(field, messages) {
                const inputField = form.find('[name="' + field + '"]');
                inputField.addClass('is-invalid');
                inputField.after('<div class="invalid-feedback">' + messages.join('<br>') + '</div>');
            });
        } else {
            console.error(error);
            alert('An error occurred. Please try again later.');
        }
    }
});

 </script>

 @endpush