@extends('admin.layout', [
    'title' => 'Tstore Admin · 站点设置',
    'pageTitle' => '站点设置',
    'pageSubtitle' => '配置前台站点名称、标语，以及首页主要展示文案。',
    'pageBadge' => 'Settings',
])

@section('content')
<div class="grid">
    <section class="panel soft">
        <div class="section-title">
            <div>
                <h2>站点基础信息</h2>
                <p>这些字段会影响前台标题、品牌名称和首页头部展示。</p>
            </div>
        </div>

        <form method="post" action="{{ route('webadmin.settings.update') }}" class="grid">
            @csrf
            @method('PUT')

            <div class="form-grid">
                <div class="field">
                    <label>站点名称</label>
                    <input class="input" name="site_name" value="{{ old('site_name', $settings['site_name']) }}" required>
                </div>
                <div class="field">
                    <label>站点标语</label>
                    <input class="input" name="site_tagline" value="{{ old('site_tagline', $settings['site_tagline']) }}" required>
                </div>
                <div class="field">
                    <label>首页标题副标题</label>
                    <input class="input" name="home_title_suffix" value="{{ old('home_title_suffix', $settings['home_title_suffix']) }}" required>
                </div>
                <div class="field">
                    <label>首页眉标</label>
                    <input class="input" name="home_eyebrow" value="{{ old('home_eyebrow', $settings['home_eyebrow']) }}" required>
                </div>
            </div>

            <div class="field" style="max-width:420px">
                <label>首页侧栏眉标</label>
                <input class="input" name="home_aside_kicker" value="{{ old('home_aside_kicker', $settings['home_aside_kicker']) }}" required>
            </div>

            <div class="field">
                <label>首页主标题</label>
                <input class="input" name="home_headline" value="{{ old('home_headline', $settings['home_headline']) }}" required>
            </div>

            <div class="field">
                <label>首页主说明</label>
                <textarea name="home_lede" required>{{ old('home_lede', $settings['home_lede']) }}</textarea>
            </div>

            <div class="field">
                <label>首页侧栏标题</label>
                <input class="input" name="home_aside_title" value="{{ old('home_aside_title', $settings['home_aside_title']) }}" required>
            </div>

            <div class="split">
                <section class="panel soft">
                    <div class="section-title">
                        <div>
                            <h2>首页说明卡片</h2>
                            <p>右侧三块说明文字都可以在这里调整。</p>
                        </div>
                    </div>

                    <div class="grid">
                        <div class="field">
                            <label>卡片一标题</label>
                            <input class="input" name="home_feature_one_title" value="{{ old('home_feature_one_title', $settings['home_feature_one_title']) }}" required>
                        </div>
                        <div class="field">
                            <label>卡片一说明</label>
                            <textarea name="home_feature_one_body" required>{{ old('home_feature_one_body', $settings['home_feature_one_body']) }}</textarea>
                        </div>
                        <div class="field">
                            <label>卡片二标题</label>
                            <input class="input" name="home_feature_two_title" value="{{ old('home_feature_two_title', $settings['home_feature_two_title']) }}" required>
                        </div>
                        <div class="field">
                            <label>卡片二说明</label>
                            <textarea name="home_feature_two_body" required>{{ old('home_feature_two_body', $settings['home_feature_two_body']) }}</textarea>
                        </div>
                        <div class="field">
                            <label>卡片三标题</label>
                            <input class="input" name="home_feature_three_title" value="{{ old('home_feature_three_title', $settings['home_feature_three_title']) }}" required>
                        </div>
                        <div class="field">
                            <label>卡片三说明</label>
                            <textarea name="home_feature_three_body" required>{{ old('home_feature_three_body', $settings['home_feature_three_body']) }}</textarea>
                        </div>
                    </div>
                </section>

                <section class="panel soft">
                    <div class="section-title">
                        <div>
                            <h2>列表区域标题</h2>
                            <p>首页的推荐插件和推荐主题标题、说明都能单独设置。</p>
                        </div>
                    </div>

                    <div class="grid">
                        <div class="field">
                            <label>插件区标题</label>
                            <input class="input" name="home_plugins_title" value="{{ old('home_plugins_title', $settings['home_plugins_title']) }}" required>
                        </div>
                        <div class="field">
                            <label>插件区说明</label>
                            <textarea name="home_plugins_subtitle" required>{{ old('home_plugins_subtitle', $settings['home_plugins_subtitle']) }}</textarea>
                        </div>
                        <div class="field">
                            <label>主题区标题</label>
                            <input class="input" name="home_themes_title" value="{{ old('home_themes_title', $settings['home_themes_title']) }}" required>
                        </div>
                        <div class="field">
                            <label>主题区说明</label>
                            <textarea name="home_themes_subtitle" required>{{ old('home_themes_subtitle', $settings['home_themes_subtitle']) }}</textarea>
                        </div>
                    </div>
                </section>
            </div>

            <div class="form-actions">
                <button class="btn" type="submit">保存站点设置</button>
            </div>
        </form>
    </section>
</div>
@endsection