@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;
  }

    </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 ">

<!-- <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/oet.png" alt="Best study abroad consultancy in Kochi" width="100%">
  <h1 style="padding: 10px 0px ;color:black;font-size:36px;">What is OET?</h1>
  <p style="font-size:14px;">
  The Occupational English Test is specifically designed for healthcare professionals who wish to work or study in the UK, Australia, New Zealand, Ireland, and Singapore. It assesses the English communication skills of doctors, nurses, pharmacists, dentists, and other medical professionals. The test is tailored to real-life healthcare settings, making it highly relevant for those in the medical field. A score of B grade or above (350+ in each section) is usually required by healthcare regulatory bodies and employers.
  </p>
</div>
 <div class="col-md-4 mt-1">
        <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="Best study abroad consultancy in Kochi" 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="Best study abroad consultancy in Kochi" 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