@push('style')
 <style>

    .tab {
      overflow: hidden;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
    }

    /* Style the buttons inside the tab */
    .tab button {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      transition: 0.3s;
      font-size: 17px;
      color: black;
    }

    /* Change background color of buttons on hover */
    .tab button:hover {
      background-color: #ddd;
      padding: 10px 20px;
      margin: 5px 0px;
    }

    /* Create an active/current tablink class */
    .tab button.active {
      background-color: #ccc;
      padding: 10px 20px;
      margin: 5px 0px;
    }

    /* Style the tab content */
    .tabcontent {
      display: none;
      padding: 6px 12px;
      border: 1px solid #ccc;
      border-top: none;
    }
    .book-btn-link{
    color: orange!important;
    border: 1px solid!important;
    margin: 10px 15px;
    border-radius: 0px;
    padding: 3px 10px !important;
}
.register-input{
    padding: 6px 10px;
    width: 100%;
    margin: 5px 0px;
}
.cancelbtn{
    margin: 15px 0px;
    padding: 10px 20px;
    background: linear-gradient(#c889ff, #ae56fc);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}


  .card {
    border-radius: 8px;
    background: #fff;
    width: 90% !important;
    padding-top: 20px !important;
  }

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

 @extends('home.layouts.app')

 @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: 90px;">
    <div class="container">
        <div class="row d-flex align-items-center">

<!-- <div class="tab">
 <button class="tablinks" onclick="openCity(event, 'IELTS')">IELTS</button>
  <button class="tablinks" onclick="openCity(event, 'PTE')">PTE</button>
  <button class="tablinks" onclick="openCity(event, 'OET')">OET</button>
  <button class="tablinks" onclick="openCity(event, 'TOEFL')">TOEFL</button>
  <button class="tablinks" onclick="openCity(event, 'GRE')">GRE</button>
  <button class="book-btn-link">BOOK A TEST</button>
</div> -->

<div class="col-md-8"><img src="{{homeTheme()}}/image/ielts.jpg" alt="IELTS" width="100%">
 <h1 style="padding: 10px 0px;color:black;font-size:36px;">What is IELTS?</h1>
 <p style="font-size:14px;">
    The International English Language Testing System is the gold standard for English-language testing that has been trusted by over 12,000 organisations in over 150 countries for more than 30 years. IELTS is globally accepted by all immigration departments that require an English Language test, including Australia, Canada, the UK, the USA, Ireland and New Zealand. It assesses an individual’s ability to Listen, Read, Write, and Speak in English and is graded on a band scale of 0-9. The test is conducted in either a computer or paper-based format.
  </p>
</div>
     <div class="col-md-4 mt-4">
        <div class="card p-4 shadow-sm mx-auto sticky-enquiry ">
          <h4 class="mb-3">Enquiry Form</h4>
          <hr class="mb-3" style="width: 40px; border: 2px solid #ae56fc;">

          <form method="post" action="{{ route('home.enquiryForm.store') }}" enctype="multipart/form-data">
            @csrf

            <div class="row">
              <div class="col-md-6 mb-4">
                <input type="text" class="form-control" placeholder="Name" id="name" name="name"  value="{{ old('name') }}">
              </div>
              <div class="col-md-6 mb-4">
                <input type="email" class="form-control" placeholder="Email" id="email" name="email"  value="{{ old('email') }}">
              </div>
            </div>
           <div class="col-md-12 mb-4">
    <select id="nearest_exprenza_office" name="nearest_exprenza_office" class="form-control">
        <option value="">Nearest ExprenzaOffice</option>
        <option value="ERNAKULAM" {{ old('nearest_exprenza_office') == 'ERNAKULAM' ? 'selected' : '' }}>ERNAKULAM</option>
        <option value="THRISSUR" {{ old('nearest_exprenza_office') == 'THRISSUR' ? 'selected' : '' }}>THRISSUR</option>
        <option value="KATTAPANA" {{ old('nearest_exprenza_office') == 'KATTAPANA' ? 'selected' : '' }}>KATTAPANA</option>
        <option value="CHALAKKUDY" {{ old('nearest_exprenza_office') == 'CHALAKKUDY' ? 'selected' : '' }}>CHALAKKUDY</option>
        <option value="PERINTHALMANNA" {{ old('nearest_exprenza_office') == 'PERINTHALMANNA' ? 'selected' : '' }}>PERINTHALMANNA</option>
    </select>
</div>

           <div class="col-md-12 mb-4">
    <select id="quick-country" name="country" class="form-control">
        <option value="">Select Country</option>
        @isset($homeData['country'])
            @foreach($homeData['country'] as $post)
                <option value="{{ $post->title }}" 
                    {{ old('country') == $post->title ? 'selected' : '' }}>
                    {{ $post->title }}
                </option>
            @endforeach
        @endisset
    </select>
</div>


           <div class="form-group row">
    <div class="col-12 mb-4">
        <select id="service" name="service_looking_for" class="form-control">
            <option value="">Service Looking For?</option>
            <option value="Study Abroad" {{ old('service_looking_for') == 'Study Abroad' ? 'selected' : '' }}>Study Abroad</option>
            <option value="Visa" {{ old('service_looking_for') == 'Visa' ? 'selected' : '' }}>Visa Assistance</option>
            <option value="IELTS Learning" {{ old('service_looking_for') == 'Language Training' ? 'selected' : '' }}>Language Training</option>
        </select>
    </div>
</div>
            <div class="mb-4">
              <input type="text" class="form-control" placeholder="Phone" id="phone" name="phone" value="{{ old('phone') }}">
            </div>

            <div class="row">

              
            </div>


            <div class="mb-4">
              <textarea class="form-control" rows="4" placeholder="Your comment here..." id="message" name="message" value="{{ old('message') }}"></textarea>
            </div>
             <input type="hidden" name="recaptcha_token" id="recaptcha_token">

            <button type="submit" class="btn  btnen btn-info text-white w-100 fw-bold">
              TALK TO OUR EXPERTS
            </button>
          </form>
        </div>
      </div>



<div id="IELTS" class="tabcontent">
  <h3>IELTS</h3>
  <div class="row">
    ffdsf
    <div class="col-md-8">
      <img src="{{homeTheme()}}/image/ielts.jpg" alt="IELTS" width="100%">

    </div>
    <div class="col-md-4">
        <form action="/action_page.php" style="border:1px solid #ccc">
            <div class="container">
              <h1 class="mt-3">Register Now</h1>
              <p>Course Applied For.</p>
              <hr>
              <input class="register-input"  type="text" placeholder="IELTS*" name="email" required>

              <input class="register-input" type="password" placeholder="Name*" name="name" required>

              <input class="register-input"  type="text" placeholder="Email*" name="email" required>

              <input class="register-input" type="number" placeholder="Phone*" name="phone" required>

              <input class="register-input" type="text" placeholder="Location*" name="location" required>

              <textarea class="register-input" id="w3review" placeholder="Location*" name="w3review">At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.</textarea>


              <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

              <div class="clearfix">
                <button type="button" class="cancelbtn">SEND MESSAGE</button>
              </div>
            </div>
          </form>
    </div>
    </div>
</div>

<div id="PTE" class="tabcontent">
    <h3>PTE</h3>
    <div class="row">
      <div class="col-md-8"><img src="{{homeTheme()}}/image/ielts.jpg" alt="IELTS" width="100%"></div>
      <div class="col-md-4">
          <form action="/action_page.php" style="border:1px solid #ccc">
              <div class="container">
                <h1 class="mt-3">Register Now</h1>
                <p>Course Applied For.</p>
                <hr>
                <input class="register-input"  type="text" placeholder="IELTS*" name="email" required>

                <input class="register-input" type="password" placeholder="Name*" name="name" required>

                <input class="register-input"  type="text" placeholder="Email*" name="email" required>

                <input class="register-input" type="number" placeholder="Phone*" name="phone" required>

                <input class="register-input" type="text" placeholder="Location*" name="location" required>

                <textarea class="register-input" id="w3review" placeholder="Location*" name="w3review">At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.</textarea>


                <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

                <div class="clearfix">
                  <button type="button" class="book-ftr">SEND MESSAGE</button>
                </div>
              </div>
            </form>
      </div>
      </div>
</div>

<div id="OET" class="tabcontent">
    <h3>OET</h3>
    <div class="row">
      <div class="col-md-8"><img src="" width="100%"></div>
      <div class="col-md-4">
          <form action="/action_page.php" style="border:1px solid #ccc">
              <div class="container">
                <h1 class="mt-3">Register Now</h1>
                <p>Course Applied For.</p>
                <hr>
                <input class="register-input"  type="text" placeholder="IELTS*" name="email" required>

                <input class="register-input" type="password" placeholder="Name*" name="name" required>

                <input class="register-input"  type="text" placeholder="Email*" name="email" required>

                <input class="register-input" type="number" placeholder="Phone*" name="phone" required>

                <input class="register-input" type="text" placeholder="Location*" name="location" required>

                <textarea class="register-input" id="w3review" placeholder="Location*" name="w3review">At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.</textarea>


                <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

                <div class="clearfix">
                  <button type="button" class="cancelbtn">SEND MESSAGE</button>
                </div>
              </div>
            </form>
      </div>
      </div>
</div>

<div id="OET" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="TOEFL" class="tabcontent">
    <h3>Tokyo</h3>
    <p>Tokyo is the capital of Japan.</p>
  </div>
  <div id="GRE" class="tabcontent">
    <h3>Tokyo</h3>
    <p>Tokyo is the capital of Japan.</p>
  </div>
        </div>
    </div>
</section>
<hr>
 @include('home.status')

 @endsection


@push('script')
    <!-- Link to Bootstrap JS and Popper.js -->
<script>
    function openCity(evt, cityName) {
      var i, tabcontent, tablinks;
      tabcontent = document.getElementsByClassName("tabcontent");
      for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
      }
      tablinks = document.getElementsByClassName("tablinks");
      for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
      }
      document.getElementById(cityName).style.display = "block";
      evt.currentTarget.className += " active";
    }
    </script>
@endpush