@if($dataAutoDJInfo['status_autodj'] == 'on')
<div class="flex-grow-1 align-self-center overflow-hidden">
    <div class="row mb-3">
        <div class="col-lg-6">
            <div class="mt-3 ps-3 d-grid">
                <b class="text-muted mb-1 d-block">{{ __('radio.home_block_ajax_autodj_item1') }}</b>
                <span class="t-overflow info-broadcastData">{{ $finalCodecInfo }}</span>
            </div>
            <div class="mt-3 ps-3 d-grid">
                <b class="text-muted mb-1 d-block">{{ __('radio.home_block_ajax_autodj_item2') }}</b>
                <span class="t-overflow info-broadcastTime">{{ $finalBroadcastTime }}</span>
            </div>
            <div class="mt-3 ps-3 d-grid">
                <b class="text-muted mb-0 d-block">{{ __('radio.home_block_ajax_autodj_item3') }}</b>
                <span class="t-overflow info-broadcastPlaylist">{{ (isset($getCurrentPlaylist) ? $getCurrentPlaylist->name : 'PLAYLIST REMOVIDA') }}</span>
               @if($getStreamDetails->current_playlist_type == '1')<small>{{ __('radio.home_block_ajax_autodj_item3_msg') }}</small>@endif
            </div>
            <div class="mt-3 ps-3 d-grid">
                <b class="text-muted mb-1 d-block"> {{ __('radio.home_block_ajax_autodj_item4') }}</b>
                <b class="t-overflow info-currentSong">{{ (isset($dataInfo) && !empty($dataInfo['current']) ? str_replace('\\','',str_replace('masculino0','Hora certa - Masculina 0',str_replace('feminina0','Hora certa - Feminina 0',$dataInfo['current']))) : '...')  }}</b>
            </div>
            <div class="mt-3 ps-3 d-grid">
                <b class="text-muted mb-1 d-block">{{ __('radio.home_block_ajax_autodj_item5') }}</b>
                <span class="t-overflow info-nextSong">{{ (isset($dataInfo) && isset($dataInfo['next']) ? $dataInfo['next'] : '...') }}</span>
            </div>

        </div>
        <div class="col-lg-6">
            <div class="d-flex align-items-baseline">
            <b class="text-muted mb-2 d-block ms-3 mt-3">{{ __('radio.home_block_ajax_autodj_item6') }}</b>
			<a href="{{ route('radio.historyAll') }}" class="ml-auto me-3 badge bg-black-50 text-white">{{ __('radio.home_block_ajax_autodj_item6_btn') }}</a>
            @if($getStreamDetails->plan_reports)
            <!--a href="{{ route('radio.reports.r') }}" class="ml-auto me-3 badge bg-black-50 text-white">{{ __('radio.home_block_ajax_autodj_item6_btn') }}</a-->
            @endif
            </div>
            <div class="block block-rounded block-bordered mb-0 me-3 ms-3">
                <div class="block-content p-0">

                    <table class="table table-striped table-borderless fs-sm mb-0">
                        <tbody id="fullHistory">
                        @if($dataInfo && count($dataInfo['list']) == 0)
                            <tr class="d-grid">
                                <td class="t-overflow">
                                    {{ __('radio.home_block_ajax_autodj_waiting') }}
                                </td>
                            </tr>
                        @else
                        @php
                        if(isset($dataInfo)){
                        $i=0;
                        foreach($dataInfo['list'] as $item){
                        @endphp
                        <tr class="d-grid">
                            <td class="t-overflow">
                                <i class="fa fa-fw fa-music me-1 {{ ($item['type'] == '1' ? 'text-danger' : 'text-primary') }}"></i>
                                {{ str_replace('\\','',$item['song']) }}
                            </td>
                        </tr>
                        @php if($i == 6){break;} $i++;} }@endphp
                        @endif
                        </tbody>
                    </table>


                </div>
            </div>
        </div>
    </div>


    <div class="block-content bg-body-light pt-3 pb-1 pe-2 ps-2">
        <div class="row  text-center ">
            <div class="col-sm-3">
                <button class="mb-0 btn btn-primary w-100 mb-2 AutoDJControl-stop" onclick="streamAction('AutoDJControl','stop')">
                    <i class="fa fa-stop-circle fa-2x text-white"></i>
                    <dd class="fs-sm fw-medium text-white mb-0 mt-1">{{ __('radio.home_block_ajax_autodj_btnact_1') }}</dd>
                </button>
            </div>
            <div class="col-sm-3">
                <button class="mb-0 btn btn-primary w-100 mb-2 ReloadPlaylist" onclick="streamAction('ReloadPlaylist')">
                    <i class="fa fa-arrow-rotate-left fa-2x text-white"></i>
                    <dd class="fs-sm fw-medium text-white mb-0 mt-1">{{ __('radio.home_block_ajax_autodj_btnact_2') }}</dd>
                </button>
            </div>
            <div class="col-sm-3">
                <button class="mb-0 btn btn-primary w-100 mb-2" data-bs-toggle="modal" data-bs-target="#modal-changePlaylist">
                    <i class="fa fa-retweet fa-2x text-white"></i>
                    <dd class="fs-sm fw-medium text-white mb-0 mt-1">{{ __('radio.home_block_ajax_autodj_btnact_3') }}</dd>
                </button>
            </div>
            <div class="col-sm-3">
                <button class="mb-0 btn btn-primary w-100 mb-2 SkipSong" onclick="streamAction('SkipSong')">
                    <i class="fa fa-forward-step fa-2x text-white"></i>
                    <dd class="fs-sm fw-medium text-white mb-0 mt-1">{{ __('radio.home_block_ajax_autodj_btnact_4') }}</dd>
                </button>
            </div>
        </div>
    </div>

</div>
<script>
window.clearTimeout(refInfo);
var refInfo = setTimeout(function() { infoBroadcast(); $('.infoBlock').addClass('block-mode-loading-oneui block-mode-loading');}, 30000);
</script>
@elseif($dataAutoDJInfo['status_autodj'] != 'on' && $playlists->count() >= 1)
    <div class="p-5 text-center">
        <i class="fa fa-power-off fa-2x mb-3 d-block"></i>
        <span class="mb-2 fs-5 fw-semibold d-block">{{ __('radio.home_block_ajax_autodj_stoped_h1') }}</span>
        <span class="mb-3 fs-6 fw-normal d-block">{{ __('radio.home_block_ajax_autodj_stoped_h2') }}</span>
        <div class="input-group mb-2">
            <select class="form-select selectedPlaylist">
                <option value="">{{ __('radio.home_block_ajax_autodj_stoped_option') }}</option>
                @foreach($playlists as $playlist)
                <option value="{{ $playlist->id }}">{{ $playlist->name }}</option>
                @endforeach
            </select>
            <button class="btn btn-primary startPlaylist disabled AutoDJControl-start" type="button">{{ __('radio.home_block_ajax_autodj_stoped_btn') }}</button>
        </div>
    </div>
@else
    <div class="p-5 text-center">
        <i class="fa fa-list-ol fa-2x mb-3 d-block"></i>
        <span class="mb-2 fs-5 fw-semibold d-block">{{ __('radio.home_block_ajax_autodj_stoped_empty_h1') }}</span>
        <span class="mb-3 fs-6 fw-normal d-block">{{ __('radio.home_block_ajax_autodj_stoped_empty_h2') }}</span>
        <a href="{{ route('radio.playlists.c') }}" class="btn btn-primary">{{ __('radio.home_block_ajax_autodj_stoped_empty_btn') }}</a>
    </div>
@endif