@php
  $branches = $branches ?? \App\Models\SiteSetting::getBranches();
  $contact = $contact ?? [
    'phone' => \App\Models\SiteSetting::getValue('phone_primary', '02039623456'),
    'email' => \App\Models\SiteSetting::getValue('email_primary', 'info@fbaukltd.com'),
    'whatsapp' => \App\Models\SiteSetting::getValue('whatsapp', '447000000000'),
    'working_hours' => \App\Models\SiteSetting::getValue('working_hours', 'Mon – Fri: 9:00 AM – 6:00 PM'),
  ];
  $phoneDisplay = $contact['phone'] ?? '';
  $phoneTel = preg_replace('/\D+/', '', $phoneDisplay) ?: '';
  $whatsappRaw = preg_replace('/\D+/', '', $contact['whatsapp'] ?? '') ?: '';
  $emailDisplay = $contact['email'] ?? '';
  $phoneHref = function (string $label): string {
      $digits = preg_replace('/\D+/', '', $label) ?: '';
      return $digits !== '' ? 'tel:'.$digits : '#';
  };
@endphp
    <section id="apply" class="contact-section contact-section--premium" aria-labelledby="contact-heading">
      <div class="contact-section__decor" aria-hidden="true">
        <span class="contact-section__pattern"></span>
        <span class="contact-section__glow contact-section__glow--1"></span>
        <span class="contact-section__glow contact-section__glow--2"></span>
        <span class="contact-section__dot contact-section__dot--1"></span>
        <span class="contact-section__dot contact-section__dot--2"></span>
        <span class="contact-section__dot contact-section__dot--3"></span>
        <span class="contact-section__shape contact-section__shape--1"></span>
        <span class="contact-section__shape contact-section__shape--2"></span>
        <span class="contact-section__float contact-section__float--cap"><i class="fas fa-graduation-cap"></i></span>
        <span class="contact-section__float contact-section__float--book"><i class="fas fa-book-open"></i></span>
      </div>

      <div class="contact-section__inner">
        <header class="contact-section__header reveal-up">
          <span class="contact-section__badge">
            <i class="fas fa-envelope" aria-hidden="true"></i>
            Get In Touch
          </span>
          <h2 id="contact-heading" class="contact-section__title">Contact Our Advisors</h2>
          <p class="contact-section__subtitle">Have questions? Our friendly team is ready to help you take the next step towards your UK university journey.</p>
        </header>

        <div class="contact-section__grid reveal-up" data-delay="100">
          <aside class="contact-section__info">
            <div class="contact-advisors-card">
              <h3 class="contact-advisors-card__title">Speak With Our Expert Advisors</h3>
              <p class="contact-advisors-card__text">Get free guidance on courses, admissions, eligibility, and student finance.</p>

              <div class="contact-method-cards">
                @if($phoneDisplay)
                  <a href="{{ $phoneTel ? 'tel:'.$phoneTel : '#' }}" class="contact-method-card">
                    <span class="contact-method-card__icon contact-method-card__icon--phone"><i class="fas fa-phone" aria-hidden="true"></i></span>
                    <span class="contact-method-card__body">
                      <strong>Phone Support</strong>
                      <span>{{ $phoneDisplay }}</span>
                    </span>
                    <i class="fas fa-arrow-right contact-method-card__arrow" aria-hidden="true"></i>
                  </a>
                @endif
                @if($whatsappRaw)
                  <a href="https://wa.me/{{ $whatsappRaw }}" class="contact-method-card" target="_blank" rel="noopener noreferrer">
                    <span class="contact-method-card__icon contact-method-card__icon--whatsapp"><i class="fab fa-whatsapp" aria-hidden="true"></i></span>
                    <span class="contact-method-card__body">
                      <strong>WhatsApp Support</strong>
                      <span>Chat with us instantly</span>
                    </span>
                    <i class="fas fa-arrow-right contact-method-card__arrow" aria-hidden="true"></i>
                  </a>
                @endif
                @if($emailDisplay)
                  <a href="mailto:{{ $emailDisplay }}" class="contact-method-card">
                    <span class="contact-method-card__icon contact-method-card__icon--email"><i class="fas fa-envelope" aria-hidden="true"></i></span>
                    <span class="contact-method-card__body">
                      <strong>Email Support</strong>
                      <span>{{ $emailDisplay }}</span>
                    </span>
                    <i class="fas fa-arrow-right contact-method-card__arrow" aria-hidden="true"></i>
                  </a>
                @endif
              </div>
            </div>
          </aside>

          <div class="contact-section__form">
            <div class="contact-form-card contact-form-card--premium">
              <form id="contactForm" class="contact-form contact-form--premium" method="POST" action="{{ route('contact.store') }}" novalidate @if(session('contact_success')) hidden @endif>
                @csrf
                <div class="row g-3 g-md-4">
                  <div class="col-md-6">
                    <div class="form-floating">
                      <input type="text" class="form-control" id="firstName" name="first_name" required autocomplete="given-name" placeholder="First Name" value="{{ old('first_name') }}">
                      <label for="firstName">First Name <span class="text-danger">*</span></label>
                      <div class="invalid-feedback">Please enter your first name.</div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-floating">
                      <input type="text" class="form-control" id="lastName" name="last_name" required autocomplete="family-name" placeholder="Last Name" value="{{ old('last_name') }}">
                      <label for="lastName">Last Name <span class="text-danger">*</span></label>
                      <div class="invalid-feedback">Please enter your last name.</div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-floating">
                      <input type="email" class="form-control" id="email" name="email" required autocomplete="email" placeholder="Email" value="{{ old('email') }}">
                      <label for="email">Email Address <span class="text-danger">*</span></label>
                      <div class="invalid-feedback">Please enter a valid email address.</div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-floating">
                      <input type="tel" class="form-control" id="phone" name="phone" required autocomplete="tel" placeholder="Phone" value="{{ old('phone') }}">
                      <label for="phone">Phone Number <span class="text-danger">*</span></label>
                      <div class="invalid-feedback">Please enter your phone number.</div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="contact-form-field contact-form-field--select">
                      <span class="contact-form-field__icon" aria-hidden="true"><i class="fas fa-list-check"></i></span>
                      <div class="form-floating">
                        <select class="form-select" id="inquiryType" name="inquiry_type" required>
                          <option value="" @selected(!old('inquiry_type')) disabled>Select an option</option>
                          <option value="apply" @selected(old('inquiry_type') === 'apply')>Applying for a Course</option>
                          <option value="finance" @selected(old('inquiry_type') === 'finance')>Student Finance</option>
                          <option value="eligibility" @selected(old('inquiry_type') === 'eligibility')>Eligibility Assessment</option>
                          <option value="general" @selected(old('inquiry_type') === 'general')>General Enquiry</option>
                        </select>
                        <label for="inquiryType">I'm Interested In <span class="text-danger">*</span></label>
                        <div class="invalid-feedback">Please select an option.</div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="contact-form-field contact-form-field--select">
                      <span class="contact-form-field__icon" aria-hidden="true"><i class="fas fa-graduation-cap"></i></span>
                      <div class="form-floating">
                        <select class="form-select" id="preferredCourse" name="preferred_course">
                          <option value="" @selected(!old('preferred_course'))>Not sure yet</option>
                          <option value="business" @selected(old('preferred_course') === 'business')>Business Management</option>
                          <option value="health" @selected(old('preferred_course') === 'health')>Health &amp; Social Care</option>
                          <option value="computing" @selected(old('preferred_course') === 'computing')>Computing</option>
                          <option value="cyber" @selected(old('preferred_course') === 'cyber')>Cyber Security</option>
                          <option value="data" @selected(old('preferred_course') === 'data')>Data Science</option>
                          <option value="marketing" @selected(old('preferred_course') === 'marketing')>Digital Marketing</option>
                        </select>
                        <label for="preferredCourse">Preferred Course</label>
                      </div>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="form-floating contact-form-field--message">
                      <textarea class="form-control" id="message" name="message" placeholder="Your Message" style="height: 140px">{{ old('message') }}</textarea>
                      <label for="message">Your Message</label>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="form-check contact-form-privacy">
                      <input class="form-check-input" type="checkbox" id="consent" name="consent" value="1" required @checked(old('consent'))>
                      <label class="form-check-label" for="consent">
                        I agree to FBA Education Consultants contacting me about my enquiry and understand my data will be handled in accordance with the <a href="{{ route('privacy') }}">Privacy Policy</a>. <span class="text-danger">*</span>
                      </label>
                      <div class="invalid-feedback">You must agree before submitting.</div>
                    </div>
                  </div>
                  <div class="col-12">
                    <div id="contactFormError" class="alert alert-danger d-none" role="alert"></div>
                    <button type="submit" class="btn contact-form-submit" id="contactSubmitBtn">
                      <i class="fas fa-comments" aria-hidden="true"></i> Get Free Consultation
                    </button>
                  </div>
                </div>
              </form>

              <div id="contactSuccess" class="contact-success" @if(!session('contact_success')) hidden @endif>
                <div class="result-icon eligible"><i class="fas fa-check-circle" aria-hidden="true"></i></div>
                <h3 class="result-title eligible">Message Sent Successfully!</h3>
                <p class="result-text">Thank you for contacting us. One of our advisors will be in touch shortly.</p>
                <div class="d-flex flex-wrap gap-2 justify-content-center">
                  @if($phoneTel)
                    <a href="tel:{{ $phoneTel }}" class="btn btn-primary"><i class="fas fa-phone" aria-hidden="true"></i> Call Now</a>
                  @endif
                  @if($whatsappRaw)
                    <a href="https://wa.me/{{ $whatsappRaw }}" class="btn btn-outline-primary" target="_blank" rel="noopener noreferrer"><i class="fab fa-whatsapp" aria-hidden="true"></i> WhatsApp</a>
                  @endif
                </div>
              </div>
            </div>
          </div>
        </div>

        @if(count($branches))
          <div class="contact-branches reveal-up" data-delay="150">
            <div class="contact-branches__header">
              <span class="contact-branches__badge"><i class="fas fa-building" aria-hidden="true"></i> Our Offices</span>
              <h3 class="contact-branches__title">Visit Our Branches</h3>
              <p class="contact-branches__subtitle">Find your nearest FBA UK LTD office for in-person guidance and support.</p>
            </div>

            <div class="contact-branches__list">
              @foreach($branches as $branch)
                <article class="contact-branch">
                  <header class="contact-branch__heading">
                    <h4 class="contact-branch__city">{{ $branch['city'] }}@if(!empty($branch['country'])), <span>{{ strtoupper($branch['country']) }}</span>@endif</h4>
                  </header>
                  <div class="contact-branch__grid">
                    <div class="contact-branch-card">
                      <span class="contact-branch-card__icon contact-branch-card__icon--address" aria-hidden="true">
                        <i class="fas fa-location-dot"></i>
                      </span>
                      <h5 class="contact-branch-card__title">Our Address</h5>
                      <p class="contact-branch-card__text">{{ $branch['address'] ?: '—' }}</p>
                    </div>

                    <div class="contact-branch-card">
                      <span class="contact-branch-card__icon contact-branch-card__icon--phone" aria-hidden="true">
                        <i class="fas fa-phone"></i>
                      </span>
                      <h5 class="contact-branch-card__title">Phone Number</h5>
                      @if(!empty($branch['phones']))
                        <ul class="contact-branch-card__phones">
                          @foreach($branch['phones'] as $phone)
                            <li>
                              <a href="{{ $phoneHref($phone) }}">{{ $phone }}</a>
                            </li>
                          @endforeach
                        </ul>
                      @else
                        <p class="contact-branch-card__text">—</p>
                      @endif
                    </div>

                    <div class="contact-branch-card">
                      <span class="contact-branch-card__icon contact-branch-card__icon--email" aria-hidden="true">
                        <i class="fas fa-envelope"></i>
                      </span>
                      <h5 class="contact-branch-card__title">Email Us</h5>
                      @if(!empty($branch['email']))
                        <p class="contact-branch-card__text">
                          <a href="mailto:{{ $branch['email'] }}">{{ $branch['email'] }}</a>
                        </p>
                      @else
                        <p class="contact-branch-card__text">—</p>
                      @endif
                    </div>
                  </div>
                </article>
              @endforeach
            </div>
          </div>
        @endif
      </div>
    </section>