{
    "component": "compliance-communication-attachments",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "form": {
                    "attachment_file_0": {
                        "name": "attachment_file_0",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n"
                    },
                    "attachment_required_0": {
                        "name": "attachment_required_0",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 1"
                    },
                    "attachment_file_1": {
                        "name": "attachment_file_1",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n"
                    },
                    "attachment_required_1": {
                        "name": "attachment_required_1",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 2"
                    },
                    "attachment_file_2": {
                        "name": "attachment_file_2",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n"
                    },
                    "attachment_required_2": {
                        "name": "attachment_required_2",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 3"
                    }
                }
            },
            "hidden": false,
            "description": "",
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication__attachments\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <p class=\"govuk-caption-m\">\n    You can add up to 3 attachments\n  </p>\n\n  <div class=\"govuk-visually-hidden dm-compliance-communication__attachments-item-template\">\n    \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">100</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_99\">\n    File\n  </label>\n  <div id=\"input-attachment_file_99-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_99\" name=\"attachment_file_99\" type=\"file\" aria-describedby=\"input-attachment_file_99-hint\" tabindex=\"-1\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">100</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_99\" name=\"attachment_required_99\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_99\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n  </div>\n\n  <div class=\"dm-compliance-communication__attachments-items\">\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">1</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_0\">\n    File\n  </label>\n  <div id=\"input-attachment_file_0-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_0\" name=\"attachment_file_0\" type=\"file\" aria-describedby=\"input-attachment_file_0-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">1</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_0-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_0-hint\" class=\"govuk-hint\">\n      Check this to include attachment 1\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_0\" name=\"attachment_required_0\" type=\"checkbox\" value=\"true\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_0\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">2</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_1\">\n    File\n  </label>\n  <div id=\"input-attachment_file_1-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_1\" name=\"attachment_file_1\" type=\"file\" aria-describedby=\"input-attachment_file_1-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">2</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_1-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_1-hint\" class=\"govuk-hint\">\n      Check this to include attachment 2\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_1\" name=\"attachment_required_1\" type=\"checkbox\" value=\"true\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_1\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">3</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_2\">\n    File\n  </label>\n  <div id=\"input-attachment_file_2-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_2\" name=\"attachment_file_2\" type=\"file\" aria-describedby=\"input-attachment_file_2-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">3</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_2-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_2-hint\" class=\"govuk-hint\">\n      Check this to include attachment 3\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_2\" name=\"attachment_required_2\" type=\"checkbox\" value=\"true\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_2\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n  </div>\n\n  <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-add govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Add attachment (<span class=\"dm-compliance-communication__attachments__js-remaining-counter\">0</span> remaining)\n</button>\n\n</fieldset>"
        },
        {
            "name": "with data",
            "options": {
                "form": {
                    "attachment_file_0": {
                        "name": "attachment_file_0",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n",
                        "data": "/path/to/attachment_1.pdf"
                    },
                    "attachment_required_0": {
                        "name": "attachment_required_0",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 1",
                        "data": true
                    },
                    "attachment_file_1": {
                        "name": "attachment_file_1",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n",
                        "data": "/path/to/attachment_2.pdf"
                    },
                    "attachment_required_1": {
                        "name": "attachment_required_1",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 2",
                        "data": true
                    },
                    "attachment_file_2": {
                        "name": "attachment_file_2",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n"
                    },
                    "attachment_required_2": {
                        "name": "attachment_required_2",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 3"
                    }
                }
            },
            "hidden": false,
            "description": "",
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication__attachments\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <p class=\"govuk-caption-m\">\n    You can add up to 3 attachments\n  </p>\n\n  <div class=\"govuk-visually-hidden dm-compliance-communication__attachments-item-template\">\n    \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">100</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_99\">\n    File\n  </label>\n  <div id=\"input-attachment_file_99-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_99\" name=\"attachment_file_99\" type=\"file\" aria-describedby=\"input-attachment_file_99-hint\" tabindex=\"-1\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">100</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_99\" name=\"attachment_required_99\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_99\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n  </div>\n\n  <div class=\"dm-compliance-communication__attachments-items\">\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">1</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_0\">\n    File\n  </label>\n  <div id=\"input-attachment_file_0-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_0\" name=\"attachment_file_0\" type=\"file\" value=\"/path/to/attachment_1.pdf\" aria-describedby=\"input-attachment_file_0-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">1</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_0-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_0-hint\" class=\"govuk-hint\">\n      Check this to include attachment 1\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_0\" name=\"attachment_required_0\" type=\"checkbox\" value=\"true\" checked>\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_0\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">2</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_1\">\n    File\n  </label>\n  <div id=\"input-attachment_file_1-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_1\" name=\"attachment_file_1\" type=\"file\" value=\"/path/to/attachment_2.pdf\" aria-describedby=\"input-attachment_file_1-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">2</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_1-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_1-hint\" class=\"govuk-hint\">\n      Check this to include attachment 2\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_1\" name=\"attachment_required_1\" type=\"checkbox\" value=\"true\" checked>\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_1\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">3</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_2\">\n    File\n  </label>\n  <div id=\"input-attachment_file_2-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_2\" name=\"attachment_file_2\" type=\"file\" aria-describedby=\"input-attachment_file_2-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">3</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_2-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_2-hint\" class=\"govuk-hint\">\n      Check this to include attachment 3\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_2\" name=\"attachment_required_2\" type=\"checkbox\" value=\"true\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_2\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n  </div>\n\n  <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-add govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Add attachment (<span class=\"dm-compliance-communication__attachments__js-remaining-counter\">0</span> remaining)\n</button>\n\n</fieldset>"
        },
        {
            "name": "with error message",
            "options": {
                "form": {
                    "attachment_file_0": {
                        "name": "attachment_file_0",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n"
                    },
                    "attachment_required_0": {
                        "name": "attachment_required_0",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 1",
                        "data": true
                    },
                    "attachment_file_1": {
                        "name": "attachment_file_1",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n",
                        "errors": [
                            "You must select a file for attachment 1"
                        ]
                    },
                    "attachment_required_1": {
                        "name": "attachment_required_1",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 2",
                        "data": true
                    },
                    "attachment_file_2": {
                        "name": "attachment_file_2",
                        "question": "File",
                        "hint": "<ul class=\"govuk-list\">\n  <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n  <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n</ul>\n"
                    },
                    "attachment_required_2": {
                        "name": "attachment_required_2",
                        "question": "Attachment required",
                        "hint": "Check this to include attachment 3"
                    }
                }
            },
            "hidden": false,
            "description": "",
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication__attachments\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <p class=\"govuk-caption-m\">\n    You can add up to 3 attachments\n  </p>\n\n  <div class=\"govuk-visually-hidden dm-compliance-communication__attachments-item-template\">\n    \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">100</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_99\">\n    File\n  </label>\n  <div id=\"input-attachment_file_99-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_99\" name=\"attachment_file_99\" type=\"file\" aria-describedby=\"input-attachment_file_99-hint\" tabindex=\"-1\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">100</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_99\" name=\"attachment_required_99\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_99\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n  </div>\n\n  <div class=\"dm-compliance-communication__attachments-items\">\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">1</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_0\">\n    File\n  </label>\n  <div id=\"input-attachment_file_0-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_0\" name=\"attachment_file_0\" type=\"file\" aria-describedby=\"input-attachment_file_0-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">1</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_0-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_0-hint\" class=\"govuk-hint\">\n      Check this to include attachment 1\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_0\" name=\"attachment_required_0\" type=\"checkbox\" value=\"true\" checked>\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_0\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">2</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_1\">\n    File\n  </label>\n  <div id=\"input-attachment_file_1-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <p id=\"input-attachment_file_1-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> You must select a file for attachment 1\n  </p>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file govuk-file-upload--error\" id=\"input-attachment_file_1\" name=\"attachment_file_1\" type=\"file\" aria-describedby=\"input-attachment_file_1-hint input-attachment_file_1-error\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">2</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_1-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_1-hint\" class=\"govuk-hint\">\n      Check this to include attachment 2\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_1\" name=\"attachment_required_1\" type=\"checkbox\" value=\"true\" checked>\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_1\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n      \n\n<fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Attachment <span class=\"dm-compliance-communication__attachments-item-legend-counter\">3</span>\n  </legend>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-one-half\">\n      \n\n\n\n\n<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-attachment_file_2\">\n    File\n  </label>\n  <div id=\"input-attachment_file_2-hint\" class=\"govuk-hint\">\n    <ul class=\"govuk-list\">\n      <li class=\"govuk-hint\">The file must have a maximum file size of 5MB</li>\n      <li class=\"govuk-hint\">The filename can only contain letters, numbers, spaces and/or underscores</li>\n    </ul>\n  </div>\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachment_file_2\" name=\"attachment_file_2\" type=\"file\" aria-describedby=\"input-attachment_file_2-hint\">\n</div>\n\n\n    </div>\n    <div class=\"govuk-grid-column-one-half\">\n      <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Remove attachment <span class=\"dm-compliance-communication__attachments-item-remove-counter\">3</span>\n</button>\n      \n\n\n\n\n\n<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset dm-compliance-communication__attachments-item-required\" aria-describedby=\"input-attachment_required_2-hint\">\n    <legend class=\"govuk-fieldset__legend  \">\n      Attachment required\n    </legend>\n    <div id=\"input-attachment_required_2-hint\" class=\"govuk-hint\">\n      Check this to include attachment 3\n    </div>\n    <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n      <div class=\"govuk-checkboxes__item\">\n        <input class=\"govuk-checkboxes__input\" id=\"input-attachment_required_2\" name=\"attachment_required_2\" type=\"checkbox\" value=\"true\">\n        <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachment_required_2\">\n          Attachment required\n        </label>\n      </div>\n    </div>\n  </fieldset>\n</div>\n\n\n    </div>\n  </div>\n\n</fieldset>\n\n  </div>\n\n  <button type=\"button\" class=\"govuk-button govuk-button--secondary dm-compliance-communication__attachments-add govuk-visually-hidden\" data-module=\"govuk-button\" tabindex=\"-1\">\n  Add attachment (<span class=\"dm-compliance-communication__attachments__js-remaining-counter\">0</span> remaining)\n</button>\n\n</fieldset>"
        }
    ]
}