<%= content_tag :div, class: "modal modal-right", id: "new_unreleased_appearance_modal", aria: { labelledby: "modalLabel", hidden: true }, role: "dialog", tabindex: -1 do %>
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalLabel">New Unreleased Appearance</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <%= bootstrap_form_with model: [unreleased_appearance.video, "video_analyses", unreleased_appearance], layout: :horizontal, label_col: "col-3", control_col: "col-9" do |form| %>
        <div class="modal-body">

          <%= render "video_analyses/show_hide_edl_events", edl_events_data: @edl_events_data, model_name: "unreleased_appearance" %>

          <div id="unreleased_appearance_fields">
            <%= form.hidden_field :time_elapsed, value: unreleased_appearance.time_elapsed %>
            <%= form.static_control nil, name: nil, label: "Video Timecode", value: unreleased_appearance.appears_at %>
            <%= form.text_field :channel %>
            <%= form.text_field :timecode_in %>
            <%= form.text_field :timecode_out %>
            <%= form.text_field :duration %>
            <%= form.text_field :source_file_name %>
            <%= form.text_field :clip_name %>
            <%= form.text_field :description %>
            <%= form.select :note_category, options_for_note_category_select(unreleased_appearance), label: "Note"   %>
            <%= form.text_area :notes, control_col: "col-12", hide_label: true, placeholder: true, rows: 4 %>
          </div>
        </div>
        <div class="modal-footer">
          <%= form.button "Close", class: "btn btn-secondary", data: { dismiss: "modal" } %>
          <%= form.submit class: "btn btn-primary", data: { disable_with: t("shared.disable_with") } %>
        </div>
      <% end %>
    </div>
  </div>
<% end %>
