{{:ModuleInclude('public/header')}}

<style>
.venue-editor {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}
.section-title {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 20px 0;
    padding-left: 10px;
    border-left: 4px solid #1677ff;
}
.seat-preview {
    background: #fdfdfd;
    border: 2px dashed #eee;
    padding: 60px 20px 40px 20px;
    min-height: 200px;
    position: relative;
    overflow: auto;
}
.seat-row {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    white-space: nowrap;
}
.seat-col {
    width: 30px;
    height: 30px;
    margin: 2px;
    border-radius: 4px;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    cursor: pointer;
    transition: transform 0.2s;
}
.seat-col:hover {
    transform: scale(1.2);
    z-index: 10;
}
.seat-empty {
    width: 30px;
    height: 30px;
    margin: 2px;
    background: transparent;
}
</style>

<div class="right-content">
    <div class="content-nav">
        <a href="{{:PluginsAdminUrl('vr_ticket', 'admin', 'SeatTemplateList')}}" class="am-btn am-btn-secondary am-btn-xs">
            <i class="am-icon-angle-left"></i> 返回
        </a>
        <span>{{if !empty($info)}}编辑模板{{else}}添加座位模板{{/if}}</span>
    </div>

    <div class="venue-editor">
        <form class="am-form form-validation" action="{{:PluginsAdminUrl('vr_ticket', 'admin', 'SeatTemplateSave')}}" method="POST" request-type="ajax-url" request-value="{{:PluginsAdminUrl('vr_ticket', 'admin', 'SeatTemplateList')}}">
            {{if !empty($info)}}
            <input type="hidden" name="id" value="{{$info.id}}" />
            {{/if}}

            <div class="am-form-group">
                <label>模板名称 <span class="am-text-danger">*</span></label>
                <input type="text" name="name" value="{{if !empty($info)}}{{$info.name}}{{/if}}" placeholder="请输入模板名称" data-validation-message="模板名称不能为空" required class="am-radius" />
            </div>

            <div class="am-form-group">
                <label>关联分类 <span class="am-text-danger">*</span></label>
                <select name="category_id" data-validation-message="请选择关联分类" required>
                    <option value="">请选择分类</option>
                    {{if !empty($categories)}}
                    {{foreach $categories as $c}}
                    <option value="{{$c.id}}" {{if !empty($info.category_id) && $info.category_id==$c.id}}selected{{/if}}>{{$c.name}}</option>
                    {{/foreach}}
                    {{/if}}
                </select>
            </div>

            <div class="am-form-group">
                <label>状态</label>
                <select name="status">
                    <option value="1" {{if !empty($info) && $info.status==1}}selected{{/if}}>启用</option>
                    <option value="0" {{if !empty($info) && $info.status==0}}selected{{/if}}>禁用</option>
                </select>
            </div>

            <div class="am-form-group">
                <label>座位地图 JSON</label>
                <textarea name="seat_map" rows="8" placeholder='示例: [{"row":"A","seats":[{"char":"1","price":380},{"char":"2","price":380}]}]' class="am-radius">{{if !empty($info)}}{{$info.seat_map}}{{/if}}</textarea>
                <div class="am-alert am-alert-secondary am-margin-top-xs am-text-xs">
                    请填写符合规范的 JSON 格式座位数据。编辑模式下此字段将更新。
                </div>
            </div>

            <div class="am-form-group am-margin-top-lg">
                <button type="submit" class="am-btn am-btn-primary am-btn-block am-radius" data-am-loading="{spinner: 'circle-o-notch', loadingText: '保存中...'}">
                    {{if !empty($info)}}保存修改{{else}}添加模板{{/if}}
                </button>
            </div>
        </form>
    </div>
</div>

{{:ModuleInclude('public/footer')}}