{% import "_includes/forms" as forms %}
{% import "sprout-base-seo/_includes/sproutseo" as sprout %}

<div class="sproutseo-box">

    {{ forms.textField({
        label: "Title"|t,
        instructions: "The Title of your content which will appear in search results"|t,
        name: field.handle~'[metadata][title]',
        showCharsLeft: true,
        value: values.title,
        errors: "",
        required: false,
    }) }}

    {{ forms.textField({
        label: "Description"|t,
        instructions: "A description of your content which will appear in search results."|t,
        name: field.handle~'[metadata][description]',
        showCharsLeft: true,
        value: values.description,
        errors: "",
        required: false,
    }) }}

    {{ forms.textField({
        label: "Keywords"|t,
        id: 'sproutseo-searchKeywords',
        instructions: "A list of keywords that describe your content"|t,
        name: field.handle~'[metadata][keywords]',
        value: values.keywords,
        errors: "",
        required: false
    }) }}

</div>