{$layout}
{$template "menu"}

<div class="ui message small warning">
    <p>{{t("settings_database_update@这里只能修改配置模板文件里的配置信息，并不能直接修改数据库自身的用户名、密码等信息。")}}</p>
</div>

<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
	<div class="config-section">
	    <div class="section-title">{{t("settings_database_update@数据库连接设置")}}</div>
	    
	    <div class="config-item">
	        <div class="item-label">{{t("settings_database_update@主机地址")}} *</div>
	        <div class="item-content">
				<input type="text" name="host" v-model="dbConfig.host" maxlength="100" placeholder="例如：127.0.0.1"/>
	        </div>
	    </div>
	    
	    <div class="config-item">
	        <div class="item-label">{{t("settings_database_update@数据库端口")}} *</div>
	        <div class="item-content">
				<input type="text" name="port" style="width:6em" v-model="dbConfig.port" maxlength="5" placeholder="例如：3306"/>
	        </div>
	    </div>
	    
	    <div class="config-item">
	        <div class="item-label">{{t("settings_database_update@数据库名称")}} *</div>
	        <div class="item-content">
				<input type="text" name="database" maxlength="100" v-model="dbConfig.database" placeholder="例如：cdn1"/>
	        </div>
	    </div>
	    
	    <div class="config-item">
	        <div class="item-label">{{t("settings_database_update@用户名")}} *</div>
	        <div class="item-content">
				<input type="text" name="username" maxlength="100" v-model="dbConfig.username" placeholder="例如：root"/>
				<p class="comment">{{t("settings_database_update@用来连接数据库的用户名。")}}</p>
	        </div>
	    </div>
	    
	    <div class="config-item">
	        <div class="item-label">{{t("settings_database_update@密码")}}</div>
	        <div class="item-content">
				<input type="password" name="password" maxlength="100" v-model="dbConfig.password" placeholder="数据库连接密码"/>
				<p class="comment">{{t("settings_database_update@用来连接数据库的密码。")}}</p>
	        </div>
	    </div>
	</div>
	<submit-btn></submit-btn>
</form>