<template>
    <div class="mb-3">
        <div class="mb-3">
            <label for="onebot-http-addr" class="form-label">{{ $t("onebotHttpAddress") }}<span style="color: red;"><sup>*</sup></span></label>
            <input id="HttpUrl" v-model="$parent.notification.httpAddr" type="text" class="form-control" required>
        </div>
        <div class="mb-3">
            <label for="onebot-access-token" class="form-label">AccessToken<span style="color: red;"><sup>*</sup></span></label>
            <input id="HttpUrl" v-model="$parent.notification.accessToken" type="text" class="form-control" required>
            <div class="form-text">
                <p>{{ $t("onebotSafetyTips") }}</p>
            </div>
        </div>

        <div class="mb-3">
            <label for="onebot-msg-type" class="form-label">{{ $t("onebotMessageType") }}</label>
            <select id="onebot-msg-type" v-model="$parent.notification.msgType" class="form-select">
                <option value="group">{{ $t("onebotGroupMessage") }}</option>
                <option value="private">{{ $t("onebotPrivateMessage") }}</option>
            </select>
        </div>

        <div class="mb-3">
            <label for="onebot-reciever-id" class="form-label">{{ $t("onebotUserOrGroupId") }}<span style="color: red;"><sup>*</sup></span></label>
            <input id="secretKey" v-model="$parent.notification.recieverId" type="text" class="form-control" required>
        </div>

        <div class="form-text">
            <i18n-t tag="p" keypath="Read more:">
                <a href="https://github.com/botuniverse/onebot-11" target="_blank">https://github.com/botuniverse/onebot-11</a>
            </i18n-t>
        </div>
    </div>
</template>