@extends('layouts.app')
@section('content')
@section('title', 'Kompaparis – Le média 100% culture, musique & actu caribéenne')

<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">
                        <div is="player" lang="fr" api-url="https://ec1.everestcast.host:1090/api/v2"
                            server-id="1" station-name="Kompaparis" station-url="{{ url()->current() }}"
                            :autoplay="true" imagecontainer="left" imagecontainer-bg="#78a3b5"
                            imagecontainer-bg-opacity="1" controlscontainer="right" controlscontainer-bg="#d6d6d6"
                            controlscontainer-bg-opacity="1"
                            controlscontainer-bg-img="https://ec1.everestcast.host:1090/media/player_bg/player_bg.jpg"
                            historycontainer="both" historycontainer-bg="#cdd8e5" historycontainer-bg-opacity="1"
                            :show-history="false" history-limit="10" sharecontainer="both" sharecontainer-bg="#ffffff"
                            sharecontainer-bg-opacity="1" :show-share="false" share-url=""
                            :share="['facebook', 'telegram', 'twitter']" :show-dj="false"
                            default-dj-img="https://ec1.everestcast.host:1090/media/djs/dj.png" :show-image="true"
                            default-cover-image="https://ec1.everestcast.host:1090/media/widgets/kompaparis.png"
                            play-button-color="#35495e" play-button-bg="null" visualizer-outline-color="#37679a"
                            visualizer-bar-width="0" :channels-displayed="[1]" channels-switch-bg="#4165b9"
                            channels-switch-color="#ffffff" channels-switch-bg-active="#dddddd"
                            channels-switch-color-active="#000000" :show-vote="false" vote-buttons-color="#35495e"
                            vote-buttons-opacity="1" vote-results-font-color="#FFFFFF" vote-results-font-size="16"
                            :progress-show="true" progress-bar-color="#35495e" progress-bar-bg-color="#41b883"
                            progress-bar-bg-opacity="0.1" progress-bar-bg-height="25" progress-bar-opacity="1"
                            progress-font-color="#FFFFFF" progress-font-size="12" progress-bar-bg-radius="10"
                            progress-bar-bg-border="#F5F5F5" player-width="855px">
                        </div>
                    </div>
                    {{-- 🔊 Fin lecteur radio --}}

                </div>
            </div>
            <div class="col-lg-4"> 
                <br>          
                <img src="{{ asset('images/logo/kompaparis.png') }}" alt="image">
            </div>
        </div>
    </div>
</section>

@endsection

@push('scripts')
<script src="https://ec1.everestcast.host:1090/media/static/js/sc_player/sc_player.js"></script>
@endpush