@php
    $dj      = $dj ?? null;
    $restrict = old('restrict', $dj ? $dj->prohibed : null);

    $weekdays = [
        'sun' => __('radio.weekday_sun'),
        'mon' => __('radio.weekday_mon'),
        'tue' => __('radio.weekday_tue'),
        'wed' => __('radio.weekday_wed'),
        'thu' => __('radio.weekday_thu'),
        'fri' => __('radio.weekday_fri'),
        'sat' => __('radio.weekday_sat'),
    ];
@endphp

<form id="dj-form" class="djf" method="POST" action="{{ $action }}"
      data-msg-name="{{ __('radio.password_name_placeholder') }}"
      data-msg-pass="{{ __('radio.password_required') }}"
      data-msg-pass-min="{{ __('radio.password_minlength') }}">
    @csrf

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

            <label class="djf__field">
                <span class="djf__label">{{ __('general.table_name') }}</span>
                <input type="text" class="input" name="name" id="dj-name" maxlength="25" autocomplete="off"
                       placeholder="{{ __('radio.password_name_placeholder') }}"
                       value="{{ old('name', $dj->name ?? '') }}">
                <span class="djf__error" data-error-name hidden></span>
                @if(Session::has('error_name'))
                    <span class="djf__error">{{ Session::get('error_name') }}</span>
                @endif
            </label>

            <div class="djf__field">
                <span class="djf__label">{{ __('radio.password_label') }}</span>

                @if($dj)
                    <input type="text" class="input" value="{{ $dj->password }}" readonly>
                    <span class="djf__hint"><i class="fa-solid fa-lock"></i> {{ __('radio.password_readonly_note') }}</span>
                @else
                    <div class="djf__inline">
                        <input type="text" class="input" name="password" id="dj-pass" maxlength="20" autocomplete="off"
                               placeholder="{{ __('radio.password_placeholder') }}" value="{{ old('password') }}">
                        <button type="button" class="btn btn--ghost djf__gen">
                            <i class="fa-solid fa-rotate"></i>
                            <span>{{ __('radio.password_generate') }}</span>
                        </button>
                    </div>
                    <span class="djf__error" data-error-pass hidden></span>
                @endif
            </div>

            <label class="djf__check">
                <input type="checkbox" name="restrict" value="1" data-restrict @checked($restrict)>
                <span>
                    <b>{{ __('radio.password_restrict') }}</b>
                    <span class="djf__hint">{!! __('radio.password_restrict_tip') !!}</span>
                </span>
            </label>

            <div class="djf__box" data-restrict-box @if(!$restrict) hidden @endif>
                <p class="djf__warn">
                    <i class="fa-solid fa-circle-exclamation"></i>
                    <span>{{ __('radio.password_restrict_alert') }}</span>
                </p>

                <div class="djf__field">
                    <span class="djf__label">
                        {{ __('radio.form_weekdays_label') }}
                        <button type="button" class="djf__all">{{ __('radio.action_select_all') }}</button>
                    </span>
                    <div class="djf__days">
                        @foreach($weekdays as $key => $label)
                            <label class="djf__day">
                                <input type="checkbox" name="{{ $key }}" value="1" @checked(old($key, $dj->{$key} ?? null))>
                                <span>{{ $label }}</span>
                            </label>
                        @endforeach
                    </div>
                    @if(Session::has('error_days'))
                        <span class="djf__error">{{ Session::get('error_days') }}</span>
                    @endif
                </div>

                <div class="djf__grid">
                    <label class="djf__field">
                        <span class="djf__label">{{ __('radio.password_time_start') }}</span>
                        <input type="time" class="input djf__time" name="time_start"
                               value="{{ old('time_start', $dj ? substr($dj->time_start, 0, 5) : '') }}">
                        @if(Session::has('error_time'))
                            <span class="djf__error">{{ Session::get('error_time') }}</span>
                        @endif
                    </label>

                    <label class="djf__field">
                        <span class="djf__label">{{ __('radio.password_time_end') }}</span>
                        <input type="time" class="input djf__time" name="time_end"
                               value="{{ old('time_end', $dj ? substr($dj->time_end, 0, 5) : '') }}">
                        @if(Session::has('error_time2'))
                            <span class="djf__error">{{ Session::get('error_time2') }}</span>
                        @endif
                    </label>
                </div>
            </div>

            <div class="djf__foot">
                <button type="submit" class="btn btn--primary djf__save">
                    @include('includes/spinner')
                    <span>{{ $submit }}</span>
                </button>
            </div>

        </div>
    </section>
</form>