@extends("layouts.front.master")
@section("LOAD_CSS")
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
@endsection
@section("content")
    <!-- html mid contect section start -->
    <section class="mid_wrap">
        <div class="container-fluid">
            <div class="row">
                @include("layouts.front.includes.live_channels")
                <div class="col-sm-12 col-md-7">
                    <div class="panel_mid">
                        <div class="panel_mid_body">
                            <div class="video_section">
                                <div class="section_head"><h2>{!! !empty($record->event_name) ? $record->event_name : "Event Name" !!}</h2></div>
                                <div class="video_btn">
                                    @php
                                        $i= 1;
                                    @endphp
                                    @if(!empty($record->getScheduleChannelById))
                                        @foreach($record->getScheduleChannelById as $channel)
                                            {{--<a href="{!! route("front.channel.slug",["slug" => $channel->slug]) !!}" class="btn" target="_blank">{!! $channel->name !!} {!! ($channel->identifier == "client") ? $i++ : "" !!}</a>--}}
                                            <a href="javascript:void(0);" data-action="{!! url("update/{$channel->embed_url}") !!}" class="btn changeStream">{!! $channel->name !!} {!! ($channel->identifier == "client") ? $i++ : "" !!}</a>
                                        @endforeach
                                    @endif
                                </div>
                                @if(!empty($ads_setting))
                                    @foreach($ads_setting as $setting)
                                        @if($setting->identifier == "above_stream_ad")
                                            <div class="section_head">
                                                {!! $setting->code !!}
                                            </div>
                                        @endif
                                    @endforeach
                                @endif
                                <div class="video_plyer">
                                    <iframe class="embed-responsive-item" id="ifram_main" src="{!! url("update/{$record->embed_url}") !!}" width="100%" height="100%" allowfullscreen="true" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe>
                                    {{--<iframe class="embed-responsive-item" id="ifram_main" src="{!! url("update/{$record->embed_url}") !!}" allowfullscreen="true" width="100%" height="100%" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" style="max-width: unset;" __idm_frm__="240" __idm_id__="889515009"></iframe>--}}
                                    <!-- <div align="center" class="embed-responsive embed-responsive-16by9"></div> -->
                                </div>
                                @if(!empty($agent) && !$agent->isMobile())
                                    @if(!empty($ads_setting))
                                        @foreach($ads_setting as $setting)
                                            @if($setting->identifier == "bottom_stream_ad")
                                                <div class="section_head">
                                                    {!! $setting->code !!}
                                                </div>
                                            @endif
                                        @endforeach
                                    @endif
                                @endif
                                <div class="video_btn">
                                    <a style="font-size: 25px; width: 51px; height: 51px; background-color: #4267B2;" href="https://www.facebook.com/sharer/sharer.php?u={!! route("front.play.live",["schedule_id" => $record->id,"slug" => $record->slug]) !!}" class="btn" target="_blank"> <i class="fab fa-facebook-f"></i></a>
                                    <a style="font-size: 25px; width: 51px; height: 51px; background-color: #55acee;" href="https://twitter.com/intent/tweet?url={!! route("front.play.live",["schedule_id" => $record->id,"slug" => $record->slug]) !!}&text={!! !empty($record->event_name) ? $record->event_name : "Event Name" !!}" class="btn" target="_blank"> <i class="fab fa-twitter"></i></a>
                                    <a style="font-size: 25px; width: 51px; height: 51px; background-color: #25d366;" href="https://web.whatsapp.com/send?text={!! route("front.play.live",["schedule_id" => $record->id,"slug" => $record->slug]) !!}" class="btn" target="_blank"> <i class="fab fa-whatsapp"></i></a>
                                    <a style="font-size: 25px; width: 51px; height: 51px; background-color: #ff4500;" href="http://www.reddit.com/submit?url={!! route("front.play.live",["schedule_id" => $record->id,"slug" => $record->slug]) !!}&title={!! !empty($record->event_name) ? $record->event_name : "Event Name" !!}" class="btn" target="_blank"> <i class="fab fa-reddit"></i></a>
                                    <a style="font-size: 25px; width: 51px; height: 51px; background-color: #7d7d7d;" href="mailto:?&subject={!! !empty($record->event_name) ? $record->event_name : "Event Name" !!}&cc=&bcc=&body={!! route("front.play.live",["schedule_id" => $record->id,"slug" => $record->slug]) !!}" class="btn" target="_blank"> <i class="fa fa-envelope"></i></a>
                                </div>
                                <div class="section_head">
                                    <h2>{!! !empty($record->event_name) ? $record->event_name : "Event Name" !!}</h2>
                                </div>
                                <p>{{ $record->event_article }}</p>
                                @if(!empty($ads_setting))
                                    @foreach($ads_setting as $setting)
                                        @if($setting->identifier == "below_description_ad")
                                            <p>
                                                {!! $setting->code !!}
                                            </p>
                                        @endif
                                    @endforeach
                                @endif
                                {{--<h4><strong>Embed this event in your website</strong></h4>
                                <p>
                                    <textarea id="embedCode" onclick="this.focus();this.select()" readonly="readonly"><iframe id="ifram_main" src="{!! url("update/{$record->embed_url}") !!}" allowfullscreen="true" width="100%" height="100%" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" style="max-width: unset;" __idm_frm__="240" __idm_id__="889515009"></iframe></textarea>
                                </p>--}}
                            </div>
                        </div><!-- end panel_mid_body -->
                    </div>
                </div>

                <div class="col-sm-6 col-md-3 sidebar">
                    <div class="panel_right">
                        @include("layouts.front.includes.chatango")
                    </div><!-- end panel_right -->
                </div>
            </div>
        </div><!-- end container -->
    </section><!-- end mid_wrap -->
    <!-- html mid contect section start -->
@endsection
@section("LOAD_JS")

@endsection