@extends('layouts.dashboard')

@section('content')
@php
/**
 * Header appearance — one on/off row per storefront-header element.
 * Built from the shared card (head / body / foot) + the .qm-switch-row toggle used
 * elsewhere in the admin, so it matches the rest of the panel with no new styles.
 */
// [ setting, icon, accent chip, label key, one-line description key ]. Ordered the way
// the elements sit across the header, left to right. Every element defaults ON.
$rows = [
    ['header_service_mode',  'fa-truck',          'blue',  'admin.header.sw_service_mode',  'admin.header.desc_service_mode'],
    ['header_location',      'fa-map-marker-alt', 'teal',  'admin.header.sw_location',      'admin.header.desc_location'],
    ['header_search',        'fa-search',         'blue',  'admin.header.sw_search',        'admin.header.desc_search'],
    ['header_cuisines',      'fa-utensils',       'amber', 'admin.header.sw_cuisines',      'admin.header.desc_cuisines'],
    ['header_order_now',     'fa-concierge-bell', 'rose',  'admin.header.sw_order_now',     'admin.header.desc_order_now'],
    ['header_cart',          'fa-shopping-bag',   'pink',  'admin.header.sw_cart',          'admin.header.desc_cart'],
    ['header_account',       'fa-user-circle',    'teal',  'admin.header.sw_account',       'admin.header.desc_account'],
    ['header_notifications', 'fa-bell',           'amber', 'admin.header.sw_notifications', 'admin.header.desc_notifications'],
    ['header_language',      'fa-globe',          'blue',  'admin.header.sw_language',      'admin.header.desc_language'],
];
@endphp
<form method="post" action="{{ route('admin.header') }}">
    @csrf

    <div class="qm-card">
        <div class="qm-card-head">
            <div>
                <h2 class="mb-0">{{ t_raw('admin.header.visibility_heading') }}</h2>
                <p class="qm-hint mb-0">{{ t_raw('admin.header.intro') }}</p>
            </div>
        </div>

        <div class="qm-card-body">
            @foreach ($rows as [$name, $icon, $accent, $labelKey, $descKey])
            <label class="qm-switch-row">
                <i class="fas {{ $icon }} qm-head-chip qm-head-chip--{{ $accent }}" aria-hidden="true"></i>
                <span class="flex-grow-1"><strong>{{ t_raw($labelKey) }}</strong><small>{{ t_raw($descKey) }}</small></span>
                <input class="align-self-center" type="checkbox" name="{{ $name }}" value="1"{{ setting($name, '1') === '1' ? ' checked' : '' }}>
            </label>
            @endforeach
        </div>

    </div>

    @php /* The announcement band above the header. Its switch and its words are one card,
             because they are one decision: turning it on with nothing written renders nothing,
             and the operator would otherwise go looking for the message on another screen.
             The words are page content, so they are stored per language and this card edits the
             language the panel is being read in — the same rule the footer's trust strip follows. */
@endphp
    <div class="qm-card">
        <div class="qm-card-head">
            <div>
                <h2 class="mb-0">{{ t_raw('admin.header.ticker_heading') }}</h2>
            </div>
        </div>

        <div class="qm-card-body">
            <label class="qm-switch-row">
                <i class="fas fa-bullhorn qm-head-chip qm-head-chip--rose" aria-hidden="true"></i>
                <span class="flex-grow-1"><strong>{{ t_raw('admin.header.sw_ticker') }}</strong><small>{{ t_raw('admin.header.desc_ticker') }}</small></span>
                <input class="align-self-center" type="checkbox" name="section_header_ticker_enabled" value="1"{{ setting('section_header_ticker_enabled', '0') === '1' ? ' checked' : '' }}>
            </label>

            @foreach ($ticker as $tf)
@php $tid = 'ht-' . md5($tf['key']); @endphp
            <div class="mb-3">
                <label class="form-label" for="{{ $tid }}">{{ $tf['label'] }}</label>
                @if ($tf['kind'] === \App\Services\PageContent::LINK)
                @partial('pc-link-field', ['name' => 'ticker[' . $tf['key'] . ']', 'value' => $tf['value'], 'id' => $tid, 'label' => $tf['label']])
                @else
                <input type="text" class="form-control" id="{{ $tid }}" name="ticker[{{ $tf['key'] }}]" value="{{ $tf['value'] }}" maxlength="160" placeholder="{{ $tf['placeholder'] }}">
                @endif
            </div>
            @endforeach
        </div>

        <div class="qm-card-foot">
            <button type="submit" class="qm-btn">{{ t_raw('admin.header.submit_save') }}</button>
        </div>
    </div>
</form>
@endsection