{{define "content" -}}
<section class="section"><div class="wrap">
  <h1>List your place</h1>
  <p class="card-loc detail-sub submit-intro">Tell us what you offer and what you're looking for in return. New listings are reviewed before going live.</p>
  {{with .Data}}
  <form class="form" method="post" action="/submit">
    <div class="form-row"><label for="title">Listing title</label>
      <input type="text" id="title" name="title" required placeholder="e.g. 45' Diesel Pusher, Off-Grid Ready"></div>

    <div class="form-grid">
      <div class="form-row"><label for="asset_type">Asset type</label>
        <select id="asset_type" name="asset_type_id" required>{{range .Types}}<option value="{{.ID}}">{{.Icon}} {{.Name}}</option>{{end}}</select></div>
      <div class="form-row"><label for="location">Location</label>
        <input type="text" id="location" name="location" placeholder="City, State"></div>
    </div>

    <div class="form-row"><label for="summary">One-line summary</label>
      <input type="text" id="summary" name="summary" placeholder="What makes it special, in a sentence"></div>
    <div class="form-row"><label for="description">Description</label>
      <textarea id="description" name="description"></textarea></div>

    <div class="form-row"><label>What you offer</label>
      <div class="checks">{{range .Features}}<label><input type="checkbox" name="offer" value="{{.ID}}"> {{.Name}}</label>{{end}}</div></div>

    <div class="form-row"><label>Asset types you'll accept <span class="hint-inline">(leave all unchecked for any)</span></label>
      <div class="checks">{{range .Types}}<label><input type="checkbox" name="req_type" value="{{.ID}}"> {{.Icon}} {{.Name}}</label>{{end}}</div></div>

    <div class="form-row"><label>Features the other place must have</label>
      <div class="checks">{{range .Features}}<label><input type="checkbox" name="req_feature" value="{{.ID}}"> {{.Name}}</label>{{end}}</div></div>

    <div class="form-grid">
      <div class="form-row"><label for="avail_start">Available from</label><input type="date" id="avail_start" name="avail_start"></div>
      <div class="form-row"><label for="avail_end">Available to</label><input type="date" id="avail_end" name="avail_end"></div>
    </div>

    <div class="form-grid">
      <div class="form-row"><label for="req_min_age">Min. counterpart age</label><input type="number" id="req_min_age" name="req_min_age" value="0" min="0"></div>
      <div class="form-row"><label>Party rules for the other side</label>
        <div class="checks"><label><input type="checkbox" name="req_no_kids" value="1"> No kids</label><label><input type="checkbox" name="req_no_pets" value="1"> No pets</label></div></div>
    </div>

    <div class="form-row"><label for="owner_id">Owner <span class="hint-inline">(demo)</span></label>
      <select id="owner_id" name="owner_id">{{range .Owners}}<option value="{{.ID}}">{{.Name}}</option>{{end}}</select>
      <p class="hint">In this demo the owner is chosen from seeded users; a real build would use the logged-in account.</p></div>

    <div class="form-row">
      <div class="checks"><label><input type="checkbox" name="swap_ok" value="1" checked> Open to swap</label>
        <label><input type="checkbox" name="rent_ok" value="1"> Also available to rent</label></div></div>
    <div class="form-row"><label for="rent_per_day">Rent price / day (USD, if renting)</label>
      <input type="number" id="rent_per_day" name="rent_per_day" value="0" min="0"></div>

    <button class="btn btn-primary" type="submit">Submit for review</button>
  </form>
  {{end}}
</div></section>
{{- end}}