{% extends 'base.html' %}{% block title %}Get a Quick Estimate — {{ brand }}{% endblock %}
{% block content %}
<form class="max-w-3xl mx-auto space-y-6" action="/quotes/submit" method="post">
  <div class="card glass p-6 grid sm:grid-cols-2 gap-4">
    <div><label>Name*<input name="name" class="w-full mt-1" required></label></div>
    <div><label>Email*<input name="email" type="email" class="w-full mt-1" required></label></div>
    <div><label>Phone<input name="phone" class="w-full mt-1"></label></div>
    <div><label>Company<input name="company" class="w-full mt-1"></label></div>
  </div>
  <div class="card glass p-6">
    <h2 class="font-semibold mb-3">What do you need?</h2>
    <div class="grid sm:grid-cols-2 gap-3">
      {% for v,l in [('simple-site','Basic site'),('pro-site','Site with extras'),('online-form','Online form'),('sell-online','Sell online'),('fix-or-improve','Fix/Improve'),('it-help','IT help'),('custom-app','Custom tool'),('not-sure','Not sure')] %}
      <label class="flex items-center gap-2"><input type="radio" name="need" value="{{v}}" required> {{l}}</label>
      {% endfor %}
    </div>
  </div>
  <div class="card glass p-6 grid sm:grid-cols-3 gap-3">
    <label class="flex items-center gap-2"><input type="radio" name="scope_size" value="small" required> Small</label>
    <label class="flex items-center gap-2"><input type="radio" name="scope_size" value="medium" required> Medium</label>
    <label class="flex items-center gap-2"><input type="radio" name="scope_size" value="large" required> Large</label>
  </div>
  <div class="card glass p-6 grid sm:grid-cols-4 gap-3">
    {% for v,l in [('flexible','Flexible'),('soon','Soon'),('rush','Rush'),('critical','Urgent')] %}
    <label class="flex items-center gap-2"><input type="radio" name="timeline" value="{{v}}" required> {{l}}</label>
    {% endfor %}
  </div>
  <div class="card glass p-6">
    <h2 class="font-semibold mb-3">Extras</h2>
    {% for v,l in [('content','Content help'),('branding','Branding'),('training','Training'),('care','Care plan')] %}
    <label class="mr-4"><input type="checkbox" name="extras" value="{{v}}"> {{l}}</label>
    {% endfor %}
  </div>
  <div class="card glass p-6">
    <label>Budget comfort
      <select class="w-full mt-1" name="budget_feel">
        <option value="unsure">I’m not sure yet</option>
        <option value="under-2k">Under $2k</option>
        <option value="2k-5k">$2k–$5k</option>
        <option value="5k-10k">$5k–$10k</option>
        <option value="10k-plus">$10k+</option>
      </select>
    </label>
  </div>
  <div class="card glass p-6">
    <label>Notes<textarea name="description" rows="4" class="w-full mt-1"></textarea></label>
  </div>
  <div class="text-right"><button class="btn bg-accent font-semibold">Get my estimate</button></div>
</form>
{% endblock %}