{% extends "shared/base.html" %}


{% block title %}
  <title>MediaFile Detail</title>
{% endblock %}

{% block content %}
  <div class="container">
  <div class="row">
    <div class="col">
      <h1 class="display-5">MediaFile Detail</h1>
    </div>
  </div>

  <div class="row">
      <table class="table table-striped table-hover">
        <tbody>
          <tr>
            <th scope="row">MediaFile Title</th>
            <td colspan="2">{{mediafile.title}}</td>
          </tr>
          <tr>
            <th scope="row">MediaFile URL</th>
            <td colspan="2">{{mediafile.url}}</td>
          </tr>
          <tr>
            <th scope="row">MediaFile Cloudlink</th>
            <td colspan="2">{{mediafile.cloud_link}}</td>
          </tr>
          <tr>
            <th scope="row">MediaFile Download?</th>
            <td colspan="2">{{mediafile.should_download}}</td>
          </tr>
          <tr>
            <th scope="row">MediaFile Review?</th>
            <td colspan="2">{{mediafile.review}}</td>
          </tr>
          <tr>
            <th scope="row">Actors</th>
            <td colspan="2">
                <ul>
                {% for media_actor_files in mediafile.media_actor_files %}
                    <li><a href="/media/actors/{{media_actor_files.media_actor.id}}">{{media_actor_files.media_actor.name}}</a></li>
                {% endfor %}
                </ul>
            </td>
          </tr>
          <tr>
            <th scope="row">Data Created</th>
            <td colspan="2">{{mediafile.created_date}}</td>
          </tr>
          <tr>
            <th scope="row">Data Modified</th>
            <td colspan="2">{{mediafile.last_modified_date}}</td>
          </tr>
          <tr>
            <th scope="row">Data Version</th>
            <td colspan="2">{{mediafile.version}}</td>
          </tr>
        </tbody>
    </table>
  </div>
  <div class="row">
    <div>
      <a href="/media/files" class="btn btn-outline-primary btn-sm active" role="button" aria-pressed="true">Back to list</a>
      <a href="/media/file/edit/{{mediafile.id}}" class="btn btn-outline-primary btn-sm active" role="button" aria-pressed="true">Edit</a>
      <a href="/media/file/delete/{{mediafile.id}}" class="btn btn-outline-danger btn-sm active" role="button" aria-pressed="true">Delete</a>
    </div>
  </div>
</div>
{% endblock %}