@extends('layouts.app')
@section('content')
@section('title', 'Votre radio musicale - KompaParis')
@section('description',
    'Écoutez Kompaparis en direct sur notre plateforme en ligne et gratuite. Profitez de la
    meilleure qualité sonore.')

    <div class="page-title-area">
        <div class="container">
            <div class="page-title-content">
                <h2>{{ __('titles.live radio') }}</h2>
                <ul>
                    <li><a href="{{ route('home.index') }}">{{ __('nav.home') }}</a></li>
                    <li>{{ __('nav.radio') }}</li>
                </ul>
            </div>
        </div>
    </div>
    <section class="main-news-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="single-main-news">

                        {{-- 🎧 Kompaparis Radio Player --}}
                        <div class="mx-auto single-main-news-box" style="max-width: 855px;" id="sc-player">
                            @include('partials.radio-player')
                        </div>
                        {{-- 🔊 Fin lecteur radio --}}
                    </div>

                </div>

                <div class="col-lg-4">
                    <div class="single-main-news-box">
                        <h5 class="title text-center">{{ __('titles.kompaparis radio') }}</h5>
                    </div>
                    <img src="{{ asset('images/logo/kompaparis.png') }}" alt="image">
                </div>
            </div>
        </div>
    </section>

@endsection