turkmentv/resources/views/web/layouts/home.blade.php

255 lines
16 KiB
PHP

<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="{{ $slider ->img_url}}" alt="{{ $slider->alt }}">
<div class="carousel-caption" style = "left: 25%;">
<p style = "font-family:SourceSansBold;width: 80%;left: 59%;text-align: center;font-size: 37px;">{{$slider->text}}</p>
</div>
</div>
</a>
@endforeach
</div>
<!-- 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> -->
<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 = "padding-top: 50px !important;padding-bottom: 50px !important;">
<div class="row" style="padding-top: 0; padding-bottom: 0">
<div class="tpl-block-list tpl-component-advertise" id="nc-block-f7e58e42e06d14ccafa603b30ee0ffdd">
<div id="main"></div>
<div class="advertising-board">
<a href=""><img src="{{$advertTop->img_url}}" alt="{{ $advertTop->alt }}"></a>
</div>
</div>
<div class="tpl-block-list tpl-component-live" id="nc-block-07836a817200a2080a66928e50ea776e"><div id="main-1"></div><div class="container live">
<div class="row">
<h2><a href="" class = "fontSemiBold">Göni ýaýlym <i class="fa fa-play-circle-o"></i></a></h2>
<div class="live-imgs text-left">
<div class="">
<a href="/page/6/?from=1" ><img src="{{ asset( 'assets/img/live-imgs/altyn.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/page/6/?from=2" ><img src="{{ asset( 'assets/img/live-imgs/yaslyk.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/page/6/?from=3"><img src="{{ asset( 'assets/img/live-imgs/miras.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/page/6/?from=7"><img src="{{ asset( 'assets/img/live-imgs/turkmenistan.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/page/6/?from=5"><img src="{{ asset( 'assets/img/live-imgs/owaz.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/page/6/?from=6"><img src="{{ asset( 'assets/img/live-imgs/ashgabat.png' ) }}" alt=""></a>
</div>
<div class="">
<a href="/page/6/?from=4"><img src="{{ asset( 'assets/img/live-imgs/sport.png' ) }}" alt=""></a>
</div></div>
</div>
</div></div><div class="tpl-block-list tpl-component-mainnews tpl-template-220" id="nc-block-23f6040dfa6c938a093cb949f4a446ec"><div id="news"></div><div class="container news-releases" style = "padding-bottom: 100px;">
<div class="row">
<h2><a href="http://turkmenistan.gov.tm" class = "fontSemiBold">Iň täze habarlar <i class="fa fa-play-circle-o"></i></a></h2>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 news-releases-contents">
<div class="tpl-block-list tpl-component-mainnews tpl-template-196" id="nc-block-ce2c98c8cccdd8058de9f221243edf8a">
@foreach($news as $new)
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<span><b class = "fontSemiBold" style = "font-size: 17px;">{{$new->date}}</b></span>
<p style = "padding-top:10px;"><a href="{{ route('getNews', $new -> id) }}" style = "font-size: 18px;padding-top:15px;">{{ str_limit($new->name, $limit = 80, $end = '...') }}&nbsp;&nbsp;<i class="fa fa-play-circle-o"></i></a></p>
</div>
@endforeach
</div> </div>
</div>
</div></div><div class="tpl-block-list tpl-component-177" id="nc-block-96802ac3c989a68654c4970ef253eb0e"><div id="tvproject-view"></div>
<div class="container tv-projects-releases desktop-view" style="width: 300%; margin-left: -100%;margin-bottom: 100px;">
<div class="row">
<div class="container" style="width: 34.65%">
<div class="row">
<h2 style = "margin-top: 100px !important;">Gepleşiklerden pursatlar <i class="fa fa-play-circle-o"></i></h2>
<div class="tv-projects-videos">
<div class="main-two col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="tpl-block-list tpl-component-177 tpl-template-202" id="nc-block-49029f098e24c2d760c60d385efac70d">
@foreach($showTop2 as $itemShow2)
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="top-part">
<a href="{{ route('getShow', $itemShow2->id) }}">
<img src="{{ asset('uploads/'.$itemShow2 -> img_url) }}" alt="{{ $itemShow2->alt }}">
<div class="top-bottom-shadow"></div>
<span class="view-counter fontLight" style = "font-size: 20px !important;"><i class="icon-eye"></i> {{ $itemShow2->view }}</span>
<span class="tv-project-title fontBold"><i class="fa fa-play-circle-o"></i>{{ $itemShow2->name}}</span>
</a>
</div>
<div class="bottom-part">
<p class = "fontRegular" style = "font-size: 21px;">{{ str_limit(strip_tags($itemShow2->description), $limit = 50, $end = '...') }}</p>
</div>
</div>
@endforeach
</div>
</div>
<div class="row">
<div class="other-tv-projects col-lg-12 col-md-12 col-sm-12 col-xs-12" style = " padding-bottom: 70px;">
@foreach($showTop3 as $showItem3)
<div class="col-lg-4 col-md-4 col-sm-4" style = "display: block">
<div class="top-part">
<a href="{{ route('getShow', $showItem3->id) }}">
<img src="{{ asset('uploads/'.$showItem3 -> img_url) }}" alt="{{ $showItem3->alt }}">
<div class="top-bottom-shadow"></div>
<span class="view-counter fontLight" style = "font-size: 20px !important;"><i class="icon-eye"></i> {{$showItem3->view}}</span>
<span class="tv-project-title fontBold" style = "font-size: 23px;"><i class="fa fa-play-circle-o"></i> {{$showItem3->name}}</span>
</a>
</div>
<div class="bottom-part">
<p class = "fontRegular" style = "font-size: 21px;">{{ str_limit(strip_tags($showItem3->description), $limit = 30, $end = '...') }}</p>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
<div class="tpl-block-list tpl-component-tvproject-mobile" id="nc-block-008d195d262a941a8dcd7036e2d74ce5">
<div id="tvprojectm"></div>
<div class="container tv-projects-releases mobile-view" style="display: none; height: 270px !important; width: 300%; margin-left: -100%">
<div class="row">
<div class="container" style="width: 34.65%">
<div class="row">
<h2 style="color: #ffffff; margin-top: 25px;">Gepleşiklerden pursatlar <i class="fa fa-play-circle-o"></i></h2>
<div class="tv-projects-videos">
<div class="slider-container">
<div class="slider-content" style="width: 90%">
@foreach($showTop2 as $itemShow2)
<div class="slider-single">
<a href="{{ route('getShow', $itemShow2->id) }}">
<img class ='slider-single-image' src="{{ asset('uploads/'.$itemShow2 -> img_url) }}" alt="{{ $itemShow2->alt }}">
<h1 class="slider-single-title" ><i class="fa fa-play-circle-o"></i> {{ $itemShow2->name}}</h1>
<span class="slider-single-likes"><i class="icon-eye"></i> {{ $itemShow2->view }}</span>
</a>
</div>
@endforeach
@foreach($showTop3 as $itemShow2)
<div class="slider-single">
<a href="{{ route('getShow', $itemShow2->id) }}">
<img class ='slider-single-image' src="{{ asset('uploads/'.$itemShow2 -> img_url) }}" alt="{{ $itemShow2->alt }}">
<h1 class="slider-single-title" ><i class="fa fa-play-circle-o"></i> {{ $itemShow2->name}}</h1>
<span class="slider-single-likes"><i class="icon-eye"></i> {{ $itemShow2->view }}</span>
</a>
</div>
@endforeach
</div>
<a class="slider-left" href="javascript:void(0);"><i class="ti-arrow-circle-left" style="font-size: 30px;"></i></a>
<a class="slider-right" href="javascript:void(0);"><i class="ti-arrow-circle-right" style="font-size: 30px;"></i></a>
</div>
</div>
</div>
</div>
</div>
</div></div><div class="tpl-block-list tpl-component-151" id="nc-block-2837cfe720d5b590e0b2e606dd02e41f"><div id="mostpopuld"></div>
<div class="container most-populars desktop-view-populars">
<div class="row">
<h2>Saýlanan gepleşikler <i class="fa fa-play-circle-o"></i></h2>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-lg-8 col-md-8 col-sm-9">
@if($bestShows && $bestShows->count()>1)
@foreach($bestShows as $bestShow)
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="most-populars-card">
<div class="top-part">
<a href="{{ route('getShow', $bestShow->id) }}">
<img src="{{ asset('uploads/'.$bestShow->img_url)}}" alt="{{$bestShow->alt}}">
<div class="top-bottom-shadow"></div>
<span class="view-counter-most-popular" style = "font-size: 20px !important;"><i class="icon-eye"></i> {{$bestShow->view}}</span>
</a>
</div>
<div class="bottom-part">
<p class = "fontRegular" style = "font-size: 21px;"><i class="fa fa-play-circle-o"></i> {{ str_limit($bestShow->name, $limit = 20, $end = '...') }}</p>
</div>
</div>
</div>
@endforeach
@endif
</div>
<div class="col-lg-4 col-md-4 col-sm-3">
<div class="tpl-block-list tpl-component-reklama" id="nc-block-973f127d297ece8152574c74d10a8f15">
<a href="{{$advertMiddle->url}}">
<img src="{{$advertMiddle->img_url}}" alt="{{$advertMiddle->alt}}" style="width: 100%">
</a>
</div>
</div>
</div>
</div>
</div></div><div class="tpl-block-list tpl-component-mostpopulm" id="nc-block-dc1fe9b45accfd1b34aa36b11faceb16"><div id="mostpopulm"></div>
<div class="container most-populars mobile-view-populars" style="display: none">
<div class="row">
<h2 style="font-size: 24px; padding-left: 20px;">Saýlanan gepleşikler <i class="fa fa-play-circle-o"></i></h2>
<div class="col-sm-12 col-xs-12">
<div id="owl-demo-populars" class="owl-carousel owl-theme">
@if($bestShows && $bestShows->count()>1)
@foreach($bestShows as $bestShow)
<div class="item">
<div class="top-part">
<a href="{{ route('getShow', $bestShow->id) }}">
<img src="{{ asset('uploads/'.$bestShow->img_url)}}" alt="{{$bestShow->alt}}">
<div class="top-bottom-shadow"></div>
<span class="view-counter-most-popular"><i class="icon-eye"></i> {{$bestShow->view}}</span>
</a>
</div>
<div class="bottom-part">
<p><i class="fa fa-play-circle-o"></i> {{ str_limit($bestShow->name, $limit = 20, $end = '...') }}</p>
</div>
</div>
@endforeach
@endif
</div>
<!-- Next and previous buttons -->
<div class="text-center">
<a class="prev-populars"><i class="ti-arrow-circle-left" style="font-size: 26px"></i></a>
<a class="next-populars"><i class="ti-arrow-circle-right" style="font-size: 26px"></i></a>
</div>
</div>
</div>
</div></div>
@if(!empty($topheaderadvs))
<div class="tpl-block-list tpl-component-bottomadv" id="nc-block-6defb4ff5eae82edb30bd8e923b820f1"><div id="bottomadv"></div><div class="container kesde" style="width: 100%; margin-top: 30px !important; ">
<a href="{{$topheaderadvs -> url_bottom}}">
<img src="{{asset($topheaderadvs -> bottom_img_url)}}" alt="{{$topheaderadvs -> alt_bottom}}" style="width: 100%">
</a>
</div>
@endif
</div>
</div>
</div>