{% extends 'base.html' %}
{% block content %}
<section class="section">
  <div class="container narrow">
    <div class="card">
      <h1>Register as a platform partner</h1>
      <form method="post" class="form-stack">
        <label>Business name
          <input type="text" name="business_name" required>
        </label>
        <label>Owner name
          <input type="text" name="owner_name" required>
        </label>
        <label>Email
          <input type="email" name="email" required>
        </label>
        <label>Partner type
          <select name="partner_type">
            <option value="bike_rental">Bike rental</option>
            <option value="bike_repair">Bike repair</option>
            <option value="health">Health support</option>
            <option value="souvenir">Souvenir shop</option>
            <option value="guide">Guide service</option>
          </select>
        </label>
        <label>Fee plan
          <select name="fee_plan">
            <option value="starter">Starter - monthly listing fee</option>
            <option value="growth">Growth - listing + booking commission</option>
            <option value="premium">Premium - promoted visibility</option>
          </select>
        </label>
        <div class="two-inputs">
          <label>Latitude
            <input type="number" name="lat" step="0.000001" value="66.8348">
          </label>
          <label>Longitude
            <input type="number" name="lng" step="0.000001" value="28.6670">
          </label>
        </div>
        <label>Notes
          <textarea name="notes" rows="4"></textarea>
        </label>
        <button type="submit" class="btn primary">Save registration</button>
      </form>
    </div>
  </div>
</section>
{% endblock %}