gcp-hockey-results/motm_app/templates/index_new.html

{% extends "base.html" %}

{% block title %}HKFC Men's C Team - MOTM System{% endblock %}

{% block content %}
<div class="row">
  <div class="col-12">
    <!-- Welcome Section -->
    <div class="card mb-4">
      <div class="card-body text-center">
        <h2 class="card-title">
          <i class="fas fa-trophy text-warning me-2"></i>
          Welcome to the MOTM Voting System
        </h2>
        <p class="card-text lead">
          This system allows players to vote for Man of the Match and Dick of the Day, 
          while providing admin tools for managing matches and squads.
        </p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <!-- Player Section -->
  <div class="col-lg-6 mb-4">
    <div class="card h-100">
      <div class="card-header bg-primary text-white">
        <h4 class="card-title mb-0">
          <i class="fas fa-users me-2"></i>Player Section
        </h4>
      </div>
      <div class="card-body">
        <div class="d-grid gap-2">
          <a href="/motm/comments" class="btn btn-outline-primary btn-lg">
            <i class="fas fa-comments me-2"></i>
            <div class="text-start">
              <div class="fw-bold">Match Comments</div>
              <small class="text-muted">View comments from recent matches</small>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>

  <!-- Admin Section -->
  {% if is_admin %}
  <div class="col-lg-6 mb-4">
    <div class="card h-100">
      <div class="card-header bg-success text-white">
        <h4 class="card-title mb-0">
          <i class="fas fa-user-shield me-2"></i>Admin Section
        </h4>
      </div>
      <div class="card-body">
        <div class="d-grid gap-2">
          <a href="/admin" class="btn btn-outline-success">
            <i class="fas fa-tachometer-alt me-2"></i>
            <div class="text-start">
              <div class="fw-bold">Admin Dashboard</div>
              <small class="text-muted">Access all administrative functions</small>
            </div>
          </a>
          
          <a href="/admin/clubs" class="btn btn-outline-success">
            <i class="fas fa-users me-2"></i>
            <div class="text-start">
              <div class="fw-bold">Club Management</div>
              <small class="text-muted">Add, edit, and manage hockey clubs</small>
            </div>
          </a>
          
          <a href="/admin/players" class="btn btn-outline-success">
            <i class="fas fa-user me-2"></i>
            <div class="text-start">
              <div class="fw-bold">Player Management</div>
              <small class="text-muted">Add, edit, and manage players</small>
            </div>
          </a>
          
          <a href="/admin/teams" class="btn btn-outline-success">
            <i class="fas fa-layer-group me-2"></i>
            <div class="text-start">
              <div class="fw-bold">Team Management</div>
              <small class="text-muted">Add, edit, and manage hockey teams</small>
            </div>
          </a>
          
          <a href="/admin/s3-config" class="btn btn-outline-info">
            <i class="fas fa-cloud me-2"></i>
            <div class="text-start">
              <div class="fw-bold">S3 Configuration</div>
              <small class="text-muted">Configure AWS S3 storage for logos and assets</small>
            </div>
          </a>
          
          <a href="/admin/s3-status" class="btn btn-outline-info">
            <i class="fas fa-cloud-upload-alt me-2"></i>
            <div class="text-start">
              <div class="fw-bold">S3 Status</div>
              <small class="text-muted">View current S3 configuration and connection status</small>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
  {% else %}
  <div class="col-lg-6 mb-4">
    <div class="card h-100">
      <div class="card-header bg-secondary text-white">
        <h4 class="card-title mb-0">
          <i class="fas fa-lock me-2"></i>Admin Access
        </h4>
      </div>
      <div class="card-body">
        <div class="alert alert-info">
          <h5 class="alert-heading">
            <i class="fas fa-info-circle me-2"></i>Authentication Required
          </h5>
          <p class="mb-0">Admin functions require authentication. Please contact the system administrator for access.</p>
        </div>
      </div>
    </div>
  </div>
  {% endif %}
</div>

<!-- Additional Admin Functions (if admin) -->
{% if is_admin %}
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header bg-warning text-dark">
        <h4 class="card-title mb-0">
          <i class="fas fa-cogs me-2"></i>System Management
        </h4>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-4 mb-3">
            <a href="/admin/import" class="btn btn-outline-warning w-100">
              <i class="fas fa-download me-2"></i>
              <div class="text-start">
                <div class="fw-bold">Data Import</div>
                <small class="text-muted">Import clubs and teams from HKHA</small>
              </div>
            </a>
          </div>
          
          <div class="col-md-4 mb-3">
            <a href="/admin/squad" class="btn btn-outline-warning w-100">
              <i class="fas fa-list-check me-2"></i>
              <div class="text-start">
                <div class="fw-bold">Squad Selection</div>
                <small class="text-muted">Select players for match squad</small>
              </div>
            </a>
          </div>
          
          <div class="col-md-4 mb-3">
            <a href="/admin/motm" class="btn btn-outline-warning w-100">
              <i class="fas fa-trophy me-2"></i>
              <div class="text-start">
                <div class="fw-bold">MOTM Management</div>
                <small class="text-muted">Manage Man of the Match settings</small>
              </div>
            </a>
          </div>
        </div>
        
        <div class="row">
          <div class="col-md-4 mb-3">
            <a href="/admin/squad/list" class="btn btn-outline-secondary w-100">
              <i class="fas fa-eye me-2"></i>
              <div class="text-start">
                <div class="fw-bold">View Current Squad</div>
                <small class="text-muted">View current match squad</small>
              </div>
            </a>
          </div>
          
          <div class="col-md-4 mb-3">
            <a href="/admin/squad/reset" class="btn btn-outline-danger w-100">
              <i class="fas fa-refresh me-2"></i>
              <div class="text-start">
                <div class="fw-bold">Reset Squad</div>
                <small class="text-muted">Reset squad for new match</small>
              </div>
            </a>
          </div>
          
          <div class="col-md-4 mb-3">
            <a href="/admin/profile" class="btn btn-outline-secondary w-100">
              <i class="fas fa-user-cog me-2"></i>
              <div class="text-start">
                <div class="fw-bold">Admin Profile</div>
                <small class="text-muted">Manage admin settings</small>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endif %}

<!-- System Status Card -->
<div class="row mt-4">
  <div class="col-12">
    <div class="card">
      <div class="card-header bg-info text-white">
        <h4 class="card-title mb-0">
          <i class="fas fa-info-circle me-2"></i>System Information
        </h4>
      </div>
      <div class="card-body">
        <div class="row">
          <div class="col-md-6">
            <h6><i class="fas fa-server me-2"></i>System Status</h6>
            <p class="text-muted">
              <span class="status-indicator status-online"></span>
              System Online
            </p>
          </div>
          <div class="col-md-6">
            <h6><i class="fas fa-calendar-alt me-2"></i>Current Season</h6>
            <p class="text-muted">2025-2026 Hockey Season</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}