@extends('admin.layout')

@php
    $isEdit = isset($slide) && $slide;
@endphp

@section('title', $isEdit ? '编辑轮播项' : '新建轮播项')
@section('page-title', $isEdit ? '编辑轮播项' : '新建轮播项')
@section('actions')
    <a href="{{ route('admin.hero-slides.index') }}" class="btn btn-sm">返回列表</a>
@endsection

@section('content')
<form method="POST" action="{{ $isEdit ? route('admin.hero-slides.update', $slide) : route('admin.hero-slides.store') }}">
    @csrf
    @if ($isEdit) @method('PUT') @endif

    <div class="field">
        <label>标题（后台标识 / 无障碍标题）*</label>
        <input name="title" class="input" value="{{ old('title', $slide->title ?? '') }}" maxlength="120" required>
        <p class="form-hint">仅用于后台识别与该区块的无障碍标题，不会作为大字标题显示（大字标题请在下方正文内排版）。</p>
    </div>

    <div class="field">
        <label>Hero 正文（富文本）</label>
        <x-rich-editor name="content" :value="old('content', $slide->content ?? '')" />
        <p class="form-hint">使用富文本编辑主标题、副标题与说明文字；支持加粗、列表、引用、插入图片等。</p>
    </div>

    <div class="field">
        <label>主按钮文字</label>
        <input name="cta_text" class="input" value="{{ old('cta_text', $slide->cta_text ?? '') }}" maxlength="80" placeholder="例如：获取选型支持">
    </div>
    <div class="field">
        <label>主按钮链接</label>
        <input name="cta_url" class="input" value="{{ old('cta_url', $slide->cta_url ?? '') }}" maxlength="255" placeholder="/contact">
    </div>

    <div class="field">
        <label>次按钮文字</label>
        <input name="cta2_text" class="input" value="{{ old('cta2_text', $slide->cta2_text ?? '') }}" maxlength="80" placeholder="例如：浏览全部产品">
    </div>
    <div class="field">
        <label>次按钮链接</label>
        <input name="cta2_url" class="input" value="{{ old('cta2_url', $slide->cta2_url ?? '') }}" maxlength="255" placeholder="/products">
    </div>

    <div class="field">
        <label>排序</label>
        <input name="sort_order" type="number" class="input" value="{{ old('sort_order', $slide->sort_order ?? 0) }}" style="max-width:160px">
    </div>

    <div class="field">
        <label class="inline-flex items-center gap-2">
            <input type="checkbox" name="is_active" value="1" {{ old('is_active', $slide->is_active ?? true) ? 'checked' : '' }}>
            启用该项
        </label>
    </div>

    <div class="form-actions">
        <button class="btn btn-primary">保存</button>
        <a href="{{ route('admin.hero-slides.index') }}" class="btn">取消</a>
    </div>
</form>
@endsection