{% extends "base.html" %}
{% block title %}Get Court Supplier Quotes - {{ config.APP_NAME }}{% endblock %}

{% block content %}
<main class="container-page py-12">
  <div class="heading-group">
    <h1 class="text-2xl">Get Court Supplier Quotes</h1>
    <p>Tell us about your project and we'll connect you with verified padel court suppliers who can provide detailed quotes.</p>
  </div>

  <div class="card max-w-2xl">
    <form method="post" class="space-y-4">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

      <div>
        <label for="location" class="form-label">Where do you want to build?</label>
        <input type="text" id="location" name="location" class="form-input" placeholder="City, region, or country" required>
      </div>

      <div>
        <label for="court_count" class="form-label">How many courts?</label>
        <input type="number" id="court_count" name="court_count" class="form-input" min="1" max="50" value="{{ prefill.get('court_count', 4) }}">
      </div>

      <div>
        <label for="budget" class="form-label">Estimated total budget</label>
        <input type="text" id="budget" name="budget" class="form-input" placeholder="e.g. 500000">
        <p class="form-hint">Optional — helps suppliers tailor their proposals.</p>
      </div>

      <div>
        <label for="message" class="form-label">Tell us more about your project</label>
        <textarea id="message" name="message" rows="4" class="form-input" placeholder="Indoor or outdoor? New build or renovation? Timeline? Any specific requirements?"></textarea>
      </div>

      <button type="submit" class="btn">Request Supplier Quotes</button>
    </form>
  </div>
</main>
{% endblock %}
