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

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

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

    $weekdays = [
        __('radio.weekday_sun'),
        __('radio.weekday_mon'),
        __('radio.weekday_tue'),
        __('radio.weekday_wed'),
        __('radio.weekday_thu'),
        __('radio.weekday_fri'),
        __('radio.weekday_sat'),
    ];

    $pedido = request('day');
    $startDay = is_numeric($pedido) && $pedido >= 0 && $pedido <= 6 ? (int) $pedido : $todayWeekday;
    $flash    = session('success');

    Session::forget('success');
@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_2_sub_3') }}</h1>

            <p class="sched__tz">
                <i class="fa-regular fa-clock" aria-hidden="true"></i>
                <span>{!! __('radio.schedules_history_tz', ['tz' => '<b>' . e($streamTz) . '</b>']) !!}</span>
            </p>
        </div>
        <div class="page-head__actions">
            <button type="button" class="btn btn--ghost sched__history-open">
                <i class="fa-solid fa-clock-rotate-left"></i>
                <span>{{ __('radio.schedules_history_btn') }}</span>
            </button>
            <a href="{{ route('radio.schedules.c') }}" class="btn btn--primary">
                <i class="fa-solid fa-plus"></i>
                <span>{{ __('radio.schedule_new_title') }}</span>
            </a>
        </div>
    </header>

    <div class="sched"
         data-flash="{{ $flash }}"
         data-url-remove="{{ route('radio.schedules.d') }}"
         data-url-remove-many="{{ route('radio.schedules.d.multiple') }}"
         data-msg-remove-title="{{ __('general.action_remove') }}"
         data-msg-remove="{{ __('radio.schedules_remove_confirm') }}"
         data-msg-remove-one="{{ trans_choice('radio.schedules_remove_confirm_many', 1, ['count' => ':count']) }}"
         data-msg-remove-many="{{ trans_choice('radio.schedules_remove_confirm_many', 2, ['count' => ':count']) }}"
         data-msg-confirm="{{ __('site.action_confirm') }}"
         data-msg-fail="{{ __('radio.playlists_action_error') }}"
         data-msg-selected-one="{{ trans_choice('radio.pl_selected_count', 1, ['count' => ':count']) }}"
         data-msg-selected-many="{{ trans_choice('radio.pl_selected_count', 2, ['count' => ':count']) }}">

        <div class="sched__grid">

            <nav class="sched__days">
                @foreach($weekdays as $index => $label)
                    <button type="button" class="sched__day @if($index === $startDay) is-active @endif" data-day="{{ $index }}">
                        <span class="sched__day-name">
                            {{ $label }}
                            @if($index === $todayWeekday)
                                <span class="sched__today">{{ __('radio.schedules_today') }}</span>
                            @endif
                        </span>
                        <span class="sched__day-count @if(count($days[$index])) is-on @endif">{{ count($days[$index]) }}</span>
                    </button>
                @endforeach
            </nav>

            <section class="sec sched__panel">
                @foreach($weekdays as $index => $label)
                    <div class="sched__pane" data-pane="{{ $index }}" @if($index !== $startDay) hidden @endif>
                        <header class="sched__head">
                            <h2 class="sched__title">{{ $label }}</h2>
                            <span class="sched__meta">{{ trans_choice('radio.schedules_count', count($days[$index]), ['count' => count($days[$index])]) }}</span>
                        </header>

                        @if(count($days[$index]))
                            <ul class="sched__list">
                                @foreach($days[$index] as $item)
                                    @php $playing = $playingScheduleId !== null && $item['id'] == $playingScheduleId && $index === $todayWeekday; @endphp
                                    <li class="sched__item @if($playing) is-playing @endif @if($item['status'] != '1') is-off @endif">
                                        <input type="checkbox" class="sched__check" value="{{ $item['id'] }}|{{ $item['day'] }}"
                                               aria-label="{{ $item['name'] }}">

                                        <span class="sched__time">{{ $item['time'] }}</span>

                                        <span class="sched__info">
                                            <span class="sched__name">{{ $item['name'] }}</span>
                                            <span class="sched__tags">
                                                @if($item['type'] == '1')
                                                    <span class="sched__tag">
                                                        <i class="fa-solid fa-repeat"></i> {{ __('radio.schedules_tag_weekly') }}
                                                    </span>
                                                @else
                                                    <span class="sched__tag sched__tag--date">
                                                        <i class="fa-regular fa-calendar"></i> {{ $item['date'] }}
                                                    </span>
                                                @endif

                                                @if($item['status'] != '1')
                                                    <span class="sched__tag sched__tag--off">{{ __('radio.schedule_status_disabled') }}</span>
                                                @endif

                                                @if($playing)
                                                    <span class="sched__tag sched__tag--live">
                                                        <i class="fa-solid fa-play"></i> {{ __('radio.home_player_current') }}
                                                    </span>
                                                @endif
                                            </span>

                                            @if($item['ends_at'])
                                                <span class="sched__end">
                                                    <i class="fa-regular fa-clock"></i>
                                                    <span>
                                                        {{ __('radio.schedules_ends_at', ['time' => $item['ends_at']]) }}@if($item['ends_next_day']) {{ __('radio.schedules_ends_next_day') }}@endif,
                                                        {!! __('radio.schedules_then_playlist', ['name' => '<b>' . e($item['escape']) . '</b>']) !!}

                                                        @if($item['cut_at'])
                                                            <b class="sched__end-warn">{{ __('radio.schedules_cut_by_next', ['time' => $item['cut_at']]) }}</b>
                                                        @endif
                                                    </span>
                                                </span>
                                            @endif
                                        </span>

                                        <span class="sched__acts">
                                            <a class="sched__ico" href="{{ route('radio.schedules.u', $item['id']) }}"
                                               data-tip="{{ __('general.action_edit') }}">
                                                <i class="fa-solid fa-pen"></i>
                                            </a>
                                            <button type="button" class="sched__ico sched__ico--danger"
                                                    data-remove="{{ $item['id'] }}" data-day="{{ $item['day'] }}"
                                                    data-tip="{{ __('general.action_remove') }}">
                                                <i class="fa-solid fa-trash-can"></i>
                                            </button>
                                        </span>
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <div class="sched__empty">
                                <i class="fa-regular fa-calendar-xmark"></i>
                                <p>{{ __('radio.schedules_empty_day') }}</p>
                                <a class="btn btn--ghost" href="{{ route('radio.schedules.c', $index) }}">
                                    <i class="fa-solid fa-plus"></i>
                                    <span>{{ __('radio.schedule_new_title') }}</span>
                                </a>
                            </div>
                        @endif
                    </div>
                @endforeach

                <footer class="sched__foot" hidden>
                    <span class="sched__count"></span>
                    <button type="button" class="btn btn--ghost sched__remsel">
                        <i class="fa-solid fa-trash-can"></i>
                        <span>{{ __('site.btn_remselect') }}</span>
                    </button>
                </footer>
            </section>

        </div>

        <div class="modal schmodal" data-modal-history hidden>
            <div class="modal__card" role="dialog" aria-modal="true">
                <h2 class="modal__title">{{ __('radio.schedules_history_title') }}</h2>

                <p class="schmodal__tz">
                    <i class="fa-regular fa-clock" aria-hidden="true"></i>
                    <span>{!! __('radio.schedules_history_tz', ['tz' => '<b>' . e($streamTz) . '</b>']) !!}</span>
                </p>

                @if($history->count())
                    <ul class="schmodal__list">
                        @foreach($history as $log)
                            <li>
                                <span class="schmodal__name">{{ $log->name }}</span>
                                <span class="schmodal__date">{{ $log->when }}</span>
                            </li>
                        @endforeach
                    </ul>
                @else
                    <p class="schmodal__empty">{{ __('radio.schedules_empty_day') }}</p>
                @endif

                <div class="modal__foot">
                    <button class="btn btn--ghost" type="button" data-close>{{ __('radio.action_close') }}</button>
                </div>
            </div>
        </div>

    </div>

</main>

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

@include('includes/footer-novo')