<!-- Related Posts Footer -->
<div
    tool-gallery-settings-page
    save="save"
    go-back="goBack"
    feature-settings="toolSettings"
    tool-pco="smlre"
    tool-name-msgid="tool_smlre_name"
    tool-description-msgid="tool_smlre_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"
    />

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

    <div ng-show="$parent.globalOptions.addthis_plugin_controls === 'AddThis'">
        <div
            integer-select
            ng-model="settings.numrows"
            for="number-of-rows"
            label="{{'select_number_of_rows_label'|translate}}"
            min="1"
            max="4"
        >
        </div>

        <div
            integer-select
            ng-model="settings.maxitems"
            for="max-items"
            label="{{'select_number_of_items_per_row_label'|translate}}"
            min="1"
            max="8"
        >
        </div>

        <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-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>
</div>