{% extends 'admin/base.html' %}
{% block content %}
  <h4>Upload Video</h4>
  <form id="video-upload-form" method="post" enctype="multipart/form-data" class="mt-3" style="max-width: 640px;">
    <div class="mb-3">
      <input class="form-control" type="file" name="file" accept="video/mp4,video/webm" required />
      <div class="form-text">MP4 (H264 baseline/main) recommended for SoC players.</div>
    </div>

    <div id="upload-progress" class="progress mb-2 d-none" aria-label="Upload progress">
      <div
        id="upload-progress-bar"
        class="progress-bar progress-bar-striped"
        role="progressbar"
        style="width: 0%"
        aria-valuenow="0"
        aria-valuemin="0"
        aria-valuemax="100"
      >0%</div>
    </div>
    <div id="upload-status" class="form-text mt-2"></div>

    <button class="btn btn-primary" type="submit">Upload</button>
    <a class="btn btn-link" href="{{ url_for('admin.videos_list') }}">Cancel</a>
  </form>
{% endblock %}