@extends('layout.v3.main')
@section('content')
<script src="https://apis.google.com/js/platform.js" async defer></script>
<link rel="canonical" href="https://dev.twitter.com/web/tweet-button">
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
            <!-- start:container -->
            <div class="container">
                <!-- start:page content -->
                <div id="page-content" class="clearfix">

                     <!-- start:main -->
                    <div id="main" class="author">

                        <div class = "row" style="margin-left:-26px;">

                        <div class = "col col-md-3 col-lg-3 col-xs-12 col-sm-12 separator-right zeroPad" >
                          @include('elements.v3.newLsidebar', array('popular'=>$popular_global, 'most_listened'=>$most_listened, 'popular_category'=>$popular_category, 'category_name'=>$category_name))
                        </div>

                        <div class = "col col-md-9 col-lg-9 col-xs-12 col-sm-12" style="padding-top:0px!important;padding-right:15px!important;">
                        <!-- start:station-page -->
                        <section id="author-page">
                        
                        	<div class="author-box statBox">
                        	<h2 class="QrH2">{!! $station->title !!} <span class="sCname">/&nbsp;&nbsp; {!! $station->city !!}</span></h2></div>
                            <div class="author-box sOpts">
                                <img src="{!! $station_image !!}" width="110" height="110" alt="Responsive image" class="img sHadow" />
<p class="name" id="name">@if($status && $track){!! str_limit($track, $limit = 100, $end = '...') !!} @else &nbsp;&nbsp; @endif</p>								
								<p>                  

<div id="myradiodivcontainer" style='height:36px; width:100%;
-webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 0px none rgb(255, 255, 255);'>
<div style="overflow:hidden; height:0px; width:0px;"><a href="https://www.flashradio.info" title="native html internet radio player plugin">NATIVE INTERNET WEB RADIO PLAYER PLUGIN FOR SHOUTCAST, ICECAST AND RADIONOMY</a> powered by <a href="https://www.sodah.de" title="wordpress webdesign mainz">Sodah Webdesign Mainz</a></div>
</div>					

		
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://www.radio-uzivo.com/stream/js/nativeflashradiov4.js"></script>
<script>
$("#myradiodivcontainer").flashradio({
	token: "eHh4L3NiZWpwLnZ7andwL2RwbgE=",
	userinterface: "small",
	backgroundcolor: "#000000",
	themecolor: "#ef3434", 
	themefontcolor: "#ffffff", 
	startvolume: "70", 
	radioname: "", 
	scroll: "auto", 
	autoplay: "false", 
	useanalyzer: "fake", 
	analyzertype: "5", 
	usecover: "true", 
	usestreamcorsproxy: "false", 
	affiliatetoken: "1000lIPN", 
	debug: "false", 
	ownsongtitleurl: "", 
	radiocover: "", 
	songgooglefontname: "", 
	songfontname: "", 
	titlegooglefontname: "", 
	titlefontname: "", 
	corsproxy: "php", 
	streamprefix: "", 
	radiouid: "", 
	apikey: "",
	radiojar: "",  
	radioco: "",  
@if($file)
    @if($stream_type === 'Icecast' || $stream_type === 'icecast')
		streamid: "1", 
		streampath: "/{!! $file !!}", 
		mountpoint: "/{!! $file !!}", 
		streamtype: "icecast2",
		streamid: "1", 
		streamurl: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}',
	@elseif($stream_type === 'other')
		streamid: "1", 
		streampath: "/live", 
		streamtype: "other",
		streamid: "1", 
        streamurl: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}',
    @else
		streamid: "1", 
		streampath: "/live", 
		streamtype: "shoutcast2",
		streamid: "1", 
        streamurl: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}{!! $file !!}',
    @endif
@else
    @if($stream_type === 'Icecast' || $stream_type === 'icecast')
		streamid: "1", 
		streampath: "/live", 
		streamtype: "icecast2",
		streamid: "1",     
		streamurl: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}',
	@elseif($stream_type === 'other')
		streamid: "1", 
		streampath: "/live", 
		streamtype: "other",
		streamid: "1", 
        streamurl: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}',
    @else
		streamid: "1", 
		streampath: "/live", 
		streamtype: "shoutcast2",
		streamid: "1", 
		streamurl: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}',
     @endif
@endif
	songinformationinterval: "5000", 
});
</script>	
								</p>
                                <div class ="row socialHolder">
                                    <div class='col oneSoc mL4 mw100'>
                                        <div class="fb-like"
                                            data-href="{!! URL::to('stanica')  !!}/{!! $fbtitle !!}"
                                            data-send="true"
                                            data-width="200" 
                                            data-show-faces="false"
											data-layout="button_count">
                                        </div>
                                    </div>
                                    <div class='col oneSoc mL5 tWtrBtn'>
                                        <a href="https://twitter.com/share" class="twitter-share-button" data-url="{!! URL::to('stanica')  !!}/{!! $station->slug !!}" data-count="horizontal">Tweet
                                        </a>
                                    </div>
                                    <div class="mobStatBH">
                                             @if($station->stream_link && $station->stream_link != '')
                                                <div class='col statButholder mL5'>
                                                    <a download href="{!! $station->stream_link !!}" title="Poslušajte u winamp-u ili nekom drugom playeru" class="cBtn ttip aLp"><i class="fa fa-headphones"></i></a>
                                                </div>
                                             @endif
                                             <div class='col statButholder mL5 arFH'>
                                             @if(Auth::check())
                                                @if($hasFav)
                                                    <button onclick="removeFavonClick(event, this)" data-fav = 'fav' type="button" title="Uklonite pesmu iz omiljenih!" class="rFF cBtn ttip tooltipstered" data-tkn="{!! csrf_token() !!}" data-ids="{!! Crypt::encrypt($station->id) !!}">
                                                        <i class="faCorn fa fa-minus-circle"></i>
                                                    </button>
                                                @else
                                                    <button  onclick="addFavonClick(event, this)" data-fav = 'fav' type="button" title="Dodaj u omiljene" data-tkn="{!! csrf_token() !!}" data-ids="{!! Crypt::encrypt($station->id) !!}"  class="cBtn aDf ttip tooltipstered">
                                                        <i class="faCorn fa fa-star-o"></i>
                                                    </button>
                                                @endif
                                            @else
                                                <button type="button"
                                                         title="Morate biti ulogovani da bi mogli koristiti ovu opciju!"
                                                         class="ttip cBtn"><i class="fa fa-star-o"></i>
                                                 </button>
                                            @endif

                                            </div>
                                            <div class='col statButholder mL5'>
                                                <button id="pBtn" title="Otvori player u novom prozoru" type="button" class="ttip cBtn"><i class="fa fa-external-link"></i></button>
                                            </div>
                                    </div>
                                </div>
							</div>
<div class="adslink">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Link Response -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7247806649559647"
     data-ad-slot="9159238751"
     data-ad-format="link"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
                            <article id="article-post" class="cat-lifestyle">
                            <div class="review">
                            @if(Auth::check())
                                @if(Auth::user()->role == 1)
                                    <div class = "row bottom-margin">
                                         <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
                                            <h4>Admin</h4>
                                             <button type="button"
                                                     title="Prijavite nepravilnost"
                                                     class="ttip cBtn"><i class="fa fa-exclamation-triangle"></i>
                                             </button>
                                         </div>
                                    </div>
                                @endif
                            @endif
                                <div class="row bottom-margin">
                                    <div class="col-sm-5">
                                            <h4>Info</h4>
                                            <ul class="good bigger">
                                                <li><i class="fa fa-user"></i> {!! $station->title !!}</li>
                                                <li><i class="fa fa-link"></i> <a target="_blank" rel="nofollow" href ="{!! $station->site_url !!}">{!! $station->site_url !!}</a></li>
                                                <li>
                                                    <i class="fa fa-location-arrow"></i>
                                                    <a target="_blank" href = "{{ URL::to('grad') }}/{{ $station->city }}">{!! $station->city !!}</a> / <a target="_blank" href = "{{ URL::to($station->Categories->slug) }}">{!! $station->Categories->name !!}</a>
                                                </li>
                                                <li><i class="fa fa-file-audio-o"></i>{!! $station->link_type !!}</li>
                                                @if($station_tags)
                                                        <li><i class="fa fa-tags"></i>
                                                        @foreach ($station_tags as $i => $tag)
                                                           @if($i+1 < $station_tags_count)
                                                                <a class ="statinfTGS" target="_blank" href = "{!! URL::to('tag') !!}/{!! $tag !!}">{!! $tag !!}</a>,
                                                            @else
                                                                <a class ="statinfTGS"  target="_blank" href = "{!! URL::to('tag') !!}/{!! $tag !!}">{!! $tag !!}</a>
                                                            @endif
                                                        @endforeach

                                                </li>
                                                @endif
                                                <li><i class="fa fa-users"></i>{!! $station->listeners !!} @if($station->s_peak != '') pik: {{$station->s_peak}} @endif</li>
                                            </ul>
                                        </div>
                           @if($station->player != 4 && isset($station->StreamType))
                            @if($history != false && $station->available === 1)
                                <div class="col-sm-7">
                                    <ul class="good" id="recentSongs">
                                     <h4>Prethodne pesme</h4>
                                    @if($status)

                                      @foreach($history as $song)
										@if(strstr($song['track'], ' - '))
											<li><i class="fa fa-youtube"></i><a target="_blank" rel="nofollow" href="https://www.youtube.com/results?search_query= {!! str_replace(' ','+', str_replace(' - ',' ', $song['track'])) !!} " onclick="gtag('event', 'YouTube pesme');"> {!! ucwords(strtolower(str_limit($song['track'], $limit = 65, $end = '...'))) !!}</a></li>
										@else
											<li><i class="fa fa-play"></i>{!! ucwords(strtolower(str_limit($song['track'], $limit = 65, $end = '...'))) !!}</li>
										@endif 
                                      @endforeach

                                     @else
                                        <li><i class="fa fa-play"></i>Nema informacija</li>
                                     @endif



                                    </ul>
                                  </div>
                             @elseif($station->available === 0 && $station->StreamType->slug != 'iframe')
                                    <div class="col-sm-7">
                                    <ul class="good" id="recentSongs">
                                     <h4>&nbsp;</h4>
                                        <li><i class="fa fa-exclamation-triangle"></i>NEMA INFORMACIJA O STANICI</li>
                                     </ul>
                                   </div>
                             @else
                                <div class="col-sm-7">
                                    <ul class="good" id="recentSongs">
                                     <h4>&nbsp;</h4>
                                        <li><i class="fa fa-exclamation-triangle"></i>RADIO STANICA NEMA LISTU PESAMA</li>
                                     </ul>
                                 </div>
                             @endif
                        @elseif($station->player == 4)
                            <div class="col-sm-7">
                              <ul class="good" id="recentSongs">
                                 <h4>&nbsp;</h4>
                                    <li><i class="fa fa-exclamation-triangle"></i>RADIO STANICA JE UGAŠENA</li>
                                </ul>
                             </div>

                        @endif
                                </div>

                            </div>
                            </article>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Podesiva velicina 4 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7247806649559647"
     data-ad-slot="1067592266"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
                            <div class="row fb-holder">
                              <div class="fb-comments" data-href="http://www.radio-uzivo.com/stanica/{!! $fbtitle !!}" data-order-by="reverse_time" data-num-posts="6" data-width="100%"></div>
                            </div>
                        </section>
                        </div>
                        </div>
                        <!-- end:main col row -->
                    </div>
                    <!-- end:main -->

                    @include('elements.v3.rightSidebar')
                 <input id="hSinfo" type="hidden" data-tkn = "{!! csrf_token(); !!}" data-sid="{!! Crypt::encrypt($station->id) !!}"/>
                </div>
                <!-- end:page content -->
            </div>
            <!-- end:container -->
@if($station->available != 0 && $stream_type != 'iframe')
<script type="text/javascript">
    $(function(){
        window.setInterval(function(){
             window.getCurrentSong($("#hSinfo").data('tkn'), $("#hSinfo").data('sid'), $("#name"));
        }, 60000);

    });
</script>
@endif
@if($station->player == 1  || $station->player == 0)
 <script type="text/javascript" src="https://content.jwplatform.com/libraries/54OyIYpw.js"></script>
 <script>jwplayer.key="54OyIYpw";</script>
    @if($stream_type != 'iframe')
    <script type='text/javascript'>

     $(function() {

            //var $listForAnimation = $('#CurrentSongsList');
            //setTimeout(function() { window.FadeLists($listForAnimation, 0); }, 6000);


            jwplayer('rUwP').setup({

            @if($file)
                @if($stream_type === 'Icecast' || $stream_type === 'icecast')
                    file: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}/{!! $file !!}',
                @else
                    file: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}{!! $file !!}',
                @endif
            @else
                @if($stream_type === 'Icecast' || $stream_type === 'icecast')
                     file: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}',
                @else
                     file: '{{ $protocol }}{!! $ipadr !!}:{!! $port !!}/;*.mp3',
                @endif
            @endif
                type: 'mp3',
				width:"100%",
				height: 30,
				primary: 'html5',
				autostart: true,
				volume: 50,
                // events: {
                //     onPause: function(event) {
                //       jwplayer('rUwP').stop();}
                // }
            });

    });

    </script>
    @endif
@endif


<script type="text/javascript">

window.onload = function() {

    if (localStorage.getItem("refreshStarted") != null) {

         if(localStorage.getItem("refreshStarted") == "true"){
           start(); 
           stop();
         }
     }

    if (localStorage.getItem("refreshStarted") == null || localStorage.getItem("refreshStarted") === "false") {
        $(".currentSongsOverlay").show();
    }

    $(".currentSongsOverlay").on('click', function(e){
        if (localStorage.getItem("refreshStarted") === null || localStorage.getItem("refreshStarted") === "false") {
            start();
            stop();
        }
    });

    $('#pBtn').on('click', function()
    {
        if (typeof jwplayer !== 'undefined') {
            jwplayer().stop();
        }
        
       window.open("{!! URL::to('stanica') !!}/{!! $station->slug !!}/webplayer", "radio-uzivo", "toolbar=no, resizable=no,location=no,status=no,height=470,width=320, overflow=hidden");
       return false;
    });    

}

</script>



@stop