{
    "component": "compliance-communication-attachments",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "form": {
                    "attachments": [
                        {
                            "file": {
                                "name": "attachments-0-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-0-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-1-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-1-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-2-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-2-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication-attachments\" data-max-number-of-attachments=\"3\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <div class=\"dm-compliance-communication-attachments--hint\">\n      <p class=\"govuk-caption-m\">You can add up to 3 attachments</p>\n  </div>\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  <input type=\"hidden\" name=\"attachments-99-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-99-file\">\n    File\n  </label>\n  <div id=\"input-attachments-99-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-99-file\" name=\"attachments-99-file\" type=\"file\" aria-describedby=\"input-attachments-99-file-hint\" tabindex=\"-1\">\n  </div>\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-attachments-99-required\" name=\"attachments-99-required\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-99-required\">\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  <input type=\"hidden\" name=\"attachments-0-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-0-file\">\n    File\n  </label>\n  <div id=\"input-attachments-0-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-0-file\" name=\"attachments-0-file\" type=\"file\" aria-describedby=\"input-attachments-0-file-hint\">\n  </div>\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-attachments-0-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-0-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-0-required\" name=\"attachments-0-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-0-required\">\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  <input type=\"hidden\" name=\"attachments-1-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-1-file\">\n    File\n  </label>\n  <div id=\"input-attachments-1-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-1-file\" name=\"attachments-1-file\" type=\"file\" aria-describedby=\"input-attachments-1-file-hint\">\n  </div>\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-attachments-1-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-1-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-1-required\" name=\"attachments-1-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-1-required\">\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  <input type=\"hidden\" name=\"attachments-2-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-2-file\">\n    File\n  </label>\n  <div id=\"input-attachments-2-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-2-file\" name=\"attachments-2-file\" type=\"file\" aria-describedby=\"input-attachments-2-file-hint\">\n  </div>\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-attachments-2-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-2-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-2-required\" name=\"attachments-2-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-2-required\">\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 a different number of attachments",
            "options": {
                "form": {
                    "attachments": [
                        {
                            "file": {
                                "name": "attachments-0-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-0-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-1-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-1-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-2-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-2-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-3-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-3-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-4-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-4-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication-attachments\" data-max-number-of-attachments=\"5\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <div class=\"dm-compliance-communication-attachments--hint\">\n      <p class=\"govuk-caption-m\">You can add up to 5 attachments</p>\n  </div>\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  <input type=\"hidden\" name=\"attachments-99-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-99-file\">\n    File\n  </label>\n  <div id=\"input-attachments-99-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-99-file\" name=\"attachments-99-file\" type=\"file\" aria-describedby=\"input-attachments-99-file-hint\" tabindex=\"-1\">\n  </div>\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-attachments-99-required\" name=\"attachments-99-required\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-99-required\">\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  <input type=\"hidden\" name=\"attachments-0-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-0-file\">\n    File\n  </label>\n  <div id=\"input-attachments-0-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-0-file\" name=\"attachments-0-file\" type=\"file\" aria-describedby=\"input-attachments-0-file-hint\">\n  </div>\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-attachments-0-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-0-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-0-required\" name=\"attachments-0-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-0-required\">\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  <input type=\"hidden\" name=\"attachments-1-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-1-file\">\n    File\n  </label>\n  <div id=\"input-attachments-1-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-1-file\" name=\"attachments-1-file\" type=\"file\" aria-describedby=\"input-attachments-1-file-hint\">\n  </div>\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-attachments-1-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-1-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-1-required\" name=\"attachments-1-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-1-required\">\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  <input type=\"hidden\" name=\"attachments-2-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-2-file\">\n    File\n  </label>\n  <div id=\"input-attachments-2-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-2-file\" name=\"attachments-2-file\" type=\"file\" aria-describedby=\"input-attachments-2-file-hint\">\n  </div>\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-attachments-2-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-2-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-2-required\" name=\"attachments-2-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-2-required\">\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\">4</span>\n  </legend>\n  <input type=\"hidden\" name=\"attachments-3-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-3-file\">\n    File\n  </label>\n  <div id=\"input-attachments-3-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-3-file\" name=\"attachments-3-file\" type=\"file\" aria-describedby=\"input-attachments-3-file-hint\">\n  </div>\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\">4</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-attachments-3-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-3-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-3-required\" name=\"attachments-3-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-3-required\">\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\">5</span>\n  </legend>\n  <input type=\"hidden\" name=\"attachments-4-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-4-file\">\n    File\n  </label>\n  <div id=\"input-attachments-4-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-4-file\" name=\"attachments-4-file\" type=\"file\" aria-describedby=\"input-attachments-4-file-hint\">\n  </div>\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\">5</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-attachments-4-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-4-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-4-required\" name=\"attachments-4-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-4-required\">\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 hint",
            "options": {
                "hint": {
                    "text": "The total file size cannot exceed 1000MW"
                },
                "form": {
                    "attachments": [
                        {
                            "file": {
                                "name": "attachments-0-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-0-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-1-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-1-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-2-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-2-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication-attachments\" data-max-number-of-attachments=\"3\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <div class=\"dm-compliance-communication-attachments--hint\">\n      The total file size cannot exceed 1000MW\n  </div>\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  <input type=\"hidden\" name=\"attachments-99-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-99-file\">\n    File\n  </label>\n  <div id=\"input-attachments-99-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-99-file\" name=\"attachments-99-file\" type=\"file\" aria-describedby=\"input-attachments-99-file-hint\" tabindex=\"-1\">\n  </div>\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-attachments-99-required\" name=\"attachments-99-required\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-99-required\">\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  <input type=\"hidden\" name=\"attachments-0-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-0-file\">\n    File\n  </label>\n  <div id=\"input-attachments-0-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-0-file\" name=\"attachments-0-file\" type=\"file\" aria-describedby=\"input-attachments-0-file-hint\">\n  </div>\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-attachments-0-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-0-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-0-required\" name=\"attachments-0-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-0-required\">\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  <input type=\"hidden\" name=\"attachments-1-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-1-file\">\n    File\n  </label>\n  <div id=\"input-attachments-1-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-1-file\" name=\"attachments-1-file\" type=\"file\" aria-describedby=\"input-attachments-1-file-hint\">\n  </div>\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-attachments-1-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-1-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-1-required\" name=\"attachments-1-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-1-required\">\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  <input type=\"hidden\" name=\"attachments-2-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-2-file\">\n    File\n  </label>\n  <div id=\"input-attachments-2-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-2-file\" name=\"attachments-2-file\" type=\"file\" aria-describedby=\"input-attachments-2-file-hint\">\n  </div>\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-attachments-2-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-2-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-2-required\" name=\"attachments-2-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-2-required\">\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 hint as HTML",
            "options": {
                "hint": {
                    "html": "<strong>The total file size cannot exceed 1000MW</strong>"
                },
                "form": {
                    "attachments": [
                        {
                            "file": {
                                "name": "attachments-0-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-0-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-1-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-1-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-2-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-2-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication-attachments\" data-max-number-of-attachments=\"3\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <div class=\"dm-compliance-communication-attachments--hint\">\n      <strong>The total file size cannot exceed 1000MW</strong>\n  </div>\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  <input type=\"hidden\" name=\"attachments-99-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-99-file\">\n    File\n  </label>\n  <div id=\"input-attachments-99-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-99-file\" name=\"attachments-99-file\" type=\"file\" aria-describedby=\"input-attachments-99-file-hint\" tabindex=\"-1\">\n  </div>\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-attachments-99-required\" name=\"attachments-99-required\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-99-required\">\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  <input type=\"hidden\" name=\"attachments-0-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-0-file\">\n    File\n  </label>\n  <div id=\"input-attachments-0-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-0-file\" name=\"attachments-0-file\" type=\"file\" aria-describedby=\"input-attachments-0-file-hint\">\n  </div>\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-attachments-0-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-0-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-0-required\" name=\"attachments-0-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-0-required\">\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  <input type=\"hidden\" name=\"attachments-1-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-1-file\">\n    File\n  </label>\n  <div id=\"input-attachments-1-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-1-file\" name=\"attachments-1-file\" type=\"file\" aria-describedby=\"input-attachments-1-file-hint\">\n  </div>\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-attachments-1-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-1-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-1-required\" name=\"attachments-1-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-1-required\">\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  <input type=\"hidden\" name=\"attachments-2-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-2-file\">\n    File\n  </label>\n  <div id=\"input-attachments-2-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-2-file\" name=\"attachments-2-file\" type=\"file\" aria-describedby=\"input-attachments-2-file-hint\">\n  </div>\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-attachments-2-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-2-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-2-required\" name=\"attachments-2-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-2-required\">\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": {
                    "attachments": [
                        {
                            "file": {
                                "name": "attachments-0-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores",
                                "data": "/path/to/attachment_1.pdf"
                            },
                            "required": {
                                "name": "attachments-0-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment",
                                "data": true
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-1-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores",
                                "data": "/path/to/attachment_2.pdf"
                            },
                            "required": {
                                "name": "attachments-1-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment",
                                "data": true
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-2-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-2-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication-attachments\" data-max-number-of-attachments=\"3\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <div class=\"dm-compliance-communication-attachments--hint\">\n      <p class=\"govuk-caption-m\">You can add up to 3 attachments</p>\n  </div>\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  <input type=\"hidden\" name=\"attachments-99-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-99-file\">\n    File\n  </label>\n  <div id=\"input-attachments-99-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-99-file\" name=\"attachments-99-file\" type=\"file\" aria-describedby=\"input-attachments-99-file-hint\" tabindex=\"-1\">\n  </div>\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-attachments-99-required\" name=\"attachments-99-required\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-99-required\">\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  <input type=\"hidden\" name=\"attachments-0-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-0-file\">\n    File\n  </label>\n  <div id=\"input-attachments-0-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-0-file\" name=\"attachments-0-file\" type=\"file\" value=\"/path/to/attachment_1.pdf\" aria-describedby=\"input-attachments-0-file-hint\">\n  </div>\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-attachments-0-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-0-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-0-required\" name=\"attachments-0-required\" type=\"checkbox\" value=\"true\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-0-required\">\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  <input type=\"hidden\" name=\"attachments-1-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-1-file\">\n    File\n  </label>\n  <div id=\"input-attachments-1-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-1-file\" name=\"attachments-1-file\" type=\"file\" value=\"/path/to/attachment_2.pdf\" aria-describedby=\"input-attachments-1-file-hint\">\n  </div>\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-attachments-1-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-1-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-1-required\" name=\"attachments-1-required\" type=\"checkbox\" value=\"true\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-1-required\">\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  <input type=\"hidden\" name=\"attachments-2-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-2-file\">\n    File\n  </label>\n  <div id=\"input-attachments-2-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-2-file\" name=\"attachments-2-file\" type=\"file\" aria-describedby=\"input-attachments-2-file-hint\">\n  </div>\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-attachments-2-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-2-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-2-required\" name=\"attachments-2-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-2-required\">\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": {
                    "attachments": [
                        {
                            "file": {
                                "name": "attachments-0-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores",
                                "errors": [
                                    "You must select a file for attachment 1"
                                ]
                            },
                            "required": {
                                "name": "attachments-0-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment",
                                "data": true
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-1-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores",
                                "errors": [
                                    "You must select a file for attachment 2"
                                ]
                            },
                            "required": {
                                "name": "attachments-1-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment",
                                "data": true
                            }
                        },
                        {
                            "file": {
                                "name": "attachments-2-file",
                                "question": "File",
                                "hint": "The filename can only contain letters, numbers, spaces and/or underscores"
                            },
                            "required": {
                                "name": "attachments-2-required",
                                "question": "Attachment required",
                                "hint": "Check this to include this attachment"
                            }
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<fieldset class=\"govuk-fieldset\" data-module=\"dm-compliance-communication-attachments\" data-max-number-of-attachments=\"3\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Add an attachment\n  </legend>\n  <div class=\"dm-compliance-communication-attachments--hint\">\n      <p class=\"govuk-caption-m\">You can add up to 3 attachments</p>\n  </div>\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  <input type=\"hidden\" name=\"attachments-99-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-99-file\">\n    File\n  </label>\n  <div id=\"input-attachments-99-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-99-file\" name=\"attachments-99-file\" type=\"file\" aria-describedby=\"input-attachments-99-file-hint\" tabindex=\"-1\">\n  </div>\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-attachments-99-required\" name=\"attachments-99-required\" type=\"checkbox\" value=\"true\" tabindex=\"-1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-99-required\">\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  <input type=\"hidden\" name=\"attachments-0-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-0-file\">\n    File\n  </label>\n  <div id=\"input-attachments-0-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <p id=\"input-attachments-0-file-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> You must select a file for attachment 1\n  </p>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file govuk-file-upload--error\" id=\"input-attachments-0-file\" name=\"attachments-0-file\" type=\"file\" aria-describedby=\"input-attachments-0-file-hint input-attachments-0-file-error\">\n  </div>\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-attachments-0-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-0-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-0-required\" name=\"attachments-0-required\" type=\"checkbox\" value=\"true\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-0-required\">\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  <input type=\"hidden\" name=\"attachments-1-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-1-file\">\n    File\n  </label>\n  <div id=\"input-attachments-1-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <p id=\"input-attachments-1-file-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> You must select a file for attachment 2\n  </p>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file govuk-file-upload--error\" id=\"input-attachments-1-file\" name=\"attachments-1-file\" type=\"file\" aria-describedby=\"input-attachments-1-file-hint input-attachments-1-file-error\">\n  </div>\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-attachments-1-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-1-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-1-required\" name=\"attachments-1-required\" type=\"checkbox\" value=\"true\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-1-required\">\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  <input type=\"hidden\" name=\"attachments-2-hidden_tag\" value=\"hidden-tag\">\n\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-attachments-2-file\">\n    File\n  </label>\n  <div id=\"input-attachments-2-file-hint\" class=\"govuk-hint\">\n    The filename can only contain letters, numbers, spaces and/or underscores\n  </div>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload dm-compliance-communication__attachments-item-file\" id=\"input-attachments-2-file\" name=\"attachments-2-file\" type=\"file\" aria-describedby=\"input-attachments-2-file-hint\">\n  </div>\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-attachments-2-required-hint\">\n  <legend class=\"govuk-fieldset__legend  \">\n    Attachment required\n  </legend>\n  <div id=\"input-attachments-2-required-hint\" class=\"govuk-hint\">\n    Check this to include this attachment\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-attachments-2-required\" name=\"attachments-2-required\" type=\"checkbox\" value=\"true\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-attachments-2-required\">\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>"
        }
    ]
}