<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>OfficeJS Jio Web Page View</title>

    <script src="rsvp.js"></script>
    <script src="renderjs.js"></script>
    <script src="handlebars.js"></script>

    <script class="view-web-page-template" type="text/x-handlebars-template">

        <form class="view-web-page-form">

                <div class="center">
                        <div class="ui-field-contain">

                  <label data-i18n="Title:">Title:</label>
                  <input type="text" name="title" value="{{title}}">
                </div>
                  <button type="submit" data-i18n="Save" style="display:none;">Save</button>
                </div>
            <div class="ui-field-contain">
            <fieldset data-role="collapsible">
              <legend>Extra Properties</legend>

                <div class="ui-field-contain">
                  <label data-i18n="Reference:">Reference:</label>
                  <input type="text" name="reference" value="{{reference}}">
                </div>

                <div class="ui-field-contain">
                  <label data-i18n="Version:">Version:</label>
                  <input type="text" name="version" value="{{version}}"></label>
                </div>

              <div class="ui-field-contain">
                <label data-i18n="Language:">Language:</label>
                <input type="text" name="language" value="{{language}}">
              </div>

              <div class="ui-field-contain">
                <label data-i18n="Description:">Description:</label>
                <textarea name="description">{{description}}</textarea>
              </div>
            </div>

            </fieldset>
            <div class='document-content'></div>

          </div>

        </form>

    </script>

    <script src="gadget_officejs_jio_web_illustration_view.js"></script>

  </head>

  <body>
  </body>
</html>
