@section('title', __('radio.schedule_edit_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
    $sched = $currentSchedule[0];

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

    /* A frequencia nao muda depois de criado: o salvamento guarda a data pelo
       tipo que ja esta no banco. Ela vai escrita na tela e segue num campo
       escondido, que e o que faz a conferencia do servidor pegar o caminho
       certo, dias da semana ou data. */
    $isDate = (string) $sched->type === '2';

    $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'),
    ];

    $hasDate = $sched->date && strpos((string) $sched->date, '0000') !== 0;
    $dateIso = $hasDate ? date('Y-m-d', strtotime($sched->date)) : '';
    $dateBr  = $hasDate ? date('d/m/Y', strtotime($sched->date)) : '';

    $skip = old('skip', (string) $sched->skip);
    $endOption = old('endOption', (string) $sched->end);
@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_edit_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.u.do', $sched->id) }}">
        @csrf
        <input type="hidden" name="type" value="{{ $isDate ? '2' : '1' }}">

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

                <div class="schf__field">
                    <span class="schf__label">{{ __('radio.schedule_label_frequency') }}</span>
                    <p class="schf__fixed">
                        <i class="fa-solid {{ $isDate ? 'fa-calendar-day' : 'fa-repeat' }}"></i>
                        <span>{{ $isDate ? __('radio.schedule_freq_date') : __('radio.schedule_freq_weekly') }}</span>
                    </p>
                </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', $sched->playlist_id),
                        'items'    => $listPlaylists,
                    ])
                    @if(Session::has('error_playlist'))
                        <span class="schf__error">{{ Session::get('error_playlist') }}</span>
                    @endif
                </div>

                <label class="schf__field">
                    <span class="schf__label">{{ __('general.table_status') }}</span>
                    <select class="input schf__narrow" name="status">
                        <option value="1" @selected(old('status', (string) $sched->status) === '1')>{{ __('general.status_active') }}</option>
                        <option value="0" @selected(old('status', (string) $sched->status) === '0')>{{ __('radio.schedule_status_disabled') }}</option>
                    </select>
                </label>

                <div class="schf__field" data-when="1" @if($isDate) 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, (string) $sched->{$key} === '1' ? '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(!$isDate) 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', $dateIso) }}">
                    <input type="hidden" name="date" id="date" value="{{ old('date', $dateBr) }}">
                    @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', substr((string) $sched->time, 0, 5)) }}" 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($skip === '1')>{{ __('radio.schedule_skip_yes') }}</option>
                        <option value="0" @selected($skip === '0')>{{ __('radio.schedule_skip_no') }}</option>
                    </select>
                    <span class="schf__warn" data-skip-warn @if($skip === '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($endOption !== '1')>{{ __('radio.schedule_end_keep') }}</option>
                        <option value="1" @selected($endOption === '1')>{{ __('radio.schedule_end_other') }}</option>
                    </select>
                </label>

                <div class="schf__field" data-end-playlist @if($endOption !== '1') hidden @endif>
                    <span class="schf__label">{{ __('radio.schedule_label_end_playlist') }}</span>
                    {{-- 0 na coluna quer dizer "nenhuma": vai vazio, senao o
                         salvar procura a playlist de id 0 --}}
                    @include('radio.partials.playlist-pick', [
                        'name'     => 'endSelect',
                        'selected' => old('endSelect', $sched->end_playlist ?: ''),
                        'items'    => $listPlaylists,
                    ])
                </div>

                <div class="schf__foot">
                    <button type="submit" class="btn btn--primary schf__save">
                        @include('includes/spinner')
                        <span>{{ __('general.action_save') }}</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')