<turbo-stream action="replace" target="fs_album_22"><template>
<div id="fs_album_22" class="accordion-item">
  <h2 class="accordion-header">
    <button
      type="button"
      class="accordion-button"
      data-bs-toggle="collapse"
      data-bs-target="#collapse_fs_album_22"
      data-action="organizer#activateAlbum"
      data-organizer-album-id-param="22"
    >
      Nine Inch Nails - Beside You In Time
      
    </button>
  </h2>
  <div
    id="collapse_fs_album_22"
    class="accordion-collapse collapse show"
    data-controller="fs--album album"
    data-action="work-input:search->album#searchWork work-input:new->album#newWork"
    data-bs-parent="#albums"
  >
    <div class="accordion-body">
      <form class="edit_album" id="22_edit_album" action="/fs/albums/22" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="put" autocomplete="off" /><input type="hidden" name="authenticity_token" value="d4aESVnfdPgLkQMkAwEj6wjXor1VgUlPMfRWoytrvkOlY2wCvwq9NX9s8nYWYYzpsmB9v-QvSptgqn_4qRbT5w" autocomplete="off" />
        <turbo-frame id="artist_fs_album_22">
  
    <div class="form-group"
         data-controller="artist-input search"
         data-action="search:select->artist-input#select"
         data-search-src-value="/artists/search"
         data-artist-input-db-class="bg-success-10"
         data-artist-input-mb-class="bg-accent-10"
    >
      <label class="d-flex justify-content-between" for="22_album_artist_attributes_name">
        <span>Artist</span>
        <a target="_blank" class="" data-artist-input-target="link" href="musicbrainz.org/search?&amp;method=indexed&amp;type=artist&amp;query=Nine Inch Nails"><span class="me-1">MusicBrainz</span><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#open_in_new" /></svg></a>
</label>      <div class="input-group">
        <button type="button" class="btn btn-outline-secondary" data-action="artist-input#swapNames">
          <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#swap_v" /></svg>
        </button>

        <input data-search-target="input" data-artist-input-target="name" data-album-target="artistName" class="form-control" type="text" value="Nine Inch Nails" name="album[artist_attributes][name]" id="22_album_artist_attributes_name" />
        <input data-artist-input-target="id" data-album-target="artistId" autocomplete="off" type="hidden" name="album[artist_attributes][id]" id="22_album_artist_attributes_id" />
        <input data-artist-input-target="mbId" data-album-target="artistMbId" autocomplete="off" type="hidden" name="album[artist_attributes][mb_id]" id="22_album_artist_attributes_mb_id" />
        <button name="button" type="button" class="btn btn-outline-secondary" data-action="artist-input#new" data-artist-input-url-param="/fs/albums/22/artists/new"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#plus" /></svg></button>
        <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>
</turbo-frame>

        <div class="mb-3"><label class="form-label" for="22_album_album_artist">Album artist</label><div class="input-group"><button name="button" type="button" class="btn btn-outline-secondary" data-action="album#fillAlbumArtist" title="Paste artist"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#hand_right" /></svg></button><input data-album-target="albumArtistName" class="form-control" type="text" name="album[album_artist]" id="22_album_album_artist" /></div></div>

        <div class="mb-3"><label class="form-label" for="22_album_title">Title</label><div class="input-group"><button name="button" type="button" class="btn btn-outline-secondary" data-action="album#fillTitle" title="Paste work title"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#hand_right" /></svg></button><input data-album-target="title" class="form-control" type="text" value="Beside You In Time" name="album[title]" id="22_album_title" /></div></div>

        <div class="form-group optional work_input"
     data-controller="work-input search"
     data-action="search:select->work-input#select"
     data-work-input-url-value="/fs/albums/22/works"
     data-work-input-blank-class="blank"
     data-work-input-db-class="filled-db"
     data-work-input-mb-class="filled-mb"
     data-work-input-hidden-class="d-none"
>
  <label for="22_album_work_title">Work</label>
  <div class="input-group">
    <button name="button" type="button" class="btn btn-outline-dark" data-action="work-input#switchInput">
      <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#swap_v" /></svg>
      <span data-work-input-target="fieldLabel">Title</span>
      <span class="d-none" data-work-input-target="fieldLabel">MB id</span>
</button>    <input class="form-control work_title" data-work-input-target="title" data-album-target="workTitle" type="text" name="album[work_title]" id="22_album_work_title" />
    <input class="form-control work_mb_id d-none" data-action="work-input#refresh" data-work-input-target="mbId" type="text" name="album[work_mb_id]" id="22_album_work_mb_id" />
    <input data-work-input-target="id" autocomplete="off" type="hidden" name="album[work_id]" id="22_album_work_id" />
    <button name="button" type="button" class="btn btn-outline-dark clear-button" data-action="work-input#clear"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#backspace" /></svg></button>
    <button name="button" type="button" class="btn btn-outline-dark edit-button" data-action="work-input#edit"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#edit" /></svg></button>
    <button name="button" type="button" class="btn btn-outline-secondary new-button" data-action="work-input#new" data-work-input-target="newWorkButton"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#plus" /></svg></button>

    <button type="button" class="btn btn-outline-info rounded-end"
            data-action="work-input#search"
            data-work-input-url-param="/works/search"
            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-work-input-target="result"></ul>
  </div>
</div>
        <div class="mb-3"><label class="form-label" for="22_album_genre">Genre</label><input list="genres" class="form-control" type="text" value="Industrial" name="album[genre]" id="22_album_genre" /></div>

<datalist id="genres">
    <option value="Alternative Metal">
    <option value="Alternative Rock">
    <option value="Classical">
    <option value="Gothic Metal">
    <option value="Groove Metal">
    <option value="Grunge">
    <option value="Hard Rock">
    <option value="Heavy Metal">
    <option value="Industrial Metal">
    <option value="Jazz">
    <option value="Jazz Rock">
    <option value="Jazz contemporain">
    <option value="Metal">
    <option value="Nu Metal">
    <option value="Post-Grunge">
    <option value="Post-Rock">
    <option value="Progressive Metal">
    <option value="Progressive Rock">
    <option value="Rock">
    <option value="Stoner Rock">
    <option value="Symphonic Metal">
    <option value="Symphonic Rock">
</datalist>

        <div class="mb-3"><label class="form-label" for="22_album_year">Year</label><input class="form-control" type="text" value="2006" name="album[year]" id="22_album_year" /></div>
        <div class="form-group input-group optional" data-controller="cover-input">
  <label for="22_album_cover" class="optional">Cover</label>
  <div class="form-group input-group optional">
    <button class="btn btn-outline-dark dropdown-toggle" data-bs-toggle="dropdown">
      Choose
    </button>
    <ul class="dropdown-menu">
      <li>
        <button type="button" class="dropdown-item" data-action="cover-input#enterUrl">
          Enter URL
        </button>
      </li>
      <li><hr class="dropdown-divider"></li>
    </ul>
    <input readonly="readonly" data-cover-input-target="path" class="form-control" type="text" name="album[cover]" id="22_album_cover" />
    <input placeholder="URL" data-cover-input-target="url" class="form-control" type="text" name="album[remote_cover_url]" id="22_album_remote_cover_url" />
    <button class="btn btn-outline-warning" data-action="cover-input#clear">
      <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#backspace" /></svg>
    </button>
  </div>
</div>

        <hr>

        <ul id="album_tracks" class="list-group">
          <li class="list-group-item bg-light">
            <div class="d-flex">
              <strong class="me-auto">
                Tracks
              </strong>
              <div class="dropdown">
                <button type="button" class="btn-flat round" data-bs-toggle="dropdown"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#dots_vertical" /></svg></button>
                <ul class="dropdown-menu">
                  <li>
                    <button class="action-button dropdown-item" type="button" data-controller="button" data-action="click-&gt;button#perform" data-button-method-value="post" data-button-url-value="/fs/albums/22/extract_title" data-button-loading-class="loading"><span class="spinner spinner-border spinner-border-sm"></span>Extract album title</button>
                  </li>
                  <li>
                    <button class="action-button dropdown-item" type="button" data-controller="button" data-action="click-&gt;button#perform" data-button-method-value="post" data-button-url-value="/fs/albums/22/set_track_titles?from=work" data-button-loading-class="loading"><span class="spinner spinner-border spinner-border-sm"></span>Set titles from work</button>
                  </li>
                  <li>
                    <button class="action-button dropdown-item" type="button" data-controller="button" data-action="click-&gt;button#perform" data-button-method-value="post" data-button-url-value="/fs/albums/22/set_track_titles?from=files" data-button-loading-class="loading"><span class="spinner spinner-border spinner-border-sm"></span>Set titles from files</button>
                  </li>
                  <li><hr class="dropdown-divider"></li>
                  <li>
                    <button type="button" class="dropdown-item"
                            data-action="fs--album#processTracks"
                            data-fs--album-url-param="/fs/albums/22/extract_tracks"
                    >
                      Extract tracks
                    </button>
                  </li>
                  <li>
                    <button type="button" class="dropdown-item"
                            data-action="fs--album#processTracks"
                            data-fs--album-url-param="/fs/albums/22/remove_tracks"
                    >
                      Remove selected
                    </button>
                  </li>
                </ul>
              </div>
            </div>
          </li>

            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_0_checked"
                    name="album[tracks_attributes][0][checked]"
                    data-num="1"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_0_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    1
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Love In Not Enough" name="album[tracks_attributes][0][title]" id="22_album_tracks_attributes_0_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        01-Love In Not Enough
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>01-Love In Not Enough.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_1_checked"
                    name="album[tracks_attributes][1][checked]"
                    data-num="2"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_1_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    2
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="You Know What You Are?" name="album[tracks_attributes][1][title]" id="22_album_tracks_attributes_1_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        02-You Know What You Are
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>02-You Know What You Are.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_2_checked"
                    name="album[tracks_attributes][2][checked]"
                    data-num="3"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_2_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    3
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Terrible Lie" name="album[tracks_attributes][2][title]" id="22_album_tracks_attributes_2_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        03-Terrible Lie
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>03-Terrible Lie.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_3_checked"
                    name="album[tracks_attributes][3][checked]"
                    data-num="4"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_3_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    4
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="The Line Begins To Blur" name="album[tracks_attributes][3][title]" id="22_album_tracks_attributes_3_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        04-The Line Begins To Blur
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>04-The Line Begins To Blur.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_4_checked"
                    name="album[tracks_attributes][4][checked]"
                    data-num="5"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_4_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    5
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="March Of The Pigs" name="album[tracks_attributes][4][title]" id="22_album_tracks_attributes_4_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        05-March Of The Pigs
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>05-March Of The Pigs.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_5_checked"
                    name="album[tracks_attributes][5][checked]"
                    data-num="6"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_5_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    6
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Something I Can Never Have" name="album[tracks_attributes][5][title]" id="22_album_tracks_attributes_5_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        06-Something I Can Never Have
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>06-Something I Can Never Have.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_6_checked"
                    name="album[tracks_attributes][6][checked]"
                    data-num="7"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_6_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    7
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Closer" name="album[tracks_attributes][6][title]" id="22_album_tracks_attributes_6_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        07-Closer
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>07-Closer.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_7_checked"
                    name="album[tracks_attributes][7][checked]"
                    data-num="8"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_7_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    8
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Burn" name="album[tracks_attributes][7][title]" id="22_album_tracks_attributes_7_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        08-Burn
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>08-Burn.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_8_checked"
                    name="album[tracks_attributes][8][checked]"
                    data-num="9"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_8_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    9
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Gave Up" name="album[tracks_attributes][8][title]" id="22_album_tracks_attributes_8_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        09-Gave Up
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>09-Gave Up.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_9_checked"
                    name="album[tracks_attributes][9][checked]"
                    data-num="10"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_9_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    10
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Eraser" name="album[tracks_attributes][9][title]" id="22_album_tracks_attributes_9_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        10-Eraser
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>10-Eraser.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_10_checked"
                    name="album[tracks_attributes][10][checked]"
                    data-num="11"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_10_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    11
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Right Where It Belongs" name="album[tracks_attributes][10][title]" id="22_album_tracks_attributes_10_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        11-Right Where It Belongs
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>11-Right Where It Belongs.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_11_checked"
                    name="album[tracks_attributes][11][checked]"
                    data-num="12"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_11_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    12
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Besides You In Time" name="album[tracks_attributes][11][title]" id="22_album_tracks_attributes_11_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        12-Besides You In Time
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>12-Besides You In Time.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_12_checked"
                    name="album[tracks_attributes][12][checked]"
                    data-num="13"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_12_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    13
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="With Teeth" name="album[tracks_attributes][12][title]" id="22_album_tracks_attributes_12_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        13-With Teeth
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>13-With Teeth.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_13_checked"
                    name="album[tracks_attributes][13][checked]"
                    data-num="14"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_13_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    14
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Wish" name="album[tracks_attributes][13][title]" id="22_album_tracks_attributes_13_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        14-Wish
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>14-Wish.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_14_checked"
                    name="album[tracks_attributes][14][checked]"
                    data-num="15"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_14_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    15
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Only" name="album[tracks_attributes][14][title]" id="22_album_tracks_attributes_14_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        15-Only
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>15-Only.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_15_checked"
                    name="album[tracks_attributes][15][checked]"
                    data-num="16"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_15_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    16
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="The Big Come Down" name="album[tracks_attributes][15][title]" id="22_album_tracks_attributes_15_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        16-The Big Come Down
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>16-The Big Come Down.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_16_checked"
                    name="album[tracks_attributes][16][checked]"
                    data-num="17"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_16_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    17
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Hurt" name="album[tracks_attributes][16][title]" id="22_album_tracks_attributes_16_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        17-Hurt
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>17-Hurt.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_17_checked"
                    name="album[tracks_attributes][17][checked]"
                    data-num="18"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_17_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    18
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="The Hand That Feeds" name="album[tracks_attributes][17][title]" id="22_album_tracks_attributes_17_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        18-The Hand That Feeds
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>18-The Hand That Feeds.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_18_checked"
                    name="album[tracks_attributes][18][checked]"
                    data-num="19"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_18_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    19
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Head Like A Hole" name="album[tracks_attributes][18][title]" id="22_album_tracks_attributes_18_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        19-Head Like A Hole
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>19-Head Like A Hole.mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_19_checked"
                    name="album[tracks_attributes][19][checked]"
                    data-num="20"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_19_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    20
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Somewhat Damaged (SUMMER TOUR 2006)" name="album[tracks_attributes][19][title]" id="22_album_tracks_attributes_19_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        20-Somewhat Damaged (SUMMER TOUR 2006)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>20-Somewhat Damaged (SUMMER TOUR 2006).mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_20_checked"
                    name="album[tracks_attributes][20][checked]"
                    data-num="21"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_20_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    21
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Closer (SUMMER TOUR 2006)" name="album[tracks_attributes][20][title]" id="22_album_tracks_attributes_20_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        21-Closer (SUMMER TOUR 2006)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>21-Closer (SUMMER TOUR 2006).mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_21_checked"
                    name="album[tracks_attributes][21][checked]"
                    data-num="22"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_21_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    22
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Help Me I Am In Hell (SUMMER TOUR 2006)" name="album[tracks_attributes][21][title]" id="22_album_tracks_attributes_21_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        22-Help Me I Am In Hell (SUMMER TOUR 2006)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>22-Help Me I Am In Hell (SUMMER TOUR 2006).mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_22_checked"
                    name="album[tracks_attributes][22][checked]"
                    data-num="23"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_22_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    23
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Non-Entity" name="album[tracks_attributes][22][title]" id="22_album_tracks_attributes_22_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        23-Non-Entity (SUMMER TOUR 2006)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>23-Non-Entity (SUMMER TOUR 2006).mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_23_checked"
                    name="album[tracks_attributes][23][checked]"
                    data-num="24"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_23_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    24
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Only (SUMMER TOUR 2006)" name="album[tracks_attributes][23][title]" id="22_album_tracks_attributes_23_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        24-Only (SUMMER TOUR 2006)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>24-Only (SUMMER TOUR 2006).mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_24_checked"
                    name="album[tracks_attributes][24][checked]"
                    data-num="25"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_24_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    25
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="The Collector (Live At Rehearsals 2005)" name="album[tracks_attributes][24][title]" id="22_album_tracks_attributes_24_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        25-The Collector (Live At Rehearsals 2005)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>25-The Collector (Live At Rehearsals 2005).mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_25_checked"
                    name="album[tracks_attributes][25][checked]"
                    data-num="26"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_25_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    26
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Every Day Is Exactly The Same (Live At Rehearsals 2005)" name="album[tracks_attributes][25][title]" id="22_album_tracks_attributes_25_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        26-Every Day Is Exactly The Same (Live At Rehearsals 2005)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>26-Every Day Is Exactly The Same (Live At Rehearsals 2005).mp3</strong>
                </div>
              </li>
            
              <li class="list-group-item">
                <div class="input-group" data-controller="track-input">
                  <input
                    type="checkbox"
                    class="btn-check"
                    id="22_album_tracks_attributes_26_checked"
                    name="album[tracks_attributes][26][checked]"
                    data-num="27"
                    data-fs--album-target="trackCheck"
                    />
                  <label for="22_album_tracks_attributes_26_checked"
                         class="btn btn-outline-secondary rounded-0 rounded-start">
                    27
                  </label>

                  <input class="form-control rounded-0" data-track-input-target="title" type="text" value="Love Is Not Enough (Live At Rehearsals 2005)" name="album[tracks_attributes][26][title]" id="22_album_tracks_attributes_26_title" />

                  <button type="button" class="btn btn-outline-dark rounded-end" data-bs-toggle="dropdown">
                    <svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#menu_down" /></svg>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <button type="button" class="dropdown-item" data-action="track-input#setTitle">
                        27-Love Is Not Enough (Live At Rehearsals 2005)
                      </button>
                    </li>
                  </ul>
                </div>
                <div class="form-text">
                  <small>HALO 22 Beside You In Time (2006)</small>
                  <span> / </span>
                  <strong>27-Love Is Not Enough (Live At Rehearsals 2005).mp3</strong>
                </div>
              </li>
        </ul>

        <div class="card-footer actions mt-3">
          <a class="btn btn-outline-warning btn-sm" data-turbo-method="delete" data-turbo-confirm="Remove album?" href="/fs/albums/22"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#delete" /></svg><span class="ms-1">Remove album</span></a>
          <button class="action-button btn btn-outline-secondary btn-sm" type="button" data-controller="button" data-action="click-&gt;button#perform" data-button-method-value="post" data-button-url-value="/fs/albums/22/split" data-button-loading-class="loading"><span class="spinner spinner-border spinner-border-sm"></span><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#set_split" /></svg><span class="ms-1">Split album</span></button>
          <button name="button" type="submit" class="btn btn-outline-primary btn-sm"><svg class="icon " viewBox="0 0 24 24"><use href="/assets/icons-2a4beadb.svg#check" /></svg><span class="ms-1">Update album</span></button>
        </div>
</form>    </div>
  </div>
</div></template></turbo-stream>