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

<style>
    .page-title {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        padding: 24px 0 16px 0;
        border-bottom: 2px solid #e8e8e8;
        margin-bottom: 20px;
    }
</style>

<div class="right-content">
    <div class="page-title">
        <i class="am-icon-cog am-margin-right-sm"></i>插件设置
    </div>

    <div class="content-body">
        <form class="am-form form-validation" action="{{:PluginsAdminUrl('vr_ticket', 'admin', 'setupsave')}}" method="POST" request-type="ajax-url" request-value="{{:PluginsAdminUrl('vr_ticket', 'admin', 'setup')}}">
            <div class="am-panel am-panel-default">
                <div class="am-panel-hd">基础配置</div>
                <div class="am-panel-bd">
                    <div class="am-form-group">
                        <label>高德地图 Web端 API Key</label>
                        <input type="text" name="amap_api_key" value="{{if !empty($data['amap_api_key'])}}{{$data.amap_api_key}}{{/if}}" placeholder="请输入高德地图 API Key (Web端 JS API)" class="am-radius" />
                        <div class="am-alert am-alert-secondary am-margin-top-xs am-text-xs">获取地址：<a href="https://lbs.amap.com/" target="_blank">高德开放平台</a>，用于场馆位置拾取和地图展示。</div>
                    </div>
                </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: '保存中...'}">保存配置</button>
            </div>
        </form>
    </div>
</div>

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