<%= content_tag :div, class: "modal modal-right", id: "#{dom_id(video_release_confirmation)}_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">Add to Report</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <%= bootstrap_form_with model: [video_release_confirmation.video, video_release_confirmation.releasable, video_release_confirmation], 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: "video_release_confirmation" %>

          <div id="video_release_confirmation_fields">
            <%= form.hidden_field :time_elapsed, value: video_release_confirmation.time_elapsed %>
            <%= form.hidden_field :file_info_id, value: video_release_confirmation.file_info_id %>
            <%= form.static_control nil, name: nil, label: "Video Timecode", value: video_release_confirmation.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 %>
          </div>
        </div>
        <div class="modal-footer">
          <%= form.button "Close", class: "btn btn-secondary", data: { dismiss: "modal" } %>
          <%= form.submit "Confirm Release", class: "btn btn-primary", data: { disable_with: t("shared.disable_with") } %>
        </div>
      <% end %>
    </div>
  </div>
<% end %>
