stage-manager/views/video/view.erb

<div id="video-header" class="row">
  <div class="eight columns">
    <h1 class="video-name"><%= video.name %></h1>
    <h4 class="video-created">Item added at: <%= date_format(video.created_at) %></h4>
    <% if video.updated_at %>
    <h4 class="video-updated">Last updated at: <%= date_format(video.updated_at) %></h4>
    <% end %>

    <p class="video-description"><%= video.description %></p>
  </div>

  <div id="sidebar" class="four columns">
    <div class="actions-bar">
      <span><a href="/video/<%= video.id %>/edit">Edit <i class="fa-solid fa-pen-to-square"></i></a></span><span>
        <a href="/video/<%= video.id %>/delete">Delete <i class="fa-solid fa-trash"></i></a></span>
    </div>
    <div class="video-channel">
      <p>Channel: <a href="/channel/<%= video.channel.id %>"><span><%= video.channel.name %></span></a></p>
    </div>
    <div class="video-serial">
      <p>Serial: <span><%= serialize(video.serial) %></span></p>
    </div>
    <div class="video-path">
      <p><span><%= video.directory_path %></span></p>
    </div>
    <div class="script-controls">
      <span><a href="/video/<%= video.id %>/script">View script <i class="fa-solid fa-scroll"></i></a></span><span>
        <a href="/video/<%= video.id %>/edit/script">Edit script <i class="fa-solid fa-pen-to-square"></i></a></span>
    </div>
  </div>
</div>

<div id="video-script" class="row">
  <div class="twelve columns">
    <h2>Video script</h2>

    <hr>

    <div class="script">
      <%= video.parseScript() %>
    </div>
  </div>
</div>