@extends('theme::layouts.app', ['alias' => 'Ranking'])
@section('theme::title', __('seo.ranking.index'))
@section('theme::content')
    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12 main-content">
        <div class="container">
            <div class="card">
                <div class="card-header">
                    <h4>{{ __('ranking.title') }}</h4>
                </div>
                <div class="card-body">
                    <h1 class="text-center mb-5">Active Events and Rankings</h1>
                    <livewire:full-event-details />
                    {{-- مكون Livewire للتبديل بين الجداول --}}
                    {{-- <livewire:ranking-switcher class="table table-hover table-striped w-100" /> --}}
                </div>
            </div>
        </div>
    </div>


@endsection