@extends('frontend.layouts.master')

@section('title', 'Become an FBA Education Partner | FBA UK LTD')
@section('meta_description', 'Interested in working with FBA? Send your details and our Partnerships Team will contact you to discuss the opportunities available.')
@section('canonical', route('partner'))

@section('content')
@include('frontend.partials.page-hero', [
  'currentPage' => 'Become a Partner',
  'title' => 'Become an <span class="text-gradient">FBA Education Partner</span>',
  'subtitle' => 'Work with FBA UK LTD to recruit Home and International students into leading UK programmes.',
])

<section class="partner-page" aria-labelledby="partner-heading">
  <div class="container partner-page__wrap">
    <header class="partner-page__intro reveal-up">
      <span class="partner-page__badge"><i class="fas fa-handshake" aria-hidden="true"></i> Partnership Enquiry</span>
      <h2 id="partner-heading" class="partner-page__title">Partnership Enquiry</h2>
      <p class="partner-page__text">Interested in working with FBA? Send us your details and our Partnerships Team will contact you to discuss the opportunities available.</p>
    </header>

    <div class="partner-page__card reveal-up" data-delay="80">
      <form id="partnerForm" class="contact-form contact-form--premium" method="POST" action="{{ route('partner.store') }}" novalidate @if(session('partner_success')) hidden @endif>
        @csrf
        <input type="hidden" name="page_url" value="{{ url()->full() }}">
        <input type="hidden" name="referrer" value="{{ url()->previous() }}">
        <input type="hidden" name="utm_source" value="{{ request('utm_source') }}">
        <input type="hidden" name="utm_medium" value="{{ request('utm_medium') }}">
        <input type="hidden" name="utm_campaign" value="{{ request('utm_campaign') }}">
        <input type="hidden" name="utm_term" value="{{ request('utm_term') }}">
        <input type="hidden" name="utm_content" value="{{ request('utm_content') }}">

        <div class="row g-3 g-md-4">
          <div class="col-md-6">
            <div class="form-floating">
              <input type="text" class="form-control @error('company_name') is-invalid @enderror" id="companyName" name="company_name" required autocomplete="organization" placeholder="Enter details" value="{{ old('company_name') }}">
              <label for="companyName">Company / Agency Name <span class="text-danger">*</span></label>
              @error('company_name')<div class="invalid-feedback">{{ $message }}</div>@else<div class="invalid-feedback">Please enter your company or agency name.</div>@enderror
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-floating">
              <input type="text" class="form-control @error('contact_name') is-invalid @enderror" id="contactName" name="contact_name" required autocomplete="name" placeholder="Enter details" value="{{ old('contact_name') }}">
              <label for="contactName">Contact Person Name <span class="text-danger">*</span></label>
              @error('contact_name')<div class="invalid-feedback">{{ $message }}</div>@else<div class="invalid-feedback">Please enter the contact person name.</div>@enderror
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-floating">
              <input type="email" class="form-control @error('email') is-invalid @enderror" id="partnerEmail" name="email" required autocomplete="email" placeholder="Enter details" value="{{ old('email') }}">
              <label for="partnerEmail">Business Email Address <span class="text-danger">*</span></label>
              @error('email')<div class="invalid-feedback">{{ $message }}</div>@else<div class="invalid-feedback">Please enter a valid business email.</div>@enderror
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-floating">
              <input type="tel" class="form-control @error('phone') is-invalid @enderror" id="partnerPhone" name="phone" required autocomplete="tel" placeholder="Enter details" value="{{ old('phone') }}">
              <label for="partnerPhone">Phone / WhatsApp Number <span class="text-danger">*</span></label>
              @error('phone')<div class="invalid-feedback">{{ $message }}</div>@else<div class="invalid-feedback">Please enter a phone or WhatsApp number.</div>@enderror
            </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-globe"></i></span>
              <div class="form-floating">
                <select class="form-select @error('country') is-invalid @enderror" id="partnerCountry" name="country" required>
                  <option value="" @selected(!old('country')) disabled>Select country / location</option>
                  @foreach($countries as $country)
                    <option value="{{ $country }}" @selected(old('country') === $country)>{{ $country }}</option>
                  @endforeach
                </select>
                <label for="partnerCountry">Country / Location <span class="text-danger">*</span></label>
                @error('country')<div class="invalid-feedback">{{ $message }}</div>@else<div class="invalid-feedback">Please select a country / location.</div>@enderror
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <fieldset class="partner-recruiting @error('recruiting_interest') is-invalid @enderror">
              <legend class="partner-recruiting__legend">Interested in Recruiting <span class="text-danger">*</span></legend>
              <div class="partner-recruiting__options">
                <label class="partner-recruiting__option">
                  <input type="radio" name="recruiting_interest" value="home" required @checked(old('recruiting_interest') === 'home')>
                  <span>Home Students</span>
                </label>
                <label class="partner-recruiting__option">
                  <input type="radio" name="recruiting_interest" value="international" @checked(old('recruiting_interest') === 'international')>
                  <span>International Students</span>
                </label>
                <label class="partner-recruiting__option">
                  <input type="radio" name="recruiting_interest" value="both" @checked(old('recruiting_interest') === 'both')>
                  <span>Both</span>
                </label>
              </div>
              @error('recruiting_interest')
                <div class="invalid-feedback d-block">{{ $message }}</div>
              @enderror
            </fieldset>
          </div>
          <div class="col-12">
            <div class="form-floating contact-form-field--message">
              <textarea class="form-control" id="partnerMessage" name="message" placeholder="Tell us briefly how you would like to work with FBA (optional)" style="height: 140px">{{ old('message') }}</textarea>
              <label for="partnerMessage">Brief Message</label>
            </div>
            <p class="partner-page__hint">Tell us briefly how you would like to work with FBA (optional)</p>
          </div>
          <div class="col-12">
            <div class="form-check contact-form-privacy">
              <input class="form-check-input @error('consent') is-invalid @enderror" type="checkbox" id="partnerConsent" name="consent" value="1" required @checked(old('consent'))>
              <label class="form-check-label" for="partnerConsent">
                I agree to FBA contacting me regarding my partnership enquiry and acknowledge the <a href="{{ route('privacy') }}">Privacy Policy</a>. <span class="text-danger">*</span>
              </label>
              @error('consent')<div class="invalid-feedback">{{ $message }}</div>@else<div class="invalid-feedback">You must agree before submitting.</div>@enderror
            </div>
          </div>
          <div class="col-12">
            @if($errors->any())
              <div class="alert alert-danger" role="alert">Please check the highlighted fields and try again.</div>
            @endif
            <button type="submit" class="btn contact-form-submit">
              <i class="fas fa-paper-plane" aria-hidden="true"></i> Submit Partnership Enquiry
            </button>
          </div>
        </div>
      </form>

      <div class="contact-success" @if(!session('partner_success')) hidden @endif>
        <div class="result-icon eligible"><i class="fas fa-check-circle" aria-hidden="true"></i></div>
        <h3 class="result-title eligible">Enquiry Sent Successfully!</h3>
        <p class="result-text">Thank you. Our Partnerships Team will contact you to discuss the opportunities available.</p>
        <a href="{{ route('home') }}" class="btn btn-primary">Back to Home</a>
      </div>
    </div>
  </div>
</section>
@endsection