@extends('layouts.website')

@section('title', 'Results')

@section('hero')
    <x-site.partials.inner-banner
        title="Results"
        :breadcrumb="[
            ['label' => 'The FISEC Games', 'url' => route('site.games.index')],
            ['label' => 'Results'],
        ]" />
@endsection

@section('content')

{{-- Page heading --}}
<section class="pt-5 pb-0">
    <div class="container">
        <div class="section-title text-center">
            <h2 class="text-white mb-0">Event Results</h2>
            <div class="mt-3 mx-auto" style="width:60px;height:3px;background:var(--pgs_primary_color,#c0392b);border-radius:2px;"></div>
        </div>
    </div>
</section>

<section class="page-content latest- justify-text">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <p class="text-white mb-4">Download official result PDFs.</p>

                @forelse($results as $r)
                    @php
                        $country = $r->country ?? $r->state;
                    @endphp

                    <div class="mb-3">
                        <a class="d-flex align-items-center justify-content-between text-decoration-none p-3 bg-dark rounded"
                           href="{{ asset('storage/' . $r->pdf_path) }}" target="_blank" rel="noopener">
                            <div class=" fw-semibold">
                                {{ $r->year }} – {{ $r->city }}@if($country) ({{ $country }})@endif
                            </div>
                            <span class="btn btn-sm btn-primary">Download</span>
                        </a>
                    </div>
                @empty
                    <p class="text-muted">No results published yet.</p>
                @endforelse

            </div>
        </div>
    </div>
</section>
@endsection