{$layout "layout_popup"}

<!-- <h3>{{t('定制国家/地区信息')}}</h3> -->
<form class="ui form" data-tea-action="$" data-tea-success="success">
    <csrf-token></csrf-token>
    <input type="hidden" name="countryId" :value="country.id"/>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('国家/地区名称')}}</td>
            <td>{{country.name}}</td>
        </tr>
        <tr>
            <td>{{t('内置别名')}}</td>
            <td>
                <div v-if="country.codes.length > 0">
                    <span v-for="code in country.codes" class="ui label basic">{{code}}</span>
                </div>
                <span v-else class="disabled">{{t('无')}}</span>
            </td>
        </tr>
        <tr>
            <td>{{t('自定义名称')}}</td>
            <td>
                <input type="text" name="customName" maxlength="100" v-model="country.customName"/>
            </td>
        </tr>
        <tr>
            <td>{{t('自定义别名')}}</td>
            <td>
                <values-box name="customCodes" :v-values="country.customCodes"></values-box>
            </td>
        </tr>
    </table>
    <submit-btn></submit-btn>
</form>