@extends('web.layouts.app')
@if(!empty($pageSliders) && $pageSliders->count()>0)
@section('content')
<div class="tpl-block-list tpl-component-mahslider">
    <div class="container-fluid header-carousel mahabat">
        <div class="row">
            <div class="slider-container">
                <div class="slider-content">
                    @foreach($pageSliders as $pageSlider)
                    <div class="slider-single">
                        <img class="slider-single-image" src="{{ asset ($pageSlider -> img_url) }}" />
                        <div class="black-bg" style="z-index: -12;position: absolute; top: 0; background-color: black; height: 100%; width: 100%; margin-left: 50%; display: none;"></div>
                    </div>
                    @endforeach
                </div>
                <!--  NEXT PREV buttons  -->
                <a class="slider-left" href="javascript:void(0);"><i class="ti-arrow-circle-left"></i></a>
                <a id="nextq" class="slider-right" href="javascript:void(0);"><i class="ti-arrow-circle-right"></i></a>
            </div>
        </div>
    </div>
</div>
@endsection
@endif

@section('content2')
<div class="container wrapper " style="{{ $pageSliders->count()>0 ? 'margin-top:38%' : 'margin-top: 5%' }}">
    <div class="row" style="padding-top: 0">
        <div class="pages-tree">
            <ol class="breadcrumb" style="background: none">
                <li><a href="{{ route ('homeWeb') }}" class='fontRegular'>Baş Sahypa</a></li>
                <li class="active"><span class='fontRegular'>{{$page->title}}</span></li>
            </ol>
        </div>
        <div class="container mahabat">
            <div class="row">
                <div class="tpl-block-list tpl-component-bestadv tpl-template-212" id="nc-block-65830ee3ad0cadee448c685324b10d4a">
                    <div id="bestadv"></div>
                    <div class="tpl-block-list tpl-component-bestadv tpl-template-213" id="nc-block-c11f6de2ee5c0ef1304c940bc6341eb2">

                        <div class="container best-adver">
                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    @foreach($shows as $tmFilm)
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="top-part">
                                            <a href="{{route('getShow', $tmFilm->id)}}">
                                                <img src="{{ asset ('uploads/'.$tmFilm->img_url) }}" alt="{{ $tmFilm->alt }}">
                                                <div class="best-movies-overlay">
                                                    <div class="best-movies-overlay-text">
                                                        <div class="overlay-text">
                                                            <span class="text-center">
                                                                <h4>"{{ $tmFilm -> name }}"</h4>
                                                                <p>{{ $tmFilm -> description }}</p>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="top-bottom-shadow"></div>
                                                <span class="view-counter" style="font-size: 22px !important;"><i class="icon-eye"></i>
                                                    {{ $tmFilm -> view }}</span>
                                                <a href="{{route('getShow', $tmFilm->id)}}" class="play-button"><i
                                                        class="fa fa-play-circle-o"></i></a>
                                                <a href="{{asset($tmFilm->video_url)}}" class="download-button"
                                                    download><i class="fa fa-download"></i></a>
                                                <span class="tv-project-title text-center out fontBold" style="font-size: 25px;">"{{
                                                    $tmFilm -> name }}"</span>
                                            </a>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                    @if(!empty($shows))
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: center;">
                                            {{ $shows->links('vendor.pagination.simple-default') }}
                                        </div>
                                    @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection