@extends('layouts.main')
@section('title', 'Disciplinary Decisions')

@section('styles')
<link rel="stylesheet" href="{{ asset('css/goverence.css') }}">
@endsection

@section('content')
    <div class="image-container">
      <img src="{{ asset('img/olym.jpg') }}" alt="Olympic rings photo" />
      <h1>Disciplinary decisions</h1>
    </div>

    <main class="page-content">
      <section class="news-column">
        <article class="news-card">
          <a href="#" class="news-card__link" aria-label="Read October 2025 news">
            <div class="news-card__header">
              <div>
                <p class="news-card__subtitle">Official news from the Executive Committee</p>
                <h2>October 2025</h2>
              </div>
              <span class="news-card__cta">›</span>
            </div>
            <p class="news-card__date">10/10/2025</p>
            <p class="news-card__text">
              The FIG Executive Committee (EC) met in Vientiane (LAO) on 8-10 October 2025. Here is a summary of the main decisions.
            </p>
          </a>
        </article>

        <article class="news-card news-card--muted">
          <a href="#" class="news-card__link" aria-label="Read July 2025 news">
            <div class="news-card__header">
              <div>
                <p class="news-card__subtitle">Official news from the Executive Committee</p>
                <h2>Lausanne (SUI) 9-10 July 2025</h2>
              </div>
              <span class="news-card__cta">›</span>
            </div>
            <p class="news-card__date">11/07/2025</p>
            <p class="news-card__text">
              The FIG Executive Committee (EC) met in Lausanne (SUI) on 9-10 July. Here is a summary of the main decisions.
            </p>
          </a>
        </article>
      </section>

      <aside class="sidebar">
        <div class="sidebar__box">
          <h3>Governance</h3>
          <ul class="sidebar__list">
            <li><a href="#">Structure</a></li>
            <li><a href="#">Decisions of FIG authorities</a></li>
            <li><a href="#">Disciplinary Decisions</a></li>
            <li><a href="#">Financial Reports</a></li>
            <li><a href="#">Main events reports</a></li>
            <li><a href="#">Gymnastics Ethics Foundation</a></li>
          </ul>
        </div>
      </aside>
    </main>

    <div class="cookie-banner" id="cookieBanner">
      <p>This site uses cookies and gives you control over what you want to activate</p>
      <button class="btn-accept" onclick="document.getElementById('cookieBanner').style.display='none'">OK, accept all</button>
      <button class="btn-deny" onclick="document.getElementById('cookieBanner').style.display='none'">Deny all cookies</button>
      <button class="btn-personalize" onclick="document.getElementById('cookieBanner').style.display='none'">Personalize</button>
      <button class="btn-policy" onclick="document.getElementById('cookieBanner').style.display='none'">Privacy policy</button>
    </div>
@endsection