{{define "content" -}}
<div class="wrap">
  {{with .Data}}{{$l := .L}}
  <h1 class="admin-title">Edit listing</h1>
  <form class="form" method="post" action="/admin/listings/{{$l.ID}}/edit">
    <div class="form-row"><label for="title">Title</label>
      <input type="text" id="title" name="title" value="{{$l.Title}}" required></div>
    <div class="form-grid">
      <div class="form-row"><label for="asset_type">Asset type</label>
        <select id="asset_type" name="asset_type_id">{{range .Types}}<option value="{{.ID}}" {{if eq .ID $l.AssetTypeID}}selected{{end}}>{{.Icon}} {{.Name}}</option>{{end}}</select></div>
      <div class="form-row"><label for="status">Status</label>
        <select id="status" name="status">
          <option value="active" {{if eq $l.Status "active"}}selected{{end}}>Active</option>
          <option value="pending" {{if eq $l.Status "pending"}}selected{{end}}>Pending</option>
          <option value="hidden" {{if eq $l.Status "hidden"}}selected{{end}}>Hidden</option>
        </select></div>
    </div>
    <div class="form-row"><label for="location">Location</label><input type="text" id="location" name="location" value="{{$l.Location}}"></div>
    <div class="form-row"><label for="summary">Summary</label><input type="text" id="summary" name="summary" value="{{$l.Summary}}"></div>
    <div class="form-row"><label for="description">Description</label><textarea id="description" name="description">{{$l.Description}}</textarea></div>

    <div class="form-row"><label>Offers</label><div class="checks">{{range .Features}}<label><input type="checkbox" name="offer" value="{{.ID}}" {{if hasFeat $l.Offers .ID}}checked{{end}}> {{.Name}}</label>{{end}}</div></div>
    <div class="form-row"><label>Accepts asset types</label><div class="checks">{{range .Types}}<label><input type="checkbox" name="req_type" value="{{.ID}}" {{if hasType $l.ReqTypes .ID}}checked{{end}}> {{.Icon}} {{.Name}}</label>{{end}}</div></div>
    <div class="form-row"><label>Requires features</label><div class="checks">{{range .Features}}<label><input type="checkbox" name="req_feature" value="{{.ID}}" {{if hasFeat $l.ReqFeatures .ID}}checked{{end}}> {{.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" value="{{$l.AvailStart}}"></div>
      <div class="form-row"><label for="avail_end">Available to</label><input type="date" id="avail_end" name="avail_end" value="{{$l.AvailEnd}}"></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="{{$l.ReqMinAge}}" min="0"></div>
      <div class="form-row"><label>Party rules</label><div class="checks"><label><input type="checkbox" name="req_no_kids" value="1" {{if $l.ReqNoKids}}checked{{end}}> No kids</label><label><input type="checkbox" name="req_no_pets" value="1" {{if $l.ReqNoPets}}checked{{end}}> No pets</label></div></div>
    </div>
    <div class="form-row"><div class="checks"><label><input type="checkbox" name="swap_ok" value="1" {{if $l.SwapOK}}checked{{end}}> Open to swap</label><label><input type="checkbox" name="rent_ok" value="1" {{if $l.RentOK}}checked{{end}}> Available to rent</label></div></div>
    <div class="form-row"><label for="rent_per_day">Rent / day (USD)</label><input type="number" id="rent_per_day" name="rent_per_day" value="{{$l.RentPerDay}}" min="0"></div>

    <div class="row-actions"><button class="btn btn-primary" type="submit">Save changes</button><a class="btn btn-ghost" href="/admin/listings">Cancel</a></div>
  </form>
  {{end}}
</div>
{{- end}}