turkmentv/resources/views/web/pageWeb.blade.php

432 lines
14 KiB
PHP

@extends('web.layouts.app')
@section('after_styles')
<link rel="stylesheet" href="https://content.turkmentv.gov.tm/assets/css/simple-line-icons.css">
@endsection
@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="https://content.turkmentv.gov.tm/{{ $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="overflow-x:hidden!important;{{ $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-aboutmah" id="nc-block-99cb3c351687119504bfe255cd614ba0">
<div id="aboutmah"></div>
@if(!empty($page->description))
<div class="mahabat-content">
{!! $page -> description !!}
</div>
@endif
</div>
<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">
@if(!empty($shows) && $shows->count()>0)
@include('web.partials.shows')
@endif
@if(!empty($advs) && $advs->count()>0)
@include('web.partials.advs')
@endif
{{--@if(!empty($programmes) && $programmes->count()>0)--}}
{{--@include('web.partials.programmes')--}}
{{--@endif--}}
</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">
<a href="{{$topheaderadvs -> url_bottom}}">
<img src="https://content.turkmentv.gov.tm/{{$topheaderadvs->bottom_img_url}}" alt="{{$topheaderadvs->alt_bottom}}" style="width: 100%">
</a>
</div>
@endif
</div>
</div>
</div>
</div>
@endsection
@section('after_scripts')
<link rel="stylesheet" href="/js/plyr.css">
<!-- online-tv library -->
<script src="/js/hls.min.js"></script>
<script src="/js/plyr.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script>
$(".list-group-item").click(function() {
var equalizer = $('<div class="-amp-video-eq-col"><div class="-amp-video-eq-1-1"></div><div class="-amp-video-eq-1-2"></div></div><div class="-amp-video-eq-col"><div class="-amp-video-eq-2-1"></div><div class="-amp-video-eq-2-2"></div></div><div class="-amp-video-eq-col"><div class="-amp-video-eq-3-1"></div><div class="-amp-video-eq-3-2"></div></div><div class="-amp-video-eq-col"><div class="-amp-video-eq-4-1"></div><div class="-amp-video-eq-4-2"></div></div>')
$(".list-group-item").removeClass("active");
$('.amp-video-eq').empty();
$(this).addClass("active");
$('.amp-video-eq', this).append(equalizer);
});
$(function() {
var urlq = new URL(window.location.href);
var query_string = urlq.search;
var search_params = new URLSearchParams(query_string);
var c = search_params.get('from');
if(!c){
c = 1
}else{
c
}
var video_source = 'https://alpha.tv.online.tm/legacyhls/ch00' + c +'.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch00' + c + '.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
plyr.setup(video);
});
function Altynasyr() {
$(function() {
var video_source = 'http://alpha.tv.online.tm/hls/ch001.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch001.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
});
};
function Yaslyk() {
$(function() {
var video_source = 'http://alpha.tv.online.tm/hls/ch002.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch002.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
});
};
function Miras() {
$(function() {
var video_source = 'http://alpha.tv.online.tm/hls/ch003.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch003.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
});
};
function Sport() {
$(function() {
var video_source = 'http://alpha.tv.online.tm/hls/ch004.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch004.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
});
};
function Owaz() {
$(function() {
var video_source = 'http://alpha.tv.online.tm/hls/ch005.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch005.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
});
};
function Ashgabat() {
$(function() {
var video_source = 'http://alpha.tv.online.tm/hls/ch006.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch006.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
});
};
function Turkmenistan() {
$(function() {
var video_source = 'http://alpha.tv.online.tm/hls/ch007.m3u8';
if (location.protocol == 'https:') {
video_source = 'https://alpha.tv.online.tm/hls/ch007.m3u8';
}
var video = document.getElementById('webtv-video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(video_source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = video_source;
video.addEventListener('canplay',function() {
video.play();
});
}
});
};
</script>
<script type="text/javascript">
var kanal = $('#kanal_num').val();
switch(kanal) {
case '1':
$( "#one" ).trigger( "click" );
break;
case '2':
$( "#two" ).trigger( "click" );
break;
case '3':
$( "#third" ).trigger( "click" );
break;
case '4':
$( "#four" ).trigger( "click" );
break;
case '5':
$( "#five" ).trigger( "click" );
break;
case '6':
$( "#six" ).trigger( "click" );
break;
case '7':
$( "#seven" ).trigger( "click" );
break;
}
</script>
<!--/Tv chanel-->
<script>
// Slider =======================================
$(".tv__box").slick({
slidesToShow: 10,
slidesToScroll: 1,
arrows: false,
autoplay: false,
dots: false,
autoplaySpeed: 2000,
pauseOnHover: false,
infinite: true,
speed: 1000,
fade: false,
adaptiveHeight: true,
lazyLoad: 'ondemand',
cssEase: 'linear',
swipeToSlide: true,
waitForAnimate: false,
draggable: true,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 7,
slidesToScroll: 1,
}
},
{
breakpoint: 800,
settings: {
slidesToShow: 5,
slidesToScroll: 1,
}
},
{
breakpoint: 450,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
]
});
$(".tv__store_wrap").slick({
slidesToShow: 7,
slidesToScroll: 1,
arrows: false,
autoplay: true,
dots: false,
autoplaySpeed: 1000,
pauseOnHover: false,
infinite: true,
speed: 1000,
fade: false,
adaptiveHeight: true,
lazyLoad: 'ondemand',
cssEase: 'linear',
swipeToSlide: true,
waitForAnimate: false,
draggable: true,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 1,
}
},
{
breakpoint: 450,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
]
});
</script>
@endsection