{% extends "base.html" %}

{% block title %}Error - HKFC MOTM System{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-lg-8">
    <div class="card border-danger">
      <div class="card-body text-center">
        <div class="mb-4">
          <i class="fas fa-exclamation-triangle text-danger" style="font-size: 4rem;"></i>
        </div>
        
        <h1 class="card-title text-danger">Error</h1>
        
        <div class="alert alert-danger">
          <h5 class="alert-heading">
            <i class="fas fa-info-circle me-2"></i>Something went wrong
          </h5>
          <p class="mb-0">{{ message or "Invalid voting URL. Please check the link and try again." }}</p>
        </div>
        
        <div class="d-grid gap-2 d-md-flex justify-content-md-center">
          <a href="/" class="btn btn-primary">
            <i class="fas fa-home me-2"></i>Back to Home
          </a>
          <button onclick="history.back()" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-2"></i>Go Back
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}