<div class="d-md-flex flex-row justify-content-between">
  <div>
    <div class="d-inline-block">
      <%= button_to [:new, video, :bookmark], class: "btn btn-sm btn-primary", data: { toggle: "tooltip", disable_with: fa_icon("spinner spin") }, form: { data: { ujs_target: "bookmark-form" } }, params: { bookmark: { time_elapsed: "" } }, method: :get, remote: true, title: t(".create_bookmark") do %>
        <%= fa_icon "bookmark" %>
      <% end %>
    </div>
    <div class="d-inline-block">
      <%= button_to new_video_video_analyses_unreleased_appearance_path(video), class: "btn btn-sm btn-danger", data: { toggle: "tooltip", disable_with: fa_icon("spinner spin") }, form: { data: { ujs_target: "unreleased-appearance-form" } }, params: { unreleased_appearance: { time_elapsed: "" } }, method: :get, remote: true, title: t(".create_unreleased_appearance") do %>
        <%= fa_icon "warning" %>
      <% end %>
    </div>
    <div class="d-inline-block">
      <%= button_to new_video_video_analyses_graphics_element_path(video), class: "btn btn-sm btn-primary", data: { toggle: "tooltip", disable_with: fa_icon("spinner spin") }, form: { data: { ujs_target: "graphics-element-form" } }, params: { graphics_element: { text: "", time_elapsed: "", edl_type: "all_tracks" } }, method: :get, remote: true, title: t(".create_graphics_element") do %>
        <%= fa_icon "picture-o" %>
      <% end %>
    </div>
    <div class="d-inline-block">
      <%= button_to new_video_video_analyses_audio_confirmation_path(video), class: "btn btn-sm btn-primary", data: { toggle: "tooltip", disable_with: fa_icon("spinner spin") }, form: { data: { ujs_target: "audio-confirmation-form" } }, params: { audio_confirmation: { confirmation_type: "library_music", time_elapsed: "", edl_type: "all_tracks" } }, method: :get, remote: true, title: "Add to Music Cue Sheet" do %>
        <%= fa_icon "music" %>
      <% end %>
    </div>
    <div class="d-inline-block">
      <%= button_to video_video_analyses_edl_events_path(video), class: "btn btn-sm btn-primary", data: { toggle: "tooltip", disable_with: fa_icon("spinner spin") }, form: { data: { ujs_target: "edl-event-form" } }, params: { edl_event: { time_elapsed: "" } }, remote: true, title: t(".create_edl_event") do %>
        <%= fa_icon "info-circle" %>
      <% end %>
    </div>
  </div>
  <div class="text-md-right mt-2 mt-md-0">
    <%= text_field_tag "seek", "", id: "seek_input", class: "col-6 d-inline-block form-control form-control-sm", placeholder: "00:00:00:00" %>
    <%= button_tag "Seek", id: "seek_button", class: "d-inline-block btn btn-sm btn-primary" %>
  </div>
</div>