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

@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'), 'url' => route('radio.historyAll')],
        ['label' => __('radio.report_title')],
    ];

    $fuso = $siteData->timezone ?: 'America/Sao_Paulo';
    $hoje = \Illuminate\Support\Carbon::now($fuso)->format('Y-m-d');
    $inicio = $de ?: \Illuminate\Support\Carbon::now($fuso)->subDays(30)->format('Y-m-d');
    $fim = $ate ?: $hoje;
@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.report_title') }}</h1>
            <p class="page-sub">{{ __('radio.report_sub') }}</p>
        </div>
        <div class="page-head__actions">
            <a href="{{ route('radio.historyAll') }}" class="btn btn--ghost">{{ __('radio.pl_action_back') }}</a>
        </div>
    </header>

    <div class="hist">

        <section class="sec">
            <header class="sec__head">
                <h2 class="sec__title">{{ __('radio.report_step_period') }}</h2>
            </header>

            {{-- um formulário só: o botão de buscar recarrega a tela quando não há JS,
                 e com JS a lista de áudios é trocada sem sair da página --}}
            <form class="rep__form" method="GET" action="{{ route('radio.historyReportPdf') }}"
                  data-url-titles="{{ route('radio.historyReportTitles') }}"
                  data-msg-loading="{{ __('radio.report_loading') }}"
                  data-msg-offline="{{ __('radio.history_offline') }}">

                <label class="field">
                    <span class="field__label">{{ __('radio.history_filter_from') }}</span>
                    <input type="date" class="input" name="de" value="{{ $inicio }}" max="{{ $hoje }}" required data-period>
                </label>

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

                <div class="rep__reload">
                    <button type="submit" class="btn btn--ghost" formaction="{{ route('radio.historyReport') }}" data-reload>
                        <i class="fa-solid fa-magnifying-glass"></i>
                        <span>{{ __('radio.report_step_search') }}</span>
                    </button>
                </div>

                <label class="field rep__field">
                    <span class="field__label">{{ __('radio.report_pick_label') }}</span>

                    <select class="input" name="titulo" required data-pick
                            data-placeholder="{{ __('radio.report_pick_hint') }}"
                            data-msg-none="{{ __('radio.history_empty_search') }}">
                        <option value="">{{ $consultou ? __('radio.report_pick_hint') : __('radio.report_pick_first') }}</option>
                        @foreach($titulos as $item)
                            <option value="{{ $item['title'] }}">{{ $item['title'] }}</option>
                        @endforeach
                    </select>
                </label>

                <div class="rep__acts">
                    <button type="submit" class="btn btn--ghost" formtarget="_blank">
                        <i class="fa-regular fa-eye"></i>
                        <span>{{ __('radio.report_view') }}</span>
                    </button>

                    <button type="submit" class="btn btn--primary" name="baixar" value="1">
                        <i class="fa-solid fa-file-pdf"></i>
                        <span>{{ __('radio.report_download') }}</span>
                    </button>
                </div>
            </form>

            @if($consultou && ! count($titulos))
                <div class="hist__empty">
                    <i class="fa-solid fa-file-circle-question"></i>
                    <h3>{{ __('radio.msg_no_records') }}</h3>
                    <p>{{ __('radio.report_empty_help') }}</p>
                </div>
            @endif
        </section>

    </div>

</main>

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

@include('includes/footer-novo')