@extends('layouts.site')

@section('title', 'Sell Your Items - Auctions Ontario')

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

  <section class="py-5">
    <div class="container">
      <h2 class="at-contact-title mb-3">SELL SMARTER WITH AUCTIONS ONTARIO!</h2>

      <p class="at-contact-desc mb-4">
        Looking for an easy, hassle-free way to sell online? Skip the big
        marketplaces and list your items with Auctions Ontario&mdash;a
        Canadian-first platform built for dealers, sellers and the general
        public who want better results.
      </p>

      <ul class="at-sell-list">
        <li><i class="fa-solid fa-check"></i> Over 170,000 views per month &ndash; Get your items seen by real buyers actively looking to purchase.</li>
        <li><i class="fa-solid fa-check"></i> FREE 1-Month Trial &ndash; Try it risk-free! No commitments. Cancel anytime.</li>
        <li><i class="fa-solid fa-check"></i> No complicated listings &ndash; Our user-friendly process makes selling a breeze.</li>
        <li><i class="fa-solid fa-check"></i> Sell with a trusted brand &ndash; We're local, reliable, and focused on your success.</li>
      </ul>
    </div>
  </section>

  <section class="ct_py_80" style="background-color: rgba(245, 245, 245, 1)">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-7">
          <div class="at-contact-form">
            <h3>Submit Your Item</h3>

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

            <form method="POST" action="{{ route('sell-your-items.store') }}" enctype="multipart/form-data">
              @csrf
              <div class="mb-3">
                <input type="text" name="name" class="form-control" placeholder="Your Name" value="{{ old('name', auth()->user()->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', auth()->user()->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="category" class="form-control" placeholder="Category (e.g. Vehicles, Furniture, Electronics)" value="{{ old('category') }}" />
              </div>

              <div class="mb-3">
                <textarea name="description" rows="4" class="form-control" placeholder="Describe your item">{{ old('description') }}</textarea>
              </div>

              <div class="mb-3">
                <label class="at-upload-label mb-1">Upload a Photo</label>
                <input type="file" name="image" class="form-control form-control-sm h-auto at-file-input" accept="image/*" />
                @error('image') <small class="text-danger">{{ $message }}</small> @enderror
              </div>

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