@extends('layouts.site')

@section('title', 'Advertise - Auctions Ontario')

@section('content')
  @include('partials.page-banner', ['title' => 'Advertise'])

  <section class="at-contact-section py-5">
    <div class="container">
      <div class="col-lg-7">
        <h2 class="at-contact-title">QUESTIONS? WE'RE HERE TO HELP.</h2>

        <p class="at-contact-desc">
          Please complete the form below with as much detail as possible, and
          a member of our team will review your request and get back to you
          as quickly as possible.
        </p>
      </div>

      <div class="row gy-5">
        <div class="col-lg-7">
          <div class="at-contact-person">
            <h5>Kat</h5>
            <p>Office Admin, Subscriptions, Accounts Payable</p>
            <strong>Call</strong>
            <a href="tel:7054348384">705.434.8384</a>
            <strong>Hours available by phone:</strong>
            <p>Mon&ndash;Fri, 8:00am &ndash; 4:00pm ET (Ontario)</p>
          </div>

          <div class="at-contact-person mt-4">
            <h5>Tina</h5>
            <p>Print and Digital Advertising, Social Media</p>
            <strong>Call</strong>
            <a href="tel:7054409900">705.440.9900</a>
            <p class="mt-0 fw-semibold">
              Call anytime and please leave a voicemail.<br />
              Will reply within 24 hours.
            </p>
          </div>
        </div>

        <div class="col-lg-5">
          <div class="at-contact-form">
            <h3>Send Us a Message</h3>

            @if (session('status'))
              <div class="alert alert-success">{{ session('status') }}</div>
            @endif

            <form method="POST" action="{{ route('advertise.store') }}" enctype="multipart/form-data">
              @csrf
              <div class="mb-3">
                <input type="text" name="name" class="form-control" placeholder="Full Name" value="{{ old('name') }}" required />
                @error('name') <small class="text-danger">{{ $message }}</small> @enderror
              </div>

              <div class="row">
                <div class="col-md-6 mb-3">
                  <input type="email" name="email" class="form-control" placeholder="Email" value="{{ old('email') }}" required />
                  @error('email') <small class="text-danger">{{ $message }}</small> @enderror
                </div>

                <div class="col-md-6 mb-3">
                  <input type="text" name="phone" class="form-control" placeholder="Phone" value="{{ old('phone') }}" />
                </div>
              </div>

              <div class="mb-3">
                <input type="text" name="subject" class="form-control" placeholder="Subject" value="{{ old('subject') }}" />
              </div>

              <div class="mb-3">
                <textarea name="message" rows="4" class="form-control" placeholder="Your Message">{{ old('message') }}</textarea>
              </div>

              <div class="mb-4 d-flex align-items-center gap-3 flex-wrap">
                <label class="at-upload-label mb-0">Upload File</label>
                <input type="file" name="attachment" class="form-control form-control-sm h-auto at-file-input" />
              </div>

              <button type="submit" class="ct_orange_btn px-5">SUBMIT</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection