@extends('front.include.app')
@section('content')
    {{-- @dd($content) --}}
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <section class="inner-banner p-0">
        <img src="{{ $data->getFirstMediaUrl('league_banner_img') ?? ''}}" alt="image" class="img-fluid">
        <div class="container">
            <div class="inner-banner__content">
                <h1>
                    <a href="javascript:history.back()" class="back-arrow">
                        <i class="fas fa-arrow-left"></i>
                    </a>
                    {{ $content['main_heading'] ?? ''}}
                </h1>
                <ul>
                    <li><a href="">Home</a></li>
                    <li><span>//</span></li>
                    <li><a href="">{{ $content['main_heading'] ?? ''}}</a></li>
                </ul>
            </div>
        </div>
    </section>

    <section class="leagues-tournaments">
        <div class="container">
            <div class="row">
                @foreach ($tournaments as $tournament)
                    <div class="col-lg-4">
                        <div class="leagues-tournaments__card">
                            <figure class="leagues-tournaments__card--img">
                                <img src="{{ $tournament->getFirstMediaUrl('images') ?? '' }}" alt="image"
                                    class="img-fluid">
                            </figure>
                            <div class="leagues-tournaments__card--content">
                                <h4>{{ $tournament->title ?? '' }}</h4>
                                <p>
                                    {{ $tournament->description ?? '' }}
                                </p>
                                <ul>
                                    <li>
                                        <a href="{{ $tournament->schedule_link ?? '' }}">Schedule</a>
                                    </li>
                                    <li>
                                        <a href="{{ $tournament->teams_link ?? '' }}">Teams</a>
                                    </li>
                                    <li>
                                        <a href="{{ $tournament->stats_link ?? '' }}">Stats</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <x-motivation-section :compData="$compData" :compContent="$compContent" />

    <x-ideal-section :compData="$compData" :compContent="$compContent" />

    <x-testimonial-section :testimonials="$testimonials" />
@endsection