@extends('web.layouts.app')
@section('content')

<div class="tpl-block-list tpl-component-slider" id="nc-block-379f70cfb1d929103a499f6c117c4222">

    <style>#owl-demo .item .carousel-caption p {
    font-weight: bold;
    line-height: 80px;
    text-align: left;
    font-size: 40px;
    text-shadow: 0.1em 0.1em 0.2em #006081a8 !important;
}
</style>
{{--
<div class="container-fluid" style="padding: 0">
    <div class="container-fluid header-carousel">
        <div class="row">
            <div id="owl-demo" class="owl-carousel owl-theme">

           @foreach($sliders as $slider)
            <a href = "{{$slider -> url}}">
                    <div class="item">
                    <img src="{{ asset($slider -> img_url) }}" alt="{{ $slider->alt }}">
                        <div class="carousel-caption" style = "left: 25%;">
                            <p style = "width: 80%;left: 59%;text-align: center;font-size: 37px;">{{$slider -> text}}</p>
                        </div>
                    </div>
                </a>
            @endforeach

            <!-- Next and previous buttons -->
            <!-- <a class="prev"><i class="ti-arrow-circle-left"></i></a>
            <a id = "nextq" class="next"><i class="ti-arrow-circle-right"></i></a> -->
        </div>
    </div>
</div></div> --}}
<div class="container wrapper" style="overflow-x:hidden!important;padding-top: 100px !important;padding-bottom: 50px !important;">
        <div class="row" style="padding-top: 0">
            <div class='tpl-block-full tpl-component-151' id='nc-block-21fd3ddc098dc329180757e37ae32068'>

                <style>.liqq {
                    list-style: none;
                    font-weight: bold;
                    padding-top: 15px;
                    padding-bottom: 15px;
                    border-bottom: 2px solid #d6d6d6;
                }
                .liqq:last-child {
                    border-bottom: none;
                }
                .colorbl{
                    color:#000000 !important;
                }
                .tagsq{
                    color: #000000 !important;
                    text-decoration: underline !important;
                }
                </style>
                <h2 style="color: #05559a; font-weight: bold; margin-bottom: 20px">{{$show->name}}</h2>
                <div class="col-lg-8 col-md-8" style="margin-bottom: 50px; padding-right: 10px;padding-left: 0px !important;">

                    <div class="video-player">
                        <video width="100%" poster="https://content.turkmentv.gov.tm/uploads/{{ $show->img_url }}" controls style="object-fit: cover;">
                            <source src="/stream/{{ $show->id }}" type="video/mp4">
                            Your browser does not support HTML5 video.
                        </video>
                    </div>
                    <p style="font-size: 20px;padding-top: 25px;">{!! $show->description !!}</p>
                </div>
                <div class="tpl-block-list tpl-component-151" id="nc-block-20140a8947a5e8cd474380d8a31a3cfe">
                    <style>.liqq {
                        list-style: none;
                        font-weight: bold;
                        padding-top: 15px;
                        padding-bottom: 15px;
                        border-bottom: 2px solid #d6d6d6;
                    }
                    .liqq:last-child {
                        border-bottom: none;
                    }
                    .colorbl{
                        color:#000000 !important;
                    }
                    .tagsq{
                        color: #000000 !important;
                        text-decoration: underline !important;
                    }
                    </style>
                    <div class="col-lg-4 col-md-4" style="padding-left: 10px">
                    <h4 style="font-weight: bold; color: #05559a; margin-bottom: 20px">Owazlar</h4>
                        <div style="width: 100%; background-color: #05559a; height: 5px"></div>
                        <ul style="padding-left: 0px;">
                        @foreach($showMenu as $menu)
                            <li class="liqq"><a class="colorbl" href="{{route('getShow',$menu->id)}}" style="text-transform:capitalize;">{{$menu->name}}</a></li>
                        @endforeach
                        </ul>
                        <div style="width: 100%; background-color: #05559a; height: 5px; margin-top: 20px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection