@section('title', __('site.page_scheduling_title'))

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

@php
    $breadcrumb = [
        ['label' => __('general.top_menu_item_site')],
        ['label' => __('site.menu_item_4')],
        ['label' => __('site.menu_item_4_sub_1')],
    ];

    $dayNames = [
        __('site.page_scheduling_weekday_0'),
        __('site.page_scheduling_weekday_1'),
        __('site.page_scheduling_weekday_2'),
        __('site.page_scheduling_weekday_3'),
        __('site.page_scheduling_weekday_4'),
        __('site.page_scheduling_weekday_5'),
        __('site.page_scheduling_weekday_6'),
    ];

    $shortNames = [
        __('site.page_sched_day_short_0'),
        __('site.page_sched_day_short_1'),
        __('site.page_sched_day_short_2'),
        __('site.page_sched_day_short_3'),
        __('site.page_sched_day_short_4'),
        __('site.page_sched_day_short_5'),
        __('site.page_sched_day_short_6'),
    ];

    $avatarBase = 'https://' . $serverData->name . '/contents/' . session('siteID') . '/avatar/';
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_scheduling_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_sched_sub') }}</p>
        </div>

        <div class="page-head__acts">
            <a class="btn btn--soft-blue" href="{{ route('site.programs.r') }}">
                <i class="fa-solid fa-microphone-lines"></i> {{ __('site.menu_item_4_sub_3') }}
            </a>
            <button class="btn btn--primary schnew" type="button" data-day="{{ $today }}">
                <i class="fa-solid fa-plus"></i> {{ __('site.page_sched_add') }}
            </button>
        </div>
    </header>

    @include('includes.flash')

    @if($apiError)
        <div class="apierr">
            <span class="apierr__ico"><i class="fa-solid fa-plug-circle-xmark"></i></span>
            <p class="apierr__text">{{ $apiError }}</p>
        </div>
    @elseif($allPrograms->count() == 0)
        <div class="cempty">
            <span class="apierr__ico"><i class="fa-solid fa-microphone-lines"></i></span>
            <p class="apierr__text">{{ __('site.page_sched_no_programs') }}</p>
            <a class="btn btn--primary" href="{{ route('site.programs.c') }}">
                <i class="fa-solid fa-plus"></i> {{ __('site.page_sched_no_programs_action') }}
            </a>
        </div>
    @else
        <div class="schwrap"
             data-url-store="{{ route('site.scheduling.c.do') }}"
             data-url-update="{{ route('site.scheduling.u.do') }}"
             data-today="{{ $today }}"
             data-msg-new="{{ __('site.page_scheduling_new_title') }}"
             data-msg-edit="{{ __('site.page_scheduling_edit_title') }}"
             data-msg-delete-title="{{ __('site.page_scheduling_alert_title') }}"
             data-msg-delete-text="{{ __('site.page_sched_alert_text') }}"
             data-msg-delete-btn="{{ __('site.btn_remove') }}"
             data-msg-clear-title="{{ __('site.page_sched_clear_title') }}"
             data-msg-clear-text="{{ __('site.page_sched_clear_text') }}"
             data-msg-error="{{ __('site.page_sched_api_error') }}">

            @if($orphans)
                <p class="schwarn">
                    <i class="fa-solid fa-triangle-exclamation"></i>
                    {{ trans_choice('site.page_sched_orphan_warn', $orphans, ['n' => $orphans]) }}
                </p>
            @endif

            <nav class="schnav">
                @foreach($shortNames as $index => $short)
                    <a class="schchip {{ $index === $today ? 'is-today' : '' }}" href="#day-{{ $index }}">
                        <strong>{{ $short }}</strong>
                        <span>{{ count($days[$index]) }}</span>
                    </a>
                @endforeach
            </nav>

            @if($total === 0)
                <div class="cempty">
                    <span class="apierr__ico"><i class="fa-solid fa-calendar-days"></i></span>
                    <p class="apierr__text">{{ __('site.page_sched_empty') }}</p>
                    <button class="btn btn--primary schnew" type="button" data-day="{{ $today }}">
                        <i class="fa-solid fa-plus"></i> {{ __('site.page_sched_add') }}
                    </button>
                </div>
            @endif

            @foreach($dayNames as $day => $dayName)
                @php $slots = $days[$day]; @endphp

                <section class="schday {{ $day === $today ? 'is-today' : '' }}" id="day-{{ $day }}">
                    <div class="schday__head">
                        <h2 class="schday__name">
                            {{ $dayName }}
                            @if($day === $today)
                                <span class="schtoday">{{ __('site.page_sched_today') }}</span>
                            @endif
                        </h2>

                        <span class="schday__count">
                            {{ trans_choice('site.page_sched_slot_count', count($slots), ['n' => count($slots)]) }}
                        </span>

                        <div class="schday__acts">
                            <button class="pact pact--edit schnew" type="button"
                                    data-day="{{ $day }}" title="{{ __('site.page_sched_add_here') }}">
                                <i class="fa-solid fa-plus"></i>
                            </button>

                            @if(count($slots))
                                <button class="pact pact--perm schcopy" type="button"
                                        data-day="{{ $day }}" title="{{ __('site.page_sched_copy_here') }}">
                                    <i class="fa-solid fa-copy"></i>
                                </button>
                                <button class="pact pact--del schclear" type="button"
                                        data-day="{{ $day }}" data-name="{{ $dayName }}"
                                        title="{{ __('site.page_sched_clear_here') }}">
                                    <i class="fa-solid fa-eraser"></i>
                                </button>
                            @endif
                        </div>
                    </div>

                    @if(count($slots) == 0)
                        <p class="schday__empty">{{ __('site.page_scheduling_msg_block_empty') }}</p>
                    @else
                        <div class="schslots">
                            @foreach($slots as $slot)
                                @php $overnight = $slot->end < $slot->start; @endphp

                                <article class="schslot {{ $slot->on_air ? 'is-live' : '' }} {{ $slot->program === null ? 'is-orphan' : '' }}"
                                         data-id="{{ $slot->id }}"
                                         data-day="{{ $slot->day }}"
                                         data-program="{{ $slot->program_id }}"
                                         data-start="{{ $slot->start }}"
                                         data-end="{{ $slot->end }}"
                                         data-name="{{ $slot->program }}">

                                    <span class="schtime">
                                        <strong>{{ $slot->start }}</strong>
                                        <i class="fa-solid fa-arrow-right-long"></i>
                                        <strong>{{ $slot->end }}</strong>
                                        @if($overnight)
                                            <em class="schnext" title="{{ __('site.page_sched_overnight') }}">
                                                <i class="fa-solid fa-moon"></i>
                                            </em>
                                        @endif
                                    </span>

                                    <span class="schpic">
                                        @if($slot->program_img)
                                            <img src="{{ str_starts_with($slot->program_img, 'http') ? $slot->program_img : $avatarBase . $slot->program_img }}"
                                                 alt="" loading="lazy">
                                        @endif
                                        <i class="fa-solid fa-microphone-lines schpic__ph"></i>
                                    </span>

                                    <span class="schprog">
                                        @if($slot->program === null)
                                            @php $foreign = $slot->orphan === 'foreign'; @endphp

                                            <em class="schgone" title="{{ $foreign ? __('site.page_sched_foreign_help') : __('site.page_sched_gone_help') }}">
                                                <i class="fa-solid fa-triangle-exclamation"></i>
                                                {{ $foreign ? __('site.page_sched_foreign') : __('site.page_sched_gone') }}
                                            </em>
                                        @else
                                            {{ $slot->program }}
                                        @endif

                                        @if($slot->on_air)
                                            <span class="schlive">{{ __('site.page_sched_on_air') }}</span>
                                        @endif
                                    </span>

                                    <span class="schslot__acts">
                                        <button class="pact pact--edit schedit" type="button" title="{{ __('site.action_edit') }}">
                                            <i class="fa-solid fa-pen"></i>
                                        </button>
                                        <button class="pact pact--del schdel" type="button" title="{{ __('site.btn_remove') }}">
                                            <i class="fa-solid fa-trash"></i>
                                        </button>
                                    </span>
                                </article>
                            @endforeach
                        </div>
                    @endif
                </section>
            @endforeach
        </div>

        <div class="modal schmodal" hidden>
            <div class="modal__card" role="dialog" aria-modal="true">
                <h2 class="modal__title schmodal__title">{{ __('site.page_scheduling_new_title') }}</h2>

                <div class="schmodal__body">
                    <div class="field">
                        <span class="field__label">{{ __('site.page_scheduling_new_form_input_1') }}</span>
                        <select class="input schmodal__program" data-combo
                                data-combo-search="{{ __('site.combo_search') }}"
                                data-combo-empty="{{ __('site.combo_empty') }}">
                            <option value="">{{ __('site.page_scheduling_new_form_input_1_1') }}</option>
                            @foreach($allPrograms as $program)
                                <option value="{{ $program->id }}">{{ $program->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="schmodal__times">
                        <label class="field">
                            <span class="field__label">{{ __('site.page_scheduling_new_form_input_2') }}</span>
                            <input class="input schmodal__start" type="time" step="60">
                        </label>

                        <label class="field">
                            <span class="field__label">{{ __('site.page_scheduling_new_form_input_3') }}</span>
                            <input class="input schmodal__end" type="time" step="60">
                        </label>
                    </div>

                    <div class="field schmodal__days">
                        <span class="field__label">{{ __('site.page_scheduling_new_form_input_4') }}</span>

                        <div class="checks">
                            @foreach($shortNames as $index => $short)
                                <label class="check">
                                    <input type="checkbox" value="{{ $index }}">
                                    {{ $short }}
                                </label>
                            @endforeach
                        </div>
                    </div>

                    <label class="field schmodal__day" hidden>
                        <span class="field__label">{{ __('site.page_sched_day') }}</span>
                        <select class="input schmodal__dayinput">
                            @foreach($dayNames as $index => $dayName)
                                <option value="{{ $index }}">{{ $dayName }}</option>
                            @endforeach
                        </select>
                    </label>
                </div>

                <p class="modal__error schmodal__error" hidden></p>

                <div class="modal__foot">
                    <button class="btn btn--ghost schmodal__cancel" type="button">{{ __('site.btn_cancel') }}</button>
                    <button class="btn btn--primary schmodal__ok" type="button">
                        @include('includes.spinner')
                        <span class="btn__label">{{ __('site.action_save') }}</span>
                    </button>
                </div>
            </div>
        </div>

        <div class="modal copymodal" hidden>
            <form class="modal__card" method="POST" action="{{ route('site.scheduling.copy') }}" role="dialog" aria-modal="true">
                <h2 class="modal__title">{{ __('site.page_sched_copy_title') }}</h2>

                <p class="modal__text copymodal__text">{{ __('site.page_sched_copy_text') }}</p>

                <input type="hidden" name="from" class="copymodal__from" value="{{ $today }}">

                <div class="checks copymodal__days">
                    @foreach($shortNames as $index => $short)
                        <label class="check">
                            <input type="checkbox" name="days[]" value="{{ $index }}">
                            {{ $short }}
                        </label>
                    @endforeach
                </div>

                <p class="modal__warn"><i class="fa-solid fa-triangle-exclamation"></i> {{ __('site.page_sched_copy_warn') }}</p>

                <div class="modal__foot">
                    <button class="btn btn--ghost copymodal__cancel" type="button">{{ __('site.btn_cancel') }}</button>
                    <button class="btn btn--primary copymodal__ok" type="submit">{{ __('site.page_sched_copy_ok') }}</button>
                </div>
            </form>
        </div>

        <form class="schforms" method="POST" action="{{ route('site.scheduling.d') }}" hidden>
            <input type="hidden" name="id" class="schforms__id">
        </form>

        <form class="schclearform" method="POST" action="{{ route('site.scheduling.clear') }}" hidden>
            <input type="hidden" name="day" class="schclearform__day">
        </form>
    @endif

</main>

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

@include('includes/footer-novo')