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

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

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

    $tabs = [
        'programetes'   => ['fa-bolt', __('radio.library_tab_programetes'), route('radio.library.r')],
        'programas'     => ['fa-microphone-lines', __('radio.library_tab_programas'), route('radio.library.r', 'programas')],
        'programas-fds' => ['fa-calendar-days', __('radio.library_tab_programas_fds'), route('radio.library.r', 'programas-fds')],
        'vinhetas'      => ['fa-wave-square', __('radio.library_tab_vinhetas'), route('radio.library.r', 'vinhetas')],
        'campanhas'     => ['fa-bullseye', __('radio.library_tab_campanhas'), route('radio.library.r', 'campanhas')],
    ];

    $current = $type ?: 'programetes';

    $folder = match ($current) {
        'programas'     => 'Programas',
        'programas-fds' => 'Programas fim de semana',
        'vinhetas'      => 'SISVinhetas',
        'campanhas'     => 'Campanhas',
        default         => 'Programetes',
    };

    $isAdd  = in_array($current, ['vinhetas', 'campanhas'], true);
    $today  = date('Y-m-d');
    $port   = str_replace('/', '-brasbar', EncryptBras($streamData->port));

    $categories = [];

    if (!$isAdd) {
        $ids = $allLibrary->pluck('category')->filter()->unique()->all();

        if ($ids) {
            $categories = DB::table('library_categories')->whereIn('id', $ids)->orderBy('name')->get()->keyBy('id');
        }
    }

    // The file names follow the rules the content server expects
    $blockName = function ($lib, $index) use ($current) {
        if ($current === 'campanhas') {
            return $lib->name . str_pad((string) $index, 2, '0', STR_PAD_LEFT);
        }

        if (str_contains($lib->name, 'Previsão do tempo')) {
            $regions = [1 => 'Centro oeste', 2 => 'Nordeste', 3 => 'Norte', 4 => 'Sudeste', 5 => 'Sul'];

            return $lib->name . ' - ' . ($regions[$index] ?? 'Sul');
        }

        if ($lib->id === 193) {
            return $lib->name . ' (' . $index . ')';
        }

        return $lib->name . ($lib->total == 1 ? ' - ' . __('radio.library_block_complete') : ' - ' . __('radio.library_block_part', ['number' => '0' . $index]));
    };
@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_5_sub_6') }}</h1>
            <p class="page-sub">{{ __('radio.library_page_sub') }}</p>
        </div>
    </header>

    @if($streamData->plan_contents == 0)
        <section class="sec">
            <div class="lib__gate">
                <i class="fa-solid fa-lock"></i>
                <h3>{{ __('radio.library_no_plan') }}</h3>
                <p>{{ __('radio.library_no_plan_desc') }}</p>
            </div>
        </section>
    @else
        <div class="lib"
             data-server="{{ $siteData->stream_server }}"
             data-folder="{{ $folder }}"
             data-date="{{ $today }}"
             data-msg-listen="{{ __('radio.library_listen') }}"
             data-msg-stop="{{ __('radio.fm_action_stop') }}"
             data-msg-empty="{{ __('radio.library_empty_search') }}">

            <nav class="lib__tabs">
                @foreach($tabs as $key => $tab)
                    <a href="{{ $tab[2] }}" class="lib__tab @if($current === $key) is-active @endif">
                        <span class="lib__tab-ic"><i class="fa-solid {{ $tab[0] }}"></i></span>
                        <span>{{ $tab[1] }}</span>
                    </a>
                @endforeach
            </nav>

            <nav class="lib__langs">
                @foreach($languages as $code)
                    <a href="{{ $tabs[$current][2] }}?lang={{ $code }}"
                       class="lib__lang @if($lang === $code) is-active @endif">
                        <span>{{ __('radio.library_lang_' . $code) }}</span>
                        <span class="lib__lang-count">{{ $langCounts[$code] }}</span>
                    </a>
                @endforeach
            </nav>

            <section class="sec">
                <header class="sec__head">
                    <h2 class="sec__title">{{ $tabs[$current][1] }}</h2>
                    <span class="sec__meta">{{ trans_choice('radio.library_count', $allLibrary->count(), ['count' => $allLibrary->count()]) }}</span>
                </header>

                @if(!$allLibrary->count())
                    <div class="lib__empty">
                        <i class="fa-solid fa-folder-open"></i>
                        <h3>{{ __('radio.library_empty') }}</h3>
                        <p>{{ __('radio.library_lang_empty') }}</p>
                    </div>
                @else
                    @if(count($categories) > 1)
                        <div class="lib__bar lib__bar--chips">
                            <span class="lib__bar-label">{{ __('radio.library_filter_label') }}</span>
                            <div class="lib__chips">
                                <button type="button" class="lib__chip is-on" data-chip="">{{ __('radio.library_show_all') }}</button>
                                @foreach($categories as $category)
                                    <button type="button" class="lib__chip" data-chip="{{ $category->id }}">{{ $category->name }}</button>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    <div class="lib__bar">
                        <div class="lib__search">
                            <i class="fa-solid fa-magnifying-glass"></i>
                            <input type="search" class="input lib__search-input" data-search autocomplete="off"
                                   placeholder="{{ __('radio.library_search_placeholder') }}">
                        </div>

                        <label class="lib__sort">
                            <span>{{ __('radio.library_sort_label') }}</span>
                            <select class="input" data-sort>
                                <option value="recent">{{ __('radio.library_sort_recent') }}</option>
                                <option value="name">{{ __('radio.library_sort_name') }}</option>
                                <option value="blocks">{{ __('radio.library_sort_blocks') }}</option>
                            </select>
                        </label>
                    </div>

                    <ul class="lib__list">
                        @foreach($allLibrary as $lib)
                            <li class="lib__item" data-name="{{ Str::lower($lib->name) }}" data-cat="{{ $lib->category ?? '' }}"
                                data-total="{{ $lib->total }}" data-date="{{ $lib->last_update ?? $lib->created_at }}">
                                <div class="lib__head">
                                    <span class="lib__art @if(!$lib->img) lib__art--empty @endif">
                                        @if($lib->img)
                                            <img src="/contents/{{ $lib->img }}" alt="">
                                        @else
                                            <i class="fa-solid {{ $tabs[$current][0] }}"></i>
                                        @endif
                                    </span>

                                    <span class="lib__info">
                                        <span class="lib__name">{{ $lib->name }}</span>

                                        @if(!$isAdd && $lib->last_update)
                                            <span class="lib__update">
                                                {{ __('radio.library_last_update') }} <b>{{ date('d/m/Y H:i', strtotime($lib->last_update)) }}</b>
                                            </span>
                                        @endif

                                        @if($lib->description)
                                            <span class="lib__desc">{{ $lib->description }}</span>
                                        @endif


                                        @if($current === 'campanhas' && $lib->campaign_start_date)
                                            <span class="lib__update">
                                                <i class="fa-regular fa-calendar"></i>
                                                {{ date('d/m/Y', strtotime($lib->campaign_start_date)) }} a {{ date('d/m/Y', strtotime($lib->campaign_end_date)) }}
                                            </span>
                                        @endif
                                    </span>

                                    <span class="lib__stats">
                                        @if(!$isAdd)
                                            <span class="lib__stat">
                                                <span class="lib__stat-label">{{ __('radio.library_col_period') }}</span>
                                                <span class="lib__stat-value">{{ $current === 'programas-fds'
                                                    ? __('radio.library_tab_programas_fds')
                                                    : ($lib->period == '1' ? __('radio.weekday_mon') . ' a ' . __('radio.weekday_fri') : __('radio.weekday_mon') . ' a ' . __('radio.weekday_sat')) }}</span>

                                                @if($lib->over_msg)
                                                    <span class="lib__warn">{{ $lib->over_msg }}</span>
                                                @endif
                                            </span>
                                        @endif

                                        <span class="lib__stat">
                                            <span class="lib__stat-label">{{ __('radio.library_col_total') }}</span>
                                            <span class="lib__stat-value">{{ $lib->total }} {{ Str::lower(__('radio.library_label_blocks')) }}</span>
                                        </span>

                                        @if($lib->average)
                                            <span class="lib__stat">
                                                <span class="lib__stat-label">{{ __('radio.library_col_average') }}</span>
                                                <span class="lib__stat-value">{{ date('H:i:s', strtotime($lib->average)) }}</span>
                                            </span>
                                        @endif
                                    </span>

                                </div>

                                @if($current === 'vinhetas')
                                    @php $file = $lib->name . '.mp3'; @endphp
                                    <div class="lib__acts">
                                        <button type="button" class="btn btn--ghost lib__play" data-file="{{ $file }}">
                                            <i class="fa-solid fa-headphones"></i>
                                            <span>{{ __('radio.library_listen') }}</span>
                                        </button>
                                        <a class="btn btn--primary"
                                           href="/radio/download-library/{{ $folder }}/{{ $port }}/{{ $today }}/{{ str_replace('/', '-brasbar', EncryptBras($file)) }}">
                                            <i class="fa-solid fa-download"></i>
                                            <span>{{ __('radio.library_download') }}</span>
                                        </a>
                                    </div>
                                @else
                                    <ul class="lib__blocks">
                                        @for($i = 1; $i <= $lib->total; $i++)
                                            @php $file = $blockName($lib, $i) . '.mp3'; @endphp
                                            <li class="lib__block">
                                                <span class="lib__progress"></span>
                                                <i class="fa-solid fa-music"></i>
                                                <span class="lib__block-name">{{ $blockName($lib, $i) }}</span>
                                                <button type="button" class="lib__ico lib__play" data-file="{{ $file }}"
                                                        data-tip="{{ __('radio.library_listen') }}">
                                                    <i class="fa-solid fa-headphones"></i>
                                                </button>
                                                <a class="btn btn--primary btn--sm lib__get"
                                                   href="/radio/download-library/{{ $folder }}/{{ $port }}/{{ $today }}/{{ str_replace('/', '-brasbar', EncryptBras($file)) }}{{ $isAdd ? '' : '/' . $lib->id }}">
                                                    <i class="fa-solid fa-download"></i>
                                                    <span>{{ __('radio.library_download') }}</span>
                                                </a>
                                            </li>
                                        @endfor
                                    </ul>
                                @endif
                            </li>
                        @endforeach
                    </ul>

                    <p class="lib__none" data-none hidden>{{ __('radio.library_empty_search') }}</p>
                @endif
            </section>

        </div>
    @endif

</main>

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

@include('includes/footer-novo')