@extends('layouts.main')

@section('title', 'Results – World Gymnastics')

@section('styles')
<style>
    /* HERO */
    .hero {
        height: 300px;
        background: linear-gradient(rgba(22,25,80,.75), rgba(22,25,80,.75)), url('https://images.unsplash.com/photo-1517649763962-0c623066013b?w=1600');
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hero h2 {
        color: white;
        font-size: 60px;
        letter-spacing: 3px;
    }

    /* RESULTS SECTION */
    .results-container {
        width: 90%;
        max-width: 1300px;
        margin: 50px auto;
        background: white;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }

    .results-container h3 {
        font-size: 36px;
        color: #2f2f6d;
        margin-bottom: 25px;
    }

    .results-count {
        background: #eef4ff;
        padding: 15px;
        margin-bottom: 25px;
        border-radius: 5px;
        font-weight: bold;
        color: #2f2f6d;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

    thead {
        background: #eef4ff;
    }

    th {
        text-align: left;
        padding: 18px;
        color: #2f2f6d;
        font-size: 18px;
    }

    td {
        padding: 18px;
        border-bottom: 1px solid #eee;
        color: #555;
    }

    tbody tr:hover {
        background: #f8fbff;
    }

    .icons {
        font-size: 20px;
        text-align: center;
    }

    /* MOBILE */
    @media(max-width:900px) {
        .hero h2 {
            font-size: 40px;
        }

        .results-container {
            overflow-x: auto;
        }

        table {
            min-width: 900px;
        }
    }
</style>
@endsection

@section('content')

<!-- HERO -->
<section class="hero">
    <h2>RESULTS</h2>
</section>

<!-- RESULTS TABLE -->
<div class="results-container">

    <h3>Competition Results</h3>

    <div class="results-count">
        603 events found
    </div>

    <table>

        <thead>
            <tr>
                <th>DATES</th>
                <th>TITLE</th>
                <th>CITY</th>
                <th>DISCIPLINES</th>
                <th></th>
            </tr>
        </thead>

        <tbody>

            <tr>
                <td>05/06/2026 - 07/06/2026</td>
                <td>FIG World Cup 2026</td>
                <td>BAKU (AZE)</td>
                <td>AER</td>
                <td class="icons">🏆 🔍</td>
            </tr>

            <tr>
                <td>05/06/2026 - 07/06/2026</td>
                <td>AGF Trophy International Tournament 2026</td>
                <td>BAKU (AZE)</td>
                <td>ACRO</td>
                <td class="icons">📄 🔍</td>
            </tr>

            <tr>
                <td>05/06/2026 - 07/06/2026</td>
                <td>FIG World Cup 2026</td>
                <td>BAKU (AZE)</td>
                <td>ACRO</td>
                <td class="icons">🏆 🔍</td>
            </tr>

            <tr>
                <td>05/06/2026 - 07/06/2026</td>
                <td>AGF Trophy International Tournament 2026</td>
                <td>BAKU (AZE)</td>
                <td>AER</td>
                <td class="icons">📄 🔍</td>
            </tr>

            <tr>
                <td>04/06/2026 - 07/06/2026</td>
                <td>Parkour World Cup 2026</td>
                <td>ISTANBUL (TUR)</td>
                <td>PKSP, PKFS</td>
                <td class="icons">🏆 🔍</td>
            </tr>

            <tr>
                <td>29/05/2026 - 31/05/2026</td>
                <td>FIG World Cup 2026</td>
                <td>BURGAS (BUL)</td>
                <td>ACRO</td>
                <td class="icons">🏆 🔍</td>
            </tr>

            <tr>
                <td>28/05/2026 - 31/05/2026</td>
                <td>FIG World Challenge Cup 2026</td>
                <td>KOPER (SLO)</td>
                <td>MAG, WAG</td>
                <td class="icons">📄 🔍</td>
            </tr>

            <tr>
                <td>23/05/2026 - 26/05/2026</td>
                <td>17th Senior Asian Championships</td>
                <td>BISHKEK (KGZ)</td>
                <td>RGI, RGG</td>
                <td class="icons">🏆 🔍</td>
            </tr>

        </tbody>

    </table>

</div>

@endsection