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

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

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

    /**
     * O servidor manda o instante em unix e o carimbo original. O carimbo ja vem
     * no fuso da radio, entao nada e convertido aqui; o unix so serve para
     * agrupar e ordenar.
     */
    $lerCarimbo = function (string $carimbo): ?\DateTime {
        foreach (['d/M/Y:H:i:s O', 'D d/M/Y:H:i:s O'] as $formato) {
            $quando = \DateTime::createFromFormat($formato, $carimbo);

            if ($quando instanceof \DateTime) {
                return $quando;
            }
        }

        return null;
    };

    $fuso = $siteData->timezone ?: 'America/Sao_Paulo';
    $hoje = \Illuminate\Support\Carbon::now($fuso)->format('Y-m-d');
    $ontem = \Illuminate\Support\Carbon::now($fuso)->subDay()->format('Y-m-d');

    $diaCurto = [
        0 => __('radio.weekday_short_sun'),
        1 => __('radio.weekday_short_mon'),
        2 => __('radio.weekday_short_tue'),
        3 => __('radio.weekday_short_wed'),
        4 => __('radio.weekday_short_thu'),
        5 => __('radio.weekday_short_fri'),
        6 => __('radio.weekday_short_sat'),
    ];

    $porDia = [];
    $total = 0;

    foreach ($linhas as $linha) {
        $nome = trim($linha['title'] ?? '');

        if ($nome === '') {
            continue;
        }

        $nome = str_replace(
            ['masculino0', 'feminino0'],
            [__('radio.history_time_male') . ' 0', __('radio.history_time_female') . ' 0'],
            $nome
        );

        $quando = $lerCarimbo(trim($linha['stamp'] ?? ''));
        $dia = $quando ? $quando->format('Y-m-d') : '';
        $total++;

        $porDia[$dia][] = [
            'hora' => $quando ? $quando->format('H:i') : '--:--',
            'segundos' => $quando ? $quando->format('s') : '',
            'nome' => $nome,
        ];
    }

    $desde = $cobertura['from'] ?? null;
@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.home_block_ajax_autodj_item6') }}</h1>
            <p class="page-sub">
                @if($desde)
                    {{ __('radio.history_coverage', ['date' => \Illuminate\Support\Carbon::createFromTimestamp($desde, $fuso)->format('d/m/Y')]) }}
                @else
                    {{ __('radio.history_all_notice') }} <b>300</b>.
                @endif
            </p>
        </div>
        <div class="page-head__actions">
            @if($podeRelatorio)
                <a href="{{ route('radio.historyReport') }}" class="btn btn--primary">
                    <i class="fa-solid fa-file-pdf"></i>
                    <span>{{ __('radio.report_title') }}</span>
                </a>
            @endif

            <a href="{{ route('radio.home.r') }}" class="btn btn--ghost">{{ __('radio.pl_action_back') }}</a>
        </div>
    </header>

    <div class="hist"
         data-msg-empty="{{ __('radio.history_empty_search') }}">

        <section class="sec">
            <header class="sec__head">
                <h2 class="sec__title">{{ __('radio.history_played') }}</h2>
                <span class="sec__meta">{{ trans_choice('radio.history_count', $total, ['count' => $total]) }}</span>
            </header>

            {{-- o periodo vai ao servidor; a busca da direita filtra o que ja esta na tela --}}
            <form class="hist__filter" method="GET" action="{{ route('radio.historyAll') }}">
                <label class="field">
                    <span class="field__label">{{ __('radio.history_filter_from') }}</span>
                    <input type="date" class="input" name="de" value="{{ $de }}" max="{{ $hoje }}">
                </label>

                <label class="field">
                    <span class="field__label">{{ __('radio.history_filter_to') }}</span>
                    <input type="date" class="input" name="ate" value="{{ $ate }}" max="{{ $hoje }}">
                </label>

                <label class="field hist__filter-term">
                    <span class="field__label">{{ __('radio.history_filter_term') }}</span>
                    <input type="text" class="input" name="q" value="{{ $termo }}" autocomplete="off"
                           data-search placeholder="{{ __('radio.history_filter_term_hint') }}">
                </label>

                <div class="hist__filter-acts">
                    <button type="submit" class="btn btn--primary">
                        <i class="fa-solid fa-filter"></i>
                        <span>{{ __('radio.history_filter_do') }}</span>
                    </button>

                    @if($filtrado)
                        <a class="btn btn--ghost" href="{{ route('radio.historyAll') }}">{{ __('radio.history_filter_clear') }}</a>
                    @endif
                </div>
            </form>

            @if($foraDoAr)
                <p class="hist__warn">
                    <i class="fa-solid fa-triangle-exclamation"></i>
                    {{ __('radio.history_offline') }}
                </p>
            @endif

            @if($total)
                <div class="hist__body">
                    @foreach($porDia as $dia => $itens)
                        @php
                            if ($dia === $hoje) {
                                $titulo = __('radio.stats_period_today');
                            } elseif ($dia === $ontem) {
                                $titulo = __('radio.stats_period_yesterday');
                            } elseif ($dia) {
                                $data = \Illuminate\Support\Carbon::parse($dia);
                                $titulo = $diaCurto[(int) $data->dayOfWeek] . ', ' . $data->format('d/m/Y');
                            } else {
                                $titulo = __('radio.history_no_date');
                            }
                        @endphp

                        <section class="hist__day" data-day>
                            <h3 class="hist__day-title">
                                <span>{{ $titulo }}</span>
                                <small>{{ trans_choice('radio.history_count', count($itens), ['count' => count($itens)]) }}</small>
                            </h3>

                            <ul class="hist__list">
                                @foreach($itens as $item)
                                    <li class="hist__row" data-row data-find="{{ Str::lower($item['nome']) }}">
                                        <span class="hist__time">
                                            {{ $item['hora'] }}<small>{{ $item['segundos'] ? ':' . $item['segundos'] : '' }}</small>
                                        </span>
                                        <span class="hist__dot" aria-hidden="true"></span>
                                        <span class="hist__name">{{ $item['nome'] }}</span>
                                    </li>
                                @endforeach
                            </ul>
                        </section>
                    @endforeach

                    <p class="hist__none" data-none hidden>{{ __('radio.history_empty_search') }}</p>
                </div>
            @else
                <div class="hist__empty">
                    <i class="fa-solid fa-clock-rotate-left"></i>
                    <h3>{{ __('radio.msg_no_records') }}</h3>
                    <p>{{ $filtrado ? __('radio.history_empty_filter') : __('radio.history_empty_help') }}</p>
                </div>
            @endif
        </section>

    </div>

</main>

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

@include('includes/footer-novo')