131 lines
6.5 KiB
PHP
131 lines
6.5 KiB
PHP
@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;
|
|
}
|
|
ul .active{
|
|
background-color: #2b9996!important;
|
|
border-color: #2b9996!important
|
|
}
|
|
</style>
|
|
|
|
<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="container wrapper ">
|
|
<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'>Radio</span></li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="container mahabat">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
|
|
<ul class="list-group ullist">
|
|
@if($id == 1)
|
|
<li class="list-group-item active">
|
|
<img style="width: 80px" src="/static/img/radio/char.jpg" alt="">
|
|
Char Tarapdan
|
|
</li>
|
|
@else
|
|
<li class="list-group-item">
|
|
<img style="width: 80px" src="/static/img/radio/char.jpg" alt="">
|
|
Char Tarapdan
|
|
</li>
|
|
@endif
|
|
@if($id == 2)
|
|
<li class="list-group-item active">
|
|
<img style="width: 80px" src="/static/img/radio/owaz.jpg" alt="">
|
|
Owaz Radio
|
|
</li>
|
|
@else
|
|
<li class="list-group-item">
|
|
<img style="width: 80px" src="/static/img/radio/owaz.jpg" alt="">
|
|
Owaz Radio
|
|
</li>
|
|
@endif
|
|
@if($id == 3)
|
|
<li class="list-group-item active">
|
|
<img style="width: 80px" src="/static/img/radio/miras.jpg" alt="">
|
|
Miras
|
|
</li>
|
|
@else
|
|
<li class="list-group-item">
|
|
<img style="width: 80px" src="/static/img/radio/miras.jpg" alt="">
|
|
Miras
|
|
</li>
|
|
@endif
|
|
@if($id == 4)
|
|
<li class="list-group-item active">
|
|
<img style="width: 80px" src="/static/img/radio/watan.jpg" alt="">
|
|
Watan
|
|
</li>
|
|
@else
|
|
<li class="list-group-item">
|
|
<img style="width: 80px" src="/static/img/radio/watan.jpg" alt="">
|
|
Watan
|
|
</li>
|
|
@endif
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-8">
|
|
<div class="box__margin-left">
|
|
<p>Radio ýaýlymy yüklenýänçä biraz garaşmagyňyzy haýyş edýäris.</p>
|
|
<p>Şeýle hem telefonyňyza radio programmasyny ýükläp bilersiňiz</p>
|
|
<a href="https://www.telecom.tm/radio.apk"><img style="width: 170px" src="https://telecom.tm/img/android.png"></a>
|
|
<a href="https://itunes.apple.com/us/app/tmradio/id890006065?mt=8"><img style="width: 170px" src="https://telecom.tm/img/ios.png"></a>
|
|
</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.turkmetv.gov.tm/{{$topheaderadvs->bottom_img_url}}" alt="{{$topheaderadvs->alt_bottom}}" style="width: 100%">
|
|
</a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('after_scripts')
|
|
<script>
|
|
|
|
var server = "https://radio.telecom.tm/";
|
|
var servers = ["tarap.mp3", "owaz.mp3", "miras.mp3", "watan.mp3"];
|
|
var audio_stream = new Audio(server + servers[0]);
|
|
var audio_stream_station = 0;
|
|
$(".ullist li").click(function() {
|
|
$(".ullist li").removeClass("active");
|
|
$(this).addClass("active");
|
|
if(audio_stream!=null)
|
|
{
|
|
audio_stream.pause();
|
|
audio_stream = null;
|
|
}
|
|
audio_stream_station = $(this).index();
|
|
audio_stream = new Audio(server + servers[audio_stream_station]);
|
|
audio_stream.play();
|
|
console.log("TPS Digital!");
|
|
});
|
|
|
|
</script>
|
|
@endsection |