<!-- Related Posts Toaster -->
<div
    tool-gallery-settings-page
    save="save"
    go-back="goBack"
    feature-settings="toolSettings"
    tool-pco="tst"
    pro
    tool-name-msgid="tool_tst_name"
    tool-description-msgid="tool_tst_long_description"
>
    <label
        for="addthis-{{toolPco}}-title"
        class="strong"
        translate
    >
        tool_settings_title_label
    </label>
    <input
        type="text"
        ng-model="settings.title"
        name="addthis-{{toolPco}}-title"
        id="addthis-{{toolPco}}-title"
    />

    <label
        for="addthis-{{toolPco}}-hideonhomepage"
        class="strong"
        translate
    >
        layers_hide_on_homepage_title
    </label>
    <p translate>layers_hide_on_homepage_description</p>
    <div
        tool-drop-down-yes-no
        ng-model="settings.__hideOnHomepage"
        tool-pco="{{toolPco}}"
        field-name="hideonhomepage"
    >
    </div>

    <div
        layers-theme-picker
        ng-model="settings.theme"
        tool-pco="{{toolPco}}"
        themes="dark,light"
    >
    </div>

    <div
        layers-hide-on-urls
        ng-model="settings.__hideOnUrls"
        tool-pco="{{toolPco}}"
    >
    </div>

    <div
        ng-include
        src="'/features/RelatedPostSettings/PromotedUrlField.html'"
    >
    </div>

    <label
        for="addthis-{{toolPco}}-responsive"
        class="strong"
        translate
    >
        layers_responsive_width
    </label>
    <input
        type="number"
        min="0"
        ng-model="settings.responsive"
        name="addthis-{{toolPco}}-responsive"
        id="addthis-{{toolPco}}-responsive"
    />
    <label
        for="addthis-{{toolPco}}-responsive"
    >
    px
    </label>

    <div
        layers-offset-picker
        positions="right,left,bottom"
        ng-model="settings.offset"
        tool-pco="{{toolPco}}"
    >
    </div>
</div>