<div style="display:none;">
  <div class="<%=model.class%>_AddFile xdialogbox xpromptbox" style="min-width:470px;">
    <h3>Add Page</h3>
    <div align="left" style="padding-top:15px;">
      <div style="display: inline-block; width: 100px;margin-bottom:10px;">Page Title:</div>
      <input class="page_title default_focus" style="width:300px;" type="text" maxlength="1024" /><br/>

      <div style="display: inline-block; width: 100px; margin-bottom:10px;">File Name:</div>
      <input class="page_filename" style="width:200px;" type="text" maxlength="254" />
      <label style="display:inline-block; font-weight:normal; margin-bottom:7px; font-size:14px;"><input class="page_filename_default_document" style="position:relative;top:2px;" type="checkbox" /> Default Document</label><br/>

      <div style="display: inline-block; width: 100px;margin-bottom:10px;">Template:</div>
      <select class="page_template_id dropdown"></select>
      <a href="#" class="page_template_browse jsHarmonyCms_role_WEBMASTER" onclick="<%-js('jsh.System.viewPageTemplates();')%>">Configure</a>
      <br/>

      <div class="page_template_path_container">
        <div style="display: inline-block; width: 100px;margin-bottom:10px;">Template URL:</div>
        <input class="page_template_path" style="width:350px;" type="text" /><br/>
        * To simplify integration, set File Path to match Template URL, ex:<br/>
        Template URL: "https://example.com/auth/login"<br/>
        File Path: "/auth/login/<span class="site_default_page_filename"></span>"
      </div>

      <div style="text-align:center;"><input type="button" value="Add" class="button_ok" style="margin-right:15px;" /> <input type="button" value="Cancel" class="button_cancel" /></div>
    </div>
  </div>

  <div class="<%=model.class%>_RawTextEditor xdialogbox xpromptbox" style="min-width:350px;width:90%;height:90%;box-sizing:border-box;display:flex;flex-direction:column;">
    <h3 class="edit_page_title">Edit Page</h3>
    <div align="left" style="padding-top:15px;display:flex;flex-direction:column;flex-grow:1;">
      <textarea class="page_content default_focus" style="width:100%;box-sizing:border-box;flex-grow:1;"></textarea>

      <div style="text-align:center;"><input type="button" value="Save" class="button_ok" style="margin-right:15px;margin-top:18px;" /> <input type="button" value="Cancel" class="button_cancel" style="margin-top:18px;" /></div>
    </div>
  </div>
</div>

<script class="xctrl_page_template_selection_template" type="text/x-ejs-template">
  <select class="xelem<%%=xmodel.class%%> page_template_selection_id <%%-editable?'editable':'uneditable'%%>" <%%=editable?'':'disabled="disabled"'%%> onchange="<%-js('_this.page_template_selection_id_onChange(this);')%>"><%%-XExt.xejs.renderLOV(xmodel.controller.getLOV('page_template_id'), xmodel.get('page_template_id', obj))%%></select>
  <a href="#" onclick="<%-js('_this.page_template_selection_path_popup(this);return false;')%>" class="page_template_selection_path">Template URL</a>
</script>

<div class="xcontext_menu <%=model.class%>_file_context_menu">
  <a onclick="<%-js('_this.editFile(jsh.xContextMenuItem); return false;')%>"><img src="/images/icon_edit.png" />Edit</a>
  <a onclick="<%-js('_this.duplicateFile(jsh.xContextMenuItem); return false;')%>"><img src="/images/icon_copy.png" />Duplicate</a>
  <a onclick="<%-js('_this.viewRevisions(jsh.xContextMenuItem); return false;')%>"><img src="/images/icon_refresh.png" />View Revisions</a>
  <a onclick="<%-js('_this.renameFile(jsh.xContextMenuItem); return false;')%>"><img src="/images/icon_edit.png" />Rename</a>
  <a onclick="<%-js('_this.moveFile(jsh.xContextMenuItem); return false;')%>"><img src="/images/icon_export.png" />Move</a>
  <a onclick="<%-js('_this.deleteFile(jsh.xContextMenuItem); return false;')%>"><img src="/images/icon_delete.png" />Delete</a>
</div>  
<div class="xcontext_menu <%=model.class%>_file_container_context_menu">
  <% if(XExt.hasAction(model.actions, 'I')){ %><a onclick="<%-js('_this.addFile(jsh.xContextMenuItem); return false;')%>"><img src="/images/icon_add.png" />Add Page</a><% } %>
</div>