@section('title', __('radio.menu_item_6'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/radiosettings.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('general.header_nav_radio')],
        ['label' => __('radio.menu_item_6')],
    ];

    $fadeTimes = [2, 4, 6, 8, 10];
    $bitrates  = [32, 48, 64, 96];

    /* a coluna guarda em kHz com uma casa, e a tela mostra em Hz */
    $sampleRates = ['44.1' => '44100Hz', '48.0' => '48000Hz'];

    if ($streamData->plan_bitrate >= 128) {
        $bitrates[] = 128;
    }

    if ($streamData->plan_bitrate > 128) {
        $bitrates = array_merge($bitrates, [192, 256, 320]);
    }

    /* a hora do fuso da emissora, para o cliente conferir a escolha */
    try {
        $stationNow = new DateTime('now', new DateTimeZone($streamData->timezone ?: 'America/Sao_Paulo'));
    } catch (Exception $e) {
        $stationNow = new DateTime('now', new DateTimeZone('America/Sao_Paulo'));
    }
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('radio.menu_item_6') }}</h1>
            <p class="page-sub">{{ __('radio.settings_page_sub') }}</p>
        </div>
    </header>

    <div class="rset"
         data-url="{{ route('radio.sett.r.do') }}"
         data-msg-title="{{ __('radio.settings_confirm_title') }}"
         data-msg-text="{{ __('radio.settings_confirm_text') }}"
         data-msg-confirm="{{ __('site.action_confirm') }}"
         data-msg-fail="{{ __('radio.settings_save_error') }}">

        <section class="sec rset__panel">

            <div class="rset__group">
                <h2 class="rset__group-title">{{ __('radio.settings_section_stream') }}</h2>

                <div class="rset__row">
                    <span class="rset__info">
                        <span class="rset__name">{{ __('radio.settings_codec') }}</span>
                        <span class="rset__help">{{ __('radio.settings_help_codec') }}</span>
                    </span>
                    <span class="rset__ctrl">
                        <select class="input" name="autodj_codec">
                            <option value="mp3" @selected($streamData->autodj_codec == 'mp3')>MP3</option>
                            <option value="aac" @selected($streamData->autodj_codec == 'aac')>AAC+</option>
                        </select>
                    </span>
                </div>

                <div class="rset__row">
                    <span class="rset__info">
                        <span class="rset__name">{{ __('radio.settings_bitrate') }}</span>
                        <span class="rset__help">{{ __('radio.settings_help_bitrate') }}</span>
                    </span>
                    <span class="rset__ctrl">
                        <select class="input" name="autodj_bitrate">
                            @foreach($bitrates as $bitrate)
                                <option value="{{ $bitrate }}" @selected($streamData->autodj_bitrate == $bitrate)>{{ $bitrate }}kbps</option>
                            @endforeach
                        </select>
                    </span>
                </div>

                <div class="rset__row">
                    <span class="rset__info">
                        <span class="rset__name">{{ __('radio.settings_samplerate') }}</span>
                    </span>
                    <span class="rset__ctrl">
                        <select class="input" name="autodj_sample">
                            @foreach($sampleRates as $valor => $rotulo)
                                <option value="{{ $valor }}" @selected((string) $streamData->autodj_sample === (string) $valor)>{{ $rotulo }}</option>
                            @endforeach
                        </select>
                    </span>
                </div>

                <div class="rset__row">
                    <span class="rset__info">
                        <span class="rset__name">{{ __('general.label_timezone') }}</span>
                        <span class="rset__help">{{ __('radio.settings_help_timezone') }}</span>
                    </span>
                    <span class="rset__ctrl rset__ctrl--stack">
                        <span class="rset__ctrl-line">
                            <input type="text" class="input" readonly
                                   value="{{ $streamData->timezone == 'America/Sao_Paulo' ? __('radio.settings_timezone_brasilia') : $streamData->timezone }}">
                            <a class="btn btn--ghost" href="{{ route('settings.r') }}" data-tip="{{ __('general.action_edit') }}">
                                <i class="fa-solid fa-pen"></i>
                            </a>
                        </span>

                        <span class="tzclock">
                            <i class="fa-regular fa-clock tzclock__ico"></i>
                            <span class="tzclock__body">
                                <span class="tzclock__label">{{ __('radio.settings_timezone_now') }}</span>
                                <time class="tzclock__value" data-clock
                                      data-at="{{ $stationNow->getTimestamp() }}"
                                      data-offset="{{ $stationNow->getOffset() }}">{{ $stationNow->format('d/m/Y H:i:s') }}</time>
                            </span>
                        </span>
                    </span>
                </div>
            </div>

        </section>

        <section class="sec rset__panel">

            <div class="rset__group">
                <h2 class="rset__group-title">{{ __('radio.settings_section_audio') }}</h2>

                <div class="rset__row">
                    <span class="rset__info">
                        <span class="rset__name">{{ __('radio.settings_fade_type') }}</span>
                        <span class="rset__help">{{ __('radio.settings_help_fade') }}</span>
                        <span class="rset__hint" data-fade-hint @if($streamData->autodj_fade_type != 'crossfade') hidden @endif>
                            {!! __('radio.settings_crossfade_msg') !!}
                        </span>
                    </span>
                    <span class="rset__ctrl">
                        <select class="input" name="autodj_fade_type" data-fade-type>
                            <option value="none" @selected($streamData->autodj_fade_type == 'none')>{{ __('radio.settings_fade_none') }}</option>
                            <option value="simple" @selected($streamData->autodj_fade_type == 'simple')>{{ __('radio.settings_fade_simple') }}</option>
                            @if($streamData->autodj_fade_type == 'crossfade')
                                <option value="crossfade" selected>Crossfade</option>
                            @endif
                        </select>
                    </span>
                </div>

                <div class="rset__row" data-fade-box @if($streamData->autodj_fade_type == 'none') hidden @endif>
                    <span class="rset__info">
                        <span class="rset__name">{{ __('radio.settings_fade_duration') }}</span>
                        <span class="rset__help">{{ __('radio.settings_help_fade_duration') }}</span>
                    </span>
                    <span class="rset__ctrl">
                        <select class="input" name="autodj_fade_time">
                            @foreach($fadeTimes as $seconds)
                                <option value="{{ $seconds }}" @selected($streamData->autodj_fade_time == $seconds)>{{ __('radio.settings_seconds', ['count' => $seconds]) }}</option>
                            @endforeach
                        </select>
                    </span>
                </div>

                <div class="rset__row">
                    <span class="rset__info">
                        <span class="rset__name">{{ __('radio.settings_live_end') }}</span>
                        <span class="rset__help">{{ __('radio.settings_help_live_end') }}</span>
                    </span>
                    <span class="rset__ctrl">
                        <select class="input" name="autodj_skip">
                            <option value="1" @selected($streamData->autodj_skip != '0')>{{ __('radio.app_yes') }}</option>
                            <option value="0" @selected($streamData->autodj_skip == '0')>{{ __('radio.app_no') }}</option>
                        </select>
                    </span>
                </div>

                <div class="rset__row">
                    <span class="rset__info">
                        <span class="rset__name">{{ __('radio.settings_preset') }}</span>
                        <span class="rset__help">{{ __('radio.settings_help_preset') }}</span>
                    </span>
                    <span class="rset__ctrl">
                        <select class="input" name="autodj_preset">
                            <option value="off" @selected($streamData->autodj_preset == 'off')>{{ __('radio.settings_preset_off') }}</option>
                            <option value="light" @selected($streamData->autodj_preset == 'light')>{{ __('radio.settings_preset_light') }}</option>
                            <option value="balanced" @selected($streamData->autodj_preset == 'balanced')>{{ __('radio.settings_preset_balanced') }}</option>
                            <option value="strong" @selected($streamData->autodj_preset == 'strong')>{{ __('radio.settings_preset_strong') }}</option>
                            <option value="aggressive" @selected($streamData->autodj_preset == 'aggressive')>{{ __('radio.settings_preset_aggressive') }}</option>
                        </select>
                    </span>
                </div>
            </div>

            <footer class="rset__foot">
                <button type="button" class="btn btn--primary rset__save">
                    @include('includes/spinner')
                    <span>{{ __('general.action_save_changes') }}</span>
                </button>
            </footer>

        </section>

    </div>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/pages/radio-settings.js') }}"></script>
@endsection

@include('includes/footer-novo')