@using MrCMS.Helpers
@model MrCMS.Entities.Documents.Web.Webpage
<h4>@Resource("Admin Webpage Form Design", "Form Design")</h4>

@Html.InfoBlock("Heads up!", "By default, Mr CMS creates the for HTML form you. " +
                                  "However if you want a custom form design then you can manually create the form using " +
                                  "{label:Name}, {input:Name}, {validation:Name} and {submitted-message} where 'Name' is the name " +
                                  "of the field provided by yourself and {submitted-message} is where you would like to see the success message. " +
                                  "Note you need a button element and there is no need to open or close the form.")

@Html.TextAreaFor(webpage => webpage.FormDesign, new { @style = "width: 100%; height: 200px;" })


<h5>@Resource("Example")</h5>
<textarea style="width: 100%; height: 200px;">
    <table>
        <tbody>
            <tr>
                <td>{label:Name}</td>
                <td>{input:Name}</td>
            </tr>
            <tr>
                <td colspan="2">{validation:Name}</td>
            </tr>
            <tr>
                <td>{label:Company Name}</td>
                <td>{input:Company Name}</td>
            </tr>
            <tr>
                <td colspan="2">{validation:Company Name}</td>
            </tr>
            <tr>
                <td colspan="2"><button>Submit</button></td>
            </tr>
            <tr>
                <td colspan="2">{submitted-message}</td>
            </tr>
        </tbody>
    </table>
</textarea>
