@extends('layouts.dashboard')

@section('content')
@php
/**
 * Vendor → Menu → Structure.
 *
 * How the menu is DIVIDED and WHEN parts of it are offered. Both were on the dish list, in a
 * col-4/col-8 row that locked a 26-row section list and a 3-row schedule table to the same
 * 1,590px height and pushed the dishes two screens down the page. They are one job, they are
 * touched about once a month, and they both want a full-width table — so they live here.
 *
 * @var array  $categories     sections (id, name, sort_order, schedule_id, station_id)
 * @var array  $catCounts      dishes per section id
 * @var array  $schedules      day-part windows
 * @var array  $scheduleCounts dishes attached per schedule id
 * @var array  $stations       kitchen stations (id, name, sort_order, is_active)
 * @var array  $stationCounts  dishes reaching each station once inheritance is resolved
 * @var int    $unassignedDishes dishes reaching no station at all
 * @var string $menuName       what this restaurant calls its menu
 * @var int    $dishCount      total dishes, for the tab badge
 * @var int    $draftCount     imports awaiting review, for the tab badge
 * @var bool   $canImport      whether either import route is configured
 */
use App\Services\MenuSchedule;

$categories     = $categories ?? [];
$allCategories  = $allCategories ?? $categories;
$pager          = $pager ?? [];
$catCounts      = $catCounts ?? [];
$schedules      = $schedules ?? [];
$scheduleCounts = $scheduleCounts ?? [];
$stations       = $stations ?? [];
$stationCounts  = $stationCounts ?? [];
$unassignedDishes = (int) ($unassignedDishes ?? 0);
$menuName       = (string) ($menuName ?? '');
$dishCount      = (int) ($dishCount ?? 0);
$draftCount     = (int) ($draftCount ?? 0);
$canImport      = !empty($canImport);
// Schedule id -> name, so a section can show which window it is attached to by name.
$schedName = [];
foreach ($schedules as $s) { $schedName[(int) $s['id']] = (string) $s['name']; }
// Station id -> name, for the same reason on the station column.
$statName = [];
foreach ($stations as $s) { $statName[(int) $s['id']] = (string) $s['name']; }
@endphp

@php /* Vertical tabs, the same .qm-settings grid the settings pages use: a 232px sticky nav
   beside its panel. Serving times were below twenty-seven sections and effectively unfindable;
   now they are one click, and neither table pushes the other down. */
@endphp
<div class="qm-settings">
    <nav class="qm-settings-nav" aria-label="{{ t_raw('vendor.menu.sections_nav_aria') }}">
        <button type="button" class="is-active" data-panel="sections"><i class="fas fa-folder-open" aria-hidden="true"></i>{{ t_raw('vendor.menu.tab_structure') }}</button>
        <button type="button" data-panel="times"><i class="fas fa-clock" aria-hidden="true"></i>{{ t_raw('vendor.menu.schedules_title') }}</button>
        <button type="button" data-panel="stations"><i class="fas fa-fire" aria-hidden="true"></i>{{ t_raw('vendor.menu.stations_title') }}</button>
    </nav>
    <section class="qm-settings-panel is-active" id="sections">
@php /* Menu name has moved to Vendor Settings, beside the restaurant name and tagline it
   sits next to on the storefront. It is identity, not an action taken while managing a menu. */
@endphp
@php /* ---- Sections ------------------------------------------------------------------
   A dish count per section, because a section nobody filled shows nothing on the storefront
   and is impossible to spot in a flat list of twenty-six names. */
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.menu.categories_title') }}</h2>
            <p class="qm-ops-sub">{{ t_raw('vendor.menu.sections_sub') }}</p>
        </div>
        <div class="d-flex align-items-center flex-wrap gap-2">
            @php /* The arrangement, posted as one ordered list — the whole set, not the page on
                     screen, so arranging page two cannot disturb page one. Its own form, because a
                     row already carries a delete form and a form inside a form is dropped by the
                     browser. Off until something moves. */
@endphp
            @if (count($allCategories) > 1)
            <form method="post" action="{{ route('vendor.menu.structure.order') }}" class="d-inline">
                @csrf
                <input type="hidden" name="qs" value="{{ (string) request()->getQueryString() }}">
                <input type="hidden" name="order" value="{{ implode(',', array_column($allCategories, 'id')) }}" data-order-input>
                <button type="submit" class="qm-btn qm-btn-outline qm-btn-sm" data-order-save disabled><i class="fas fa-save me-1" aria-hidden="true"></i> {{ t_raw('vendor.menu.save_order_btn') }}</button>
            </form>
            @endif
            <button class="qm-btn qm-btn-sm" data-bs-toggle="modal" data-bs-target="#catModal" data-cat-add>{{ t_raw('vendor.menu.add_category_btn') }}</button>
        </div>
    </div>
    <div class="table-responsive">
        <table class="qm-table" data-sortable>
            <thead>
                <tr>
                    <th class="qm-drag-col"><span class="qm-h1-sr">{{ t_raw('vendor.menu.reorder_label') }}</span></th>
                    <th data-sort="text">{{ t_raw('common.name') }}</th>
                    <th data-sort="number">{{ t_raw('vendor.menu.col_dishes') }}</th>
                    <th data-sort="text">{{ t_raw('vendor.menu.availability_label') }}</th>
                    @if ($stations)<th data-sort="text">{{ t_raw('vendor.menu.station_label') }}</th>@endif
                    <th class="text-end">{{ t_raw('common.actions') }}</th>
                </tr>
            </thead>
            <tbody data-order-list>
                @if ($categories)
                @foreach ($categories as $c)
@php $n = (int) ($catCounts[(int) $c['id']] ?? 0);
                    $sid = (int) ($c['schedule_id'] ?? 0);
                    $stid = (int) ($c['station_id'] ?? 0); @endphp
                <tr data-order-row data-order-id="{{ (int) $c['id'] }}">
                    @php /* The same grip the two admin arrangers use, at the row's own control
                             height — .qm-icon-btn, which is what the actions in this row are. */
@endphp
                    <td class="qm-drag-cell"><button type="button" class="qm-icon-btn qm-drag-grip" data-order-handle aria-label="{{ t_raw('vendor.menu.reorder_label') }}" title="{{ t_raw('vendor.menu.reorder_label') }}"><i class="fas fa-grip-vertical" aria-hidden="true"></i></button></td>
                    <td><strong>{{ $c['name'] }}</strong></td>
                    @php /* Amber at zero: an empty section is not an error, but it is the thing
                             on this page most worth noticing. */
@endphp
                    <td><span class="qm-pill {{ $n > 0 ? 'qm-pill-grey' : 'qm-pill-amber' }}">{{ number_format($n) }}</span></td>
                    @php /* No .qm-cell-body here: that utility is white-space:pre-line, for genuinely
                             multi-line content, and the newlines in this block would render as a real
                             line break that drops the text below its row. */
@endphp
                    <td>@if ($sid > 0 && isset($schedName[$sid]))<span class="qm-pill qm-pill-blue"><i class="fas fa-clock" aria-hidden="true"></i> {{ $schedName[$sid] }}</span>@else<span class="qm-cell-sub">{{ t_raw('vendor.menu.always_available_option') }}</span>@endif</td>
                    @php /* Amber when nothing cooks it: an unmapped section still reaches the
                             board, but it reaches the UNASSIGNED screen rather than a cook's own. */
@endphp
                    @if ($stations)
                    <td>@if ($stid > 0 && isset($statName[$stid]))<span class="qm-pill qm-pill-violet"><i class="fas fa-fire" aria-hidden="true"></i> {{ $statName[$stid] }}</span>@else<span class="qm-pill qm-pill-amber">{{ t_raw('vendor.menu.station_unassigned_option') }}</span>@endif</td>
                    @endif
                    <td class="qm-actions-cell">
                        @php /* The shared component, as the saved-menus table uses. This cell was
                                 hand-rolled — the fourth different action treatment in one feature,
                                 which is exactly what the partial exists to prevent. */
@endphp
                        @partial('row-actions', ['actions' => [
                            ['label' => t_raw('common.edit'), 'icon' => 'fa-pen', 'primary' => true,
                             'attrs' => ['data-cat-edit' => '1', 'data-id' => (string) (int) $c['id'],
                                         'data-name' => (string) $c['name'], 'data-sort' => (string) (int) $c['sort_order'],
                                         'data-sched' => $sid > 0 ? (string) $sid : '',
                                         'data-station' => $stid > 0 ? (string) $stid : '',
                                         'data-bs-toggle' => 'modal', 'data-bs-target' => '#catModal']],
                            ['label' => t_raw('common.delete'), 'icon' => 'fa-trash-alt', 'danger' => true,
                             'form' => ['action' => '/vendor/menu/category/delete', 'fields' => ['id' => (int) $c['id']],
                                        'confirm' => t_raw('vendor.menu.confirm_delete_category')]],
                        ]])
                    </td>
                </tr>
                @endforeach
                @else
                @partial('table-empty', ['colspan' => $stations ? 6 : 5, 'icon' => 'fa-folder-open', 'msg' => t('vendor.menu.empty_categories_body')])
                @endif
            </tbody>
        </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/vendor/menu/structure'])
</div>
    </section>

    <section class="qm-settings-panel" id="times">
@php /* ---- Serving times --------------------------------------------------------- */
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.menu.schedules_title') }}</h2>
            <p class="qm-ops-sub">{{ t_raw('vendor.menu.schedules_sub') }}</p>
        </div>
        <button type="button" class="qm-btn qm-btn-sm" data-bs-toggle="modal" data-bs-target="#schedModal" data-sched-add>{{ t_raw('vendor.menu.add_schedule_btn') }}</button>
    </div>
    <div class="table-responsive">
        <table class="qm-table" data-sortable>
            <thead><tr><th data-sort="text">{{ t_raw('common.name') }}</th><th data-sort="text">{{ t_raw('common.when') }}</th><th data-sort="number">{{ t_raw('vendor.menu.col_products') }}</th><th data-sort="text">{{ t_raw('common.status') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
            <tbody>
                @if ($schedules)
                @foreach ($schedules as $s)
                <tr>
                    <td><strong>{{ $s['name'] }}</strong></td>
                    <td class="qm-cell-body">{{ MenuSchedule::describe($s) }}</td>
                    @php /* The COUNT pill stays neutral. It was bound to is_active, so a schedule
                             with nothing attached rendered "0" in green — success colouring on the
                             one number that means the schedule is doing nothing. */
@endphp
                    <td><span class="qm-pill qm-pill-grey">{{ (int) ($scheduleCounts[(int) $s['id']] ?? 0) }}</span></td>
                    <td><span class="qm-pill {{ (int) $s['is_active'] === 1 ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! (int) $s['is_active'] === 1 ? t('vendor.menu.schedule_status_active') : t('vendor.menu.schedule_status_off') !!}</span></td>
                    <td class="qm-actions-cell">
                        @partial('row-actions', ['actions' => [
                            ['label' => t_raw('common.edit'), 'icon' => 'fa-pen', 'primary' => true,
                             'attrs' => ['data-sched-edit' => '1', 'data-id' => (string) (int) $s['id'],
                                         'data-name' => (string) $s['name'], 'data-mask' => (string) (int) $s['days_mask'],
                                         'data-start' => substr((string) $s['start_time'], 0, 5),
                                         'data-end' => substr((string) $s['end_time'], 0, 5),
                                         'data-active' => (string) (int) $s['is_active'],
                                         'data-bs-toggle' => 'modal', 'data-bs-target' => '#schedModal']],
                            ['label' => t_raw('common.delete'), 'icon' => 'fa-trash-alt', 'danger' => true,
                             'form' => ['action' => '/vendor/menu/schedules/delete', 'fields' => ['id' => (int) $s['id']],
                                        'confirm' => t_raw('vendor.menu.confirm_delete_schedule')]],
                        ]])
                    </td>
                </tr>
                @endforeach
                @else
                @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-clock', 'msg' => t('vendor.menu.empty_schedules')])
                @endif
            </tbody>
        </table>
    </div>
</div>

    </section>

    <section class="qm-settings-panel" id="stations">
@php /* ---- Kitchen stations -------------------------------------------------------
   Where each part of the menu is cooked. A section carries the mapping so a whole
   category reaches one screen at once; a dish that is made somewhere else overrides it
   on its own form. Nothing here is required — with no stations the kitchen board is
   one undivided screen, exactly as it was. */
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.menu.stations_title') }}</h2>
            <p class="qm-ops-sub">{{ t_raw('vendor.menu.stations_sub') }}</p>
        </div>
        <button type="button" class="qm-btn qm-btn-sm" data-bs-toggle="modal" data-bs-target="#stationModal" data-station-add>{{ t_raw('vendor.menu.add_station_btn') }}</button>
    </div>
    @php /* The one figure that decides whether routing is safe to switch on: dishes
             reaching no station at all. They are not lost — they land on the Unassigned
             screen — but a kitchen running station screens wants this at zero. */
@endphp
    @if ($stations)
    <p class="mb-3">
        @if ($unassignedDishes > 0)
        <span class="qm-pill qm-pill-amber"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i> {{ t_raw('vendor.menu.stations_unassigned_count', [':n' => number_format($unassignedDishes)]) }}</span>
        @else
        <span class="qm-pill qm-pill-green"><i class="fas fa-check-circle" aria-hidden="true"></i> {{ t_raw('vendor.menu.stations_all_mapped') }}</span>
        @endif
    </p>
    @endif
    <div class="table-responsive">
        <table class="qm-table" data-sortable>
            <thead><tr><th data-sort="text">{{ t_raw('common.name') }}</th><th data-sort="number">{{ t_raw('vendor.menu.col_dishes') }}</th><th data-sort="number">{{ t_raw('common.sort_order') }}</th><th data-sort="text">{{ t_raw('common.status') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
            <tbody>
                @if ($stations)
                @foreach ($stations as $st)
@php $sn = (int) ($stationCounts[(int) $st['id']] ?? 0); @endphp
                <tr>
                    <td><strong>{{ $st['name'] }}</strong></td>
                    <td><span class="qm-pill {{ $sn > 0 ? 'qm-pill-grey' : 'qm-pill-amber' }}">{{ number_format($sn) }}</span></td>
                    <td class="qm-cell-body">{{ (int) $st['sort_order'] }}</td>
                    <td><span class="qm-pill {{ (int) $st['is_active'] === 1 ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! (int) $st['is_active'] === 1 ? t('vendor.menu.schedule_status_active') : t('vendor.menu.schedule_status_off') !!}</span></td>
                    <td class="qm-actions-cell">
                        @partial('row-actions', ['actions' => [
                            ['label' => t_raw('common.edit'), 'icon' => 'fa-pen', 'primary' => true,
                             'attrs' => ['data-station-edit' => '1', 'data-id' => (string) (int) $st['id'],
                                         'data-name' => (string) $st['name'], 'data-sort' => (string) (int) $st['sort_order'],
                                         'data-active' => (string) (int) $st['is_active'],
                                         'data-bs-toggle' => 'modal', 'data-bs-target' => '#stationModal']],
                            ['label' => t_raw('common.delete'), 'icon' => 'fa-trash-alt', 'danger' => true,
                             'form' => ['action' => '/vendor/menu/stations/delete', 'fields' => ['id' => (int) $st['id']],
                                        'confirm' => t_raw('vendor.menu.confirm_delete_station')]],
                        ]])
                    </td>
                </tr>
                @endforeach
                @else
                @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-fire', 'msg' => t('vendor.menu.empty_stations')])
                @endif
            </tbody>
        </table>
    </div>
</div>

    </section>
</div>

<!-- Station modal -->
<div class="modal fade" id="stationModal" tabindex="-1" aria-labelledby="station-modal-title" aria-hidden="true" data-add-title="{{ t_raw('vendor.menu.station_modal_add_title') }}" data-edit-title="{{ t_raw('vendor.menu.station_modal_edit_title') }}">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.menu.stations.save') }}">
            @csrf
            <input type="hidden" name="id" id="station-id" value="">
            <div class="modal-header"><h2 class="modal-title h5" id="station-modal-title">{{ t_raw('vendor.menu.station_modal_add_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="mb-3"><label class="form-label" for="station-name">{{ t_raw('common.name') }}</label><input type="text" class="form-control" id="station-name" name="name" maxlength="120" required placeholder="{{ t_raw('vendor.menu.station_name_placeholder') }}"></div>
                <div class="mb-3"><label class="form-label" for="station-sort">{{ t_raw('common.sort_order') }}</label><input type="number" class="form-control" id="station-sort" name="sort_order" value="0" placeholder="{{ t_raw('common.placeholder_order') }}"></div>
                <div class="form-check form-switch mb-0">
                    <input class="form-check-input" type="checkbox" role="switch" id="station-active" name="is_active" value="1" checked>
                    <label class="form-check-label" for="station-active">{{ t_raw('vendor.menu.station_active_switch_label') }}</label>
                </div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button></div>
        </form>
    </div>
</div>

<!-- Schedule modal -->
<div class="modal fade" id="schedModal" tabindex="-1" aria-labelledby="sched-modal-title" aria-hidden="true" data-add-title="{{ t_raw('vendor.menu.schedule_modal_add_title') }}" data-edit-title="{{ t_raw('vendor.menu.schedule_modal_edit_title') }}">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.menu.schedules.save') }}">
            @csrf
            <input type="hidden" name="id" id="sched-id" value="">
            <div class="modal-header"><h2 class="modal-title h5" id="sched-modal-title">{{ t_raw('vendor.menu.schedule_modal_add_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="mb-3"><label class="form-label" for="sched-name">{{ t_raw('common.name') }}</label><input type="text" class="form-control" id="sched-name" name="name" maxlength="80" required placeholder="{{ t_raw('vendor.menu.schedule_name_placeholder') }}"></div>
                <div class="mb-3">
                    <span class="form-label d-block">{{ t_raw('vendor.menu.schedule_days_label') }}</span>
                    <div class="d-flex gap-2 flex-wrap" id="sched-days">
                        @php $dayKeys = ['common.day_short_sun', 'common.day_short_mon', 'common.day_short_tue', 'common.day_short_wed', 'common.day_short_thu', 'common.day_short_fri', 'common.day_short_sat'];
@endphp
                        @foreach ($dayKeys as $d => $key)
                        <label class="qm-check"><input type="checkbox" name="days[]" value="{{ $d }}" checked> {{ t_raw($key) }}</label>
                        @endforeach
                    </div>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3"><label class="form-label" for="sched-start">{{ t_raw('vendor.menu.schedule_from_label') }}</label><input type="time" class="form-control" id="sched-start" name="start_time" value="06:00" data-flatpickr data-fp-mode="time" required></div>
                    <div class="mb-3"><label class="form-label" for="sched-end">{{ t_raw('vendor.menu.schedule_until_label') }} <span class="qm-hint">{{ t_raw('vendor.menu.schedule_overnight_hint') }}</span></label><input type="time" class="form-control" id="sched-end" name="end_time" value="11:00" data-flatpickr data-fp-mode="time" required></div>
                </div>
                <div class="form-check form-switch mb-0">
                    <input class="form-check-input" type="checkbox" role="switch" id="sched-active" name="is_active" value="1" checked>
                    <label class="form-check-label" for="sched-active">{{ t_raw('vendor.menu.schedule_active_switch_label') }}</label>
                </div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('vendor.menu.save_schedule_btn') }}</button></div>
        </form>
    </div>
</div>

<!-- Category modal -->
<div class="modal fade" id="catModal" tabindex="-1" aria-labelledby="cat-modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.menu.category') }}">
            @csrf
            <input type="hidden" name="id" id="cat-id" value="">
            <div class="modal-header"><h2 class="modal-title h5" id="cat-modal-title">{{ t_raw('vendor.menu.category_modal_add_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="mb-3"><label class="form-label" for="cat-name">{{ t_raw('common.name') }}</label><input type="text" class="form-control" id="cat-name" name="name" placeholder="{{ t_raw('vendor.menu.category_name_placeholder') }}" required></div>
                <div class="mb-3">
                    <label class="form-label" for="cat-sched">{{ t_raw('vendor.menu.availability_label') }} <span class="qm-hint">{{ t_raw('vendor.menu.daypart_hint') }}</span></label>
                    <select class="form-select" id="cat-sched" name="schedule_id">
                        <option value="">{{ t_raw('vendor.menu.always_available_option') }}</option>
                        @foreach ($schedules as $s)<option value="{{ (int) $s['id'] }}">{{ $s['name'] }} &mdash; {{ MenuSchedule::describe($s) }}</option>@endforeach
                    </select>
                </div>
                @php /* Only offered once a kitchen has stations — an install that never divides
                         its kitchen never meets the concept. */
@endphp
                <div class="mb-0"{{ $stations ? '' : ' hidden' }}>
                    <label class="form-label" for="cat-station">{{ t_raw('vendor.menu.station_label') }}</label>
                    <select class="form-select" id="cat-station" name="station_id">
                        <option value="">{{ t_raw('vendor.menu.station_unassigned_option') }}</option>
                        @foreach ($stations as $st)<option value="{{ (int) $st['id'] }}">{{ $st['name'] }}</option>@endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button></div>
        </form>
    </div>
</div>

<script>
(function () {
    /* Moved here with the modal it drives. The schedule dialog OPENS declaratively
       (data-bs-toggle on the buttons); this only pre-fills the fields for the clicked row —
       name, day bitmask back into checkboxes, window times, active switch. The category
       dialog's own pre-fill is wired globally in app.js. */
    var schedModalEl = document.getElementById('schedModal');
    if (!schedModalEl) { return; }
    var schedAddTitle = schedModalEl.getAttribute('data-add-title') || 'Add schedule';
    var schedEditTitle = schedModalEl.getAttribute('data-edit-title') || 'Edit schedule';
    document.querySelectorAll('[data-sched-add], [data-sched-edit]').forEach(function (btn) {
        btn.addEventListener('click', function () {
            var add = btn.hasAttribute('data-sched-add');
            document.getElementById('sched-modal-title').textContent = add ? schedAddTitle : schedEditTitle;
            document.getElementById('sched-id').value = add ? '' : (btn.getAttribute('data-id') || '');
            document.getElementById('sched-name').value = add ? '' : (btn.getAttribute('data-name') || '');
            document.getElementById('sched-start').value = add ? '06:00' : (btn.getAttribute('data-start') || '06:00');
            document.getElementById('sched-end').value = add ? '11:00' : (btn.getAttribute('data-end') || '11:00');
            document.getElementById('sched-active').checked = add ? true : btn.getAttribute('data-active') === '1';
            var mask = add ? 127 : (parseInt(btn.getAttribute('data-mask'), 10) || 127);
            document.querySelectorAll('#sched-days input[type="checkbox"]').forEach(function (cb) {
                cb.checked = ((mask >> parseInt(cb.value, 10)) & 1) === 1;
            });
        });
    });

    /* The station dialog, pre-filled the same way. */
    var stationModalEl = document.getElementById('stationModal');
    if (!stationModalEl) { return; }
    var stAddTitle = stationModalEl.getAttribute('data-add-title') || '';
    var stEditTitle = stationModalEl.getAttribute('data-edit-title') || '';
    document.querySelectorAll('[data-station-add], [data-station-edit]').forEach(function (btn) {
        btn.addEventListener('click', function () {
            var add = btn.hasAttribute('data-station-add');
            document.getElementById('station-modal-title').textContent = add ? stAddTitle : stEditTitle;
            document.getElementById('station-id').value = add ? '' : (btn.getAttribute('data-id') || '');
            document.getElementById('station-name').value = add ? '' : (btn.getAttribute('data-name') || '');
            document.getElementById('station-sort').value = add ? '0' : (btn.getAttribute('data-sort') || '0');
            document.getElementById('station-active').checked = add ? true : btn.getAttribute('data-active') === '1';
        });
    });
})();
</script>
@endsection