<turbo-stream action="update" target="modal-content"><template><form class="note-listen" id="note-form" data-controller="note-form" data-note-form-kind-value="listen" enctype="multipart/form-data" action="/notes/41" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="cXVLDmYh9HsWO07kBpf1klWwnz8eDs0Y2Zkd9imEiluzLsdcX_n5XvvKRDiXxl8vrJqlzXOK48WRO155NTQ0Fw" autocomplete="off" />
  <div class="modal-body">
    <div class="btn-group mb-3 w-100">
        <input class="btn-check" data-action="note-form#setKind" data-note-form-kind-param="await" data-note-form-target="kindButton" type="radio" value="await" name="note[kind]" id="note_kind_await" />

        <label for="note_kind_await" class="btn btn-outline-primary" title="Await">
          <svg class="icon note-icon await" viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#calendar" /></svg>
        </label>
        <input class="btn-check" data-action="note-form#setKind" data-note-form-kind-param="listen" data-note-form-target="kindButton" type="radio" value="listen" checked="checked" name="note[kind]" id="note_kind_listen" />

        <label for="note_kind_listen" class="btn btn-outline-primary" title="Listen">
          <svg class="icon note-icon listen" viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#headphones" /></svg>
        </label>
        <input class="btn-check" data-action="note-form#setKind" data-note-form-kind-param="download" data-note-form-target="kindButton" type="radio" value="download" name="note[kind]" id="note_kind_download" />

        <label for="note_kind_download" class="btn btn-outline-primary" title="Download">
          <svg class="icon note-icon download" viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#download_cloud" /></svg>
        </label>
        <input class="btn-check" data-action="note-form#setKind" data-note-form-kind-param="keep" data-note-form-target="kindButton" type="radio" value="keep" name="note[kind]" id="note_kind_keep" />

        <label for="note_kind_keep" class="btn btn-outline-primary" title="Keep">
          <svg class="icon note-icon keep" viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#database_import" /></svg>
        </label>
        <input class="btn-check" data-action="note-form#setKind" data-note-form-kind-param="archive" data-note-form-target="kindButton" type="radio" value="archive" name="note[kind]" id="note_kind_archive" />

        <label for="note_kind_archive" class="btn btn-outline-primary" title="Archive">
          <svg class="icon note-icon archive" viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#archive" /></svg>
        </label>
    </div>
    <div class="mb-3" data-controller="search" data-search-src-value="/artists/search"><label class="form-label required" for="note_artist">Artist</label><div class="input-group"><input data-note-form-target="artist" data-search-target="input" required="required" class="form-control" type="text" value="Richard Henshall" name="note[artist]" id="note_artist" /><button name="button" type="button" class="btn btn-outline-info rounded-end" data-action="search#perform" data-bs-toggle="dropdown"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#magnify" /></svg></button><ul class="dropdown-menu dropdown-menu-end" data-search-target="result"></ul></div></div>

    <div class="mb-3"><label class="form-label" for="note_album">Album</label><input data-note-form-target="album" class="form-control" type="text" value="The Cocoon" name="note[album]" id="note_album" /></div>

    <div class="mb-3"><label class="form-label" for="note_details">Details</label><div class="input-group"><textarea data-note-form-target="details" class="form-control" name="note[details]" id="note_details">
</textarea><button name="button" type="button" class="btn btn-outline-secondary" data-action="note-form#parse" data-note-form-url-param="/notes/parse"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#check" /></svg></button></div></div>

    <div class="fields await">
      <div class="mb-3"><label class="form-label" for="note_release_date">Release date</label><input class="form-control" value="2019-08-30" type="date" name="note[release_date]" id="note_release_date" /></div>
    </div>

    <div class="fields listen">
      <div class="mb-3"><label class="form-label" for="note_url">Url</label><div class="input-group"><input data-note-form-target="url" class="form-control" type="text" name="note[url]" id="note_url" /><button name="button" type="button" class="btn btn-outline-info dropdown-toggle" data-bs-toggle="dropdown"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#magnify" /></svg></button><ul class="dropdown-menu dropdown-menu-end"><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="https://zvuk.com/search?query=">Звук</button></li><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="https://music.youtube.com/search?q=">YouTube Music</button></li><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="https://open.spotify.com/search/">Spotify</button></li><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="https://bandcamp.com/search?q=">Bandcamp</button></li><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="https://rutracker.org/forum/tracker.php?nm=">RuTracker</button></li><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="http://rutor.info/search//0/2/000/0/">RuTor</button></li><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="https://www.google.com/search?q=">Google</button></li><li><button name="button" type="button" class="dropdown-item" data-action="note-form#search" data-note-form-url-param="https://yandex.ru/search/?text=">Yandex</button></li></ul></div></div>
    </div>

    <div class="fields download">
      <div class="form-group">
  <label for="note_download_path">Download path</label>
  <div class="input-group dropend"
       data-controller="directory-picker"
       data-directory-picker-url-value="/fs/directories"
  >
    <button name="button" type="button" class="btn btn-outline-secondary" data-action="directory-picker#fetch" data-bs-toggle="dropdown" data-bs-auto-close="outside"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#folder_open" /></svg></button>
    <ul class="dropdown-menu -dropdown-menu-end" data-directory-picker-target="menu"></ul>
    <input data-directory-picker-target="input" class="form-control" type="text" name="note[download_path]" id="note_download_path" />
    <button name="button" type="button" class="btn btn-outline-dark" data-action="directory-picker#clear"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#backspace" /></svg></button>
  </div>
</div>

      <div class="mb-3"><label class="form-label" for="note_download_url">Download url</label><input class="form-control" type="text" name="note[download_url]" id="note_download_url" /></div>
      <div class="mb-3"><label class="form-label" for="note_torrent_id">Torrent</label><input class="form-control" type="text" name="note[torrent_id]" id="note_torrent_id" /></div>
      <div class="mb-3"><label class="form-label" for="note_torrent_file">Torrent file</label><input accept=".torrent,application/x-bittorrent" class="form-control" type="file" name="note[torrent_file]" id="note_torrent_file" /></div>
    </div>
  </div>

  <div class="modal-actions">
    <button type="button" class="btn btn-light" data-action="modal#close">Cancel</button>
    <input type="submit" name="commit" value="Update Note" class="btn btn-primary" data-disable-with="Update Note" />
  </div>
</form></template></turbo-stream>