{{define "asset_form"}}
<form id="assetForm" data-mode="{{if .Asset}}edit{{else}}create{{end}}" {{if .Asset}}data-asset-id="{{.Asset.ID}}"{{end}}
  data-title="{{if .Asset}}Edit {{.Asset.Name}}{{else}}New Asset{{end}}">
  <div class="row g-3">
    <div class="col-md-6">
      <label class="form-label">Asset ID</label>
      <input type="text" class="form-control" name="asset_id" value="{{if .Asset}}{{.Asset.AssetTag}}{{end}}" placeholder="Auto-generated if left blank">
    </div>
    <div class="col-md-6">
      <label class="form-label">Name <span class="text-danger">*</span></label>
      <input type="text" class="form-control" name="name" value="{{if .Asset}}{{.Asset.Name}}{{end}}" required autofocus>
    </div>

    <div class="col-md-6">
      <label class="form-label">Item Type <span class="text-danger">*</span></label>
      {{if .Asset}}
      <input type="text" class="form-control" value="{{.Asset.ItemTypeName}}" disabled>
      <div class="form-text">Item type cannot be changed after creation.</div>
      {{else}}
      <select class="form-select" name="item_type_id" id="assetFormItemType" required>
        {{range .ItemTypes}}<option value="{{.ID}}" {{if eq .ID $.SelectedIT}}selected{{end}}>{{.Name}}</option>{{end}}
      </select>
      {{end}}
    </div>
    <div class="col-md-6">
      <label class="form-label">Folder</label>
      {{$selectedFolder := deref .FolderID}}
      {{if .Asset}}{{$selectedFolder = deref .Asset.FolderID}}{{end}}
      <select class="form-select" name="folder_id">
        <option value="">Inventory (top level)</option>
        {{range .FolderOptions}}
        <option value="{{.ID}}" {{if eq $selectedFolder .ID}}selected{{end}}>
          {{range seq .Depth}}&nbsp;&nbsp;&nbsp;{{end}}{{.Path}}
        </option>
        {{end}}
      </select>
    </div>

    <div class="col-md-6">
      <label class="form-label">Status <span class="text-danger">*</span></label>
      <select class="form-select" name="status_id" required>
        {{range .Statuses}}<option value="{{.ID}}" {{if $.Asset}}{{if eq .ID $.Asset.StatusID}}selected{{end}}{{end}}>{{.Name}}</option>{{end}}
      </select>
    </div>
    <div class="col-md-6">
      <label class="form-label">Assigned User</label>
      {{$selectedUser := 0}}
      {{if .Asset}}{{$selectedUser = deref .Asset.AssignedUserID}}{{end}}
      <select class="form-select" name="assigned_user_id">
        <option value="">Unassigned</option>
        {{range .Users}}
        <option value="{{.ID}}" {{if eq $selectedUser .ID}}selected{{end}}>{{.Username}}</option>
        {{end}}
      </select>
    </div>

    <div class="col-12">
      <label class="form-label">Notes</label>
      <textarea class="form-control" name="notes" rows="3">{{if .Asset}}{{.Asset.Notes}}{{end}}</textarea>
    </div>

    <div class="col-12" id="asset-fields-container">
      {{template "asset_fields_only" .Fields}}
    </div>
  </div>

  <div class="alert alert-danger mt-3 d-none" id="assetFormError"></div>
</form>
{{end}}