<%= content_tag :div, class: "modal modal-right", id: "edl_event_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">EDL Event(s) for <%= @timecode %></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

        <p class="alert alert-info"><%= @info_message %></p>

        <ul id="edl_events" class="list-group my-2 small">
          <% @edl_events.each do |edl_event| %>
            <li class="list-group-item">
              <dl class="row mb-0">
                <% edl_event.attributes.each do |name, value| %>
                  <dt class="col-sm-5"><%= name.to_s.titleize %></dt>
                  <dd class="col-sm-7 text-break"><%= value %></dd>
                <% end %>
              </dl>
            </li>
          <% end %>
        </ul>
      </div>
      <div class="modal-footer">
        <%= button_tag "Close", class: "btn btn-secondary", data: { dismiss: "modal" } %>
      </div>
    </div>
  </div>
<% end %>
