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

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

@php
    $breadcrumb = [
        ['label' => __('general.header_nav_radio')],
        ['label' => __('radio.menu_item_2_sub_3'), 'url' => route('radio.schedules.r')],
        ['label' => __('radio.schedule_new_title')],
    ];

    $type = old('type', '1');

    $weekdays = [
        'sun' => __('site.page_scheduling_weekday_0'),
        'mon' => __('radio.schedule_day_mon'),
        'tue' => __('radio.schedule_day_tue'),
        'wed' => __('radio.schedule_day_wed'),
        'thu' => __('radio.schedule_day_thu'),
        'fri' => __('radio.schedule_day_fri'),
        'sat' => __('site.page_scheduling_weekday_6'),
    ];

    $index   = array_keys($weekdays);
    $current = $selectedDay !== null && $selectedDay <= 6 ? (int) $selectedDay : (int) date('w');
@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.schedule_new_title') }}</h1>
            <p class="page-sub">{{ __('radio.schedule_page_sub') }}</p>
        </div>
        <div class="page-head__actions">
            <a href="{{ route('radio.schedules.r') }}" class="btn btn--ghost">{{ __('radio.pl_action_back') }}</a>
        </div>
    </header>

    <form id="sched-form" class="schf" method="POST" action="{{ route('radio.schedules.c.do') }}">
        @csrf
        <input type="hidden" name="status" value="1">

        <section class="sec">
            <div class="sec__body schf__body">

                <div class="schf__field">
                    <span class="schf__label">{{ __('radio.schedule_label_frequency') }}</span>
                    <div class="schf__modes" role="radiogroup" aria-label="{{ __('radio.schedule_label_frequency') }}">
                        <label class="schf__mode">
                            <input type="radio" name="type" value="1" @checked($type != '2')>
                            <i class="fa-solid fa-repeat"></i>
                            <span>{{ __('radio.schedule_freq_weekly') }}</span>
                        </label>
                        <label class="schf__mode">
                            <input type="radio" name="type" value="2" @checked($type == '2')>
                            <i class="fa-regular fa-calendar"></i>
                            <span>{{ __('radio.schedule_freq_date') }}</span>
                        </label>
                    </div>
                </div>

                <div class="schf__field">
                    <span class="schf__label">{{ __('radio.schedule_label_playlist') }}</span>
                    @include('radio.partials.playlist-pick', [
                        'name'     => 'playlist_id',
                        'selected' => old('playlist_id'),
                        'items'    => $listPlaylists,
                    ])
                    @if(Session::has('error_playlist'))
                        <span class="schf__error">{{ Session::get('error_playlist') }}</span>
                    @endif
                </div>

                <div class="schf__field" data-when="1" @if($type == '2') hidden @endif>
                    <span class="schf__label">
                        {{ __('radio.schedule_label_weekdays') }}
                        <button type="button" class="schf__all">{{ __('radio.schedule_days_select_all') }}</button>
                    </span>
                    <div class="schf__days">
                        @foreach($weekdays as $key => $label)
                            <label class="schf__day">
                                <input type="checkbox" name="{{ $key }}" value="1"
                                       @checked(old($key, $index[$current] === $key ? '1' : null))>
                                <span>{{ $label }}</span>
                            </label>
                        @endforeach
                    </div>
                    @if(Session::has('error_days'))
                        <span class="schf__error">{{ Session::get('error_days') }}</span>
                    @endif
                </div>

                <label class="schf__field" data-when="2" @if($type != '2') hidden @endif>
                    <span class="schf__label">{{ __('radio.schedule_label_start_date') }}</span>
                    <input type="date" class="input schf__narrow" id="date-picker" value="{{ old('date_iso') }}">
                    <input type="hidden" name="date" id="date" value="{{ old('date') }}">
                    @if(Session::has('error_date'))
                        <span class="schf__error">{{ Session::get('error_date') }}</span>
                    @endif
                </label>

                <label class="schf__field">
                    <span class="schf__label">{{ __('radio.schedule_label_start_time') }}</span>
                    <input type="time" class="input schf__narrow" name="time" value="{{ old('time') }}" required>
                    @if(Session::has('error_time'))
                        <span class="schf__error">{{ Session::get('error_time') }}</span>
                    @endif
                </label>

                <label class="schf__field">
                    <span class="schf__label">{{ __('radio.schedule_label_skip') }}</span>
                    <select class="input" name="skip" id="skip">
                        <option value="1" @selected(old('skip', '1') == '1')>{{ __('radio.schedule_skip_yes') }}</option>
                        <option value="0" @selected(old('skip') === '0')>{{ __('radio.schedule_skip_no') }}</option>
                    </select>
                    <span class="schf__warn" data-skip-warn @if(old('skip', '1') == '1') hidden @endif>
                        <i class="fa-solid fa-circle-exclamation"></i> {{ __('radio.schedule_skip_warning') }}
                    </span>
                </label>

                <label class="schf__field">
                    <span class="schf__label">{{ __('radio.schedule_label_end_option') }}</span>
                    <select class="input" name="endOption" id="endOption">
                        <option value="0" @selected(old('endOption', '0') == '0')>{{ __('radio.schedule_end_keep') }}</option>
                        <option value="1" @selected(old('endOption') == '1')>{{ __('radio.schedule_end_other') }}</option>
                    </select>
                </label>

                <div class="schf__field" data-end-playlist @if(old('endOption') != '1') hidden @endif>
                    <span class="schf__label">{{ __('radio.schedule_label_end_playlist') }}</span>
                    @include('radio.partials.playlist-pick', [
                        'name'     => 'endSelect',
                        'selected' => old('endSelect'),
                        'items'    => $listPlaylists,
                    ])
                </div>

                <div class="schf__foot">
                    <button type="submit" class="btn btn--primary schf__save">
                        @include('includes/spinner')
                        <span>{{ __('radio.schedule_btn_create') }}</span>
                    </button>
                </div>

            </div>
        </section>

    </form>

</main>

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

@include('includes/footer-novo')