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

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

@php
    $breadcrumb = [
        ['label' => __('general.header_nav_radio')],
        ['label' => __('radio.page_passwords_title'), 'url' => route('radio.live-passwords.r')],
        ['label' => __('radio.password_show_title')],
    ];

    $weekdays = [
        'sun' => __('radio.weekday_short_sun'),
        'mon' => __('radio.weekday_short_mon'),
        'tue' => __('radio.weekday_short_tue'),
        'wed' => __('radio.weekday_short_wed'),
        'thu' => __('radio.weekday_short_thu'),
        'fri' => __('radio.weekday_short_fri'),
        'sat' => __('radio.weekday_short_sat'),
    ];

    $host     = $getServerDetails->name . '.' . env('BASE_SERVER_URL', 'brascast.com');
    $encoder  = config('radio.encoder_url');
    $shot     = null;

    foreach (['webp', 'png', 'jpg', 'svg'] as $ext) {
        if (is_file(public_path('assets/img/encoder.' . $ext))) {
            $shot = '/assets/img/encoder.' . $ext;
            break;
        }
    }
    $sample   = (float) $streamData->autodj_sample ?: 44.1;
    $sample   = $sample < 1000 ? $sample * 1000 : $sample;

    $lastUse = $djData->last_login
        ? __($djData->last_ip ? 'radio.password_last_use' : 'radio.password_last_use_noip', [
            'date' => date('d/m/Y H:i', strtotime($djData->last_login)),
            'ip'   => $djData->last_ip,
        ])
        : __('radio.password_last_use_never');
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ $djData->name }}</h1>
            <p class="page-sub">{{ $lastUse }}</p>
        </div>
        <div class="page-head__actions">
            <a href="{{ route('radio.live-passwords.r') }}" class="btn btn--ghost">{{ __('radio.pl_action_back') }}</a>
            <a href="{{ route('radio.live-passwords.e', $djData->id) }}" class="btn btn--primary">
                <i class="fa-solid fa-pen"></i>
                <span>{{ __('general.action_edit') }}</span>
            </a>
        </div>
    </header>

    <div class="dsh"
         data-url-token="{{ route('radio.live-passwords.gen-token') }}"
         data-hash="{{ EncryptBras($djData->id) }}"
         data-msg-copied="{{ __('general.action_copied') }}"
         data-msg-generating="{{ __('radio.password_generating') }}"
         data-msg-error="{{ __('radio.password_token_error') }}">

        @if($djData->prohibed)
            <section class="sec">
                <header class="sec__head">
                    <h2 class="sec__title"><i class="fa-solid fa-clock"></i> {{ __('radio.password_show_restricted') }}</h2>
                </header>
                <div class="sec__body dsh__body">
                    <div class="dsh__field">
                        <span class="dsh__label">{{ __('radio.password_show_allowed_days') }}</span>
                        <div class="dsh__days">
                            @foreach($weekdays as $key => $label)
                                <span class="dsh__day @if($djData->{$key}) is-on @endif">{{ $label }}</span>
                            @endforeach
                        </div>
                    </div>

                    <div class="dsh__field">
                        <span class="dsh__label">{{ __('radio.password_show_allowed_time') }}</span>
                        <span class="dsh__value">{{ substr($djData->time_start, 0, 5) }} - {{ substr($djData->time_end, 0, 5) }}</span>
                    </div>
                </div>
            </section>
        @endif

        <section class="sec dsh__box">
            <nav class="dsh__tabs" role="tablist">
                <button type="button" class="dsh__tab is-active" role="tab" aria-selected="true" data-go="encoder">
                    {{ __('radio.password_tab_encoder') }}
                    <span class="dsh__new">{{ __('radio.password_tab_encoder_new') }}</span>
                </button>
                <button type="button" class="dsh__tab" role="tab" aria-selected="false" data-go="data">
                    {{ __('radio.password_tab_data') }}
                </button>
                <button type="button" class="dsh__tab" role="tab" aria-selected="false" data-go="stats">
                    {{ __('radio.password_tab_stats') }}
                </button>
            </nav>

            <div class="dsh__pane" data-pane="encoder">
                <div class="dsh__enc">
                    <div class="dsh__enc-text">
                        <p class="dsh__lead">{{ __('radio.password_encoder_lead') }}</p>

                        @if($encoder)
                            <a class="btn btn--primary dsh__down" href="{{ $encoder }}" rel="noopener">
                                <i class="fa-solid fa-download"></i>
                                <span>{{ __('radio.password_encoder_download') }}</span>
                            </a>
                            <p class="dsh__note">{{ __('radio.password_encoder_compat') }}</p>
                        @else
                            <p class="dsh__note">{{ __('radio.password_encoder_no_file') }}</p>
                        @endif

                    <h3 class="dsh__sub">{{ __('radio.password_encoder_key') }}</h3>
                    <p class="dsh__note">{{ __('radio.password_encoder_key_note') }}</p>

                    <div class="dsh__field dsh__field--wide" data-token-row>
                        <div class="dsh__box-field">
                            @if($djData->encoder_token)
                                <span class="dsh__data dsh__data--token" data-copy-value="{{ $djData->encoder_token }}">{{ $djData->encoder_token }}</span>
                                <button type="button" class="dsh__copy" data-copy data-tip="{{ __('radio.password_copy_token') }}">
                                    <i class="fa-regular fa-copy"></i>
                                </button>
                            @else
                                <span class="dsh__data dsh__data--empty" data-token-empty>{{ __('radio.password_token_none') }}</span>
                                <button type="button" class="btn btn--primary dsh__gen" data-gen-token>
                                    @include('includes/spinner')
                                    <span><i class="fa-solid fa-key"></i> {{ __('general.action_generate') }}</span>
                                </button>
                            @endif
                        </div>
                    </div>
                    </div>

                    @if($shot)
                        <img class="dsh__enc-shot" src="{{ assetv($shot) }}" alt="{{ __('radio.password_tab_encoder') }}" loading="lazy">
                    @endif
                </div>
            </div>

            <div class="dsh__pane" data-pane="data" hidden>
                <p class="dsh__note">{{ __('radio.password_data_note') }}</p>

                <div class="dsh__grid">
                    <div class="dsh__stat">
                        <span class="dsh__label">Bitrate</span>
                        <span class="dsh__value">{{ $streamData->autodj_bitrate }} kbps</span>
                    </div>
                    <div class="dsh__stat">
                        <span class="dsh__label">{{ __('radio.password_data_channels') }}</span>
                        <span class="dsh__value">{{ __('radio.password_data_stereo') }}</span>
                    </div>
                    <div class="dsh__stat">
                        <span class="dsh__label">{{ __('radio.password_data_server_type') }}</span>
                        <span class="dsh__value">Icecast</span>
                    </div>
                    <div class="dsh__stat">
                        <span class="dsh__label">Samplerate</span>
                        <span class="dsh__value">{{ number_format($sample, 0, '', '') }} Hz</span>
                    </div>
                    <div class="dsh__stat">
                        <span class="dsh__label">Encoder Type</span>
                        <span class="dsh__value">{{ strtoupper($streamData->autodj_codec) }}</span>
                    </div>
                </div>

                <div class="dsh__fields">
                    @foreach([
                        ['Server IP', $host, __('radio.password_copy_ip')],
                        ['Server Port', $portConnect, __('radio.password_copy_port')],
                        ['Password', $djData->password, __('radio.password_copy_password')],
                        ['Mount point', '/live', __('radio.password_copy_mount')],
                    ] as $row)
                        <div class="dsh__field">
                            <span class="dsh__label">{{ $row[0] }}</span>
                            <div class="dsh__box-field">
                                <span class="dsh__data" data-copy-value="{{ $row[1] }}">{{ $row[1] }}</span>
                                <button type="button" class="dsh__copy" data-copy data-tip="{{ $row[2] }}">
                                    <i class="fa-regular fa-copy"></i>
                                </button>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <div class="dsh__pane" data-pane="stats" hidden>
                <p class="dsh__note">{{ __('radio.password_stats_note') }}</p>

                <div class="dsh__grid">
                    <div class="dsh__stat">
                        <span class="dsh__label">{{ __('radio.password_stats_type') }}</span>
                        <span class="dsh__value">Icecast2 statistic relay</span>
                    </div>
                </div>

                <div class="dsh__fields">
                    @foreach([
                        [__('radio.password_stats_host'), $host, __('radio.password_copy_ip')],
                        ['Port', $portConnect, __('radio.password_copy_port')],
                        [__('radio.password_stats_user'), 'admin', __('radio.password_stats_user')],
                        ['Password', $djData->password, __('radio.password_copy_password')],
                        ['Mount point', '/live', __('radio.password_copy_mount')],
                    ] as $row)
                        <div class="dsh__field">
                            <span class="dsh__label">{{ $row[0] }}</span>
                            <div class="dsh__box-field">
                                <span class="dsh__data" data-copy-value="{{ $row[1] }}">{{ $row[1] }}</span>
                                <button type="button" class="dsh__copy" data-copy data-tip="{{ $row[2] }}">
                                    <i class="fa-regular fa-copy"></i>
                                </button>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>

    </div>

</main>

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

@include('includes/footer-novo')