<div class="tw-mb-5">
    <label for="sentryDsn"
           class="tw-mb-1.5 tw-block tw-text-sm tw-font-medium tw-text-gray-700 tw-dark:text-gray-400">
        {__('Sentry DSN (required)')}
    </label>
    <div class="tw-flex tw-gap-2">
        <input type="text"
               id="sentryDsn"
               name="settingValue"
               value="{$sentryDsn|escape:'html'}"
               placeholder="https://<key>@<org>.ingest.de.sentry.io/<project>"
               autocomplete="off"
               spellcheck="false"
               hx-post="{stbIO uri='saveSentryDsn'}"
               hx-include="this"
               hx-trigger="keyup[key=='Enter']"
               hx-swap="none"
               class="tw-h-11 tw-w-full tw-rounded-lg tw-border tw-border-gray-300 tw-bg-transparent tw-px-4
               tw-py-2.5 tw-text-sm tw-text-gray-800 tw-shadow-theme-xs
               tw-placeholder:text-gray-400 tw-focus:border-brand-300 tw-focus:outline-hidden
               tw-dark:border-gray-700 tw-dark:text-white/90 tw-dark:placeholder:text-white/30"/>
        <button type="button"
                hx-post="{stbIO uri='saveSentryDsn'}"
                hx-include="#sentryDsn"
                hx-swap="none"
                class="tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-px-4 tw-py-2.5 tw-text-sm
                tw-font-medium tw-text-white tw-rounded-lg tw-bg-brand-500 tw-shadow-theme-xs
                tw-hover:bg-brand-600">
            {__('Save')}
        </button>
    </div>
    <p class="tw-mt-2 tw-text-xs tw-text-gray-500 tw-dark:text-gray-400">
        {__('sentryDsnHelp_html')}
    </p>
</div>
<div class="tw-grid tw-grid-cols-1 tw-gap-4 tw-md:gap-6">
    {include file="{$tailadminURI}smarty/static/formElements/switch.tpl"
    id='autoReport'
    isActive=$autoReport
    isDisabled=$autoReportDisabled
    textBeforeInput=__('Send error reports automatically')
    showAsCard=true}

    {include file="{$tailadminURI}smarty/static/formElements/switch.tpl"
    id='mailNotifications'
    isActive=$mailNotifications
    textBeforeInput=__('Get email notifications')
    showAsCard=true}
</div>
<script>
    document.body.dispatchEvent(new Event("uiAttachedEvent"));
</script>
