<%
 var portalTermCapitalized = portalTermSingular.charAt(0).toUpperCase() +
     portalTermSingular.substring(1);
%>

<h3><span class="icon icon-cog"></span> Settings</h3>

<div class="row-fluid">
  <h4>
    <%=portalTermCapitalized%> URL
    <i class="required-icon hidden" data-category="label"></i>
  </h4>
  <div class="change-label-container">
    <p class="muted">
      This is a unique short name that is used in the URL so others can easily get to
      this <%=portalTermSingular%>.
      <% if(label){ %>
        The URL is currently set to:
      <% } %>
    </p>
    <p class="muted display-label">
      <%=MetacatUI.appModel.get('baseUrl') + MetacatUI.root%>/<%=portalTermPlural%>/<span class="display-label-value"><%=label%></span>
    </p>
    <div class="label-container hide">
        <div class="control-group">
          <span class="muted"><%=MetacatUI.appModel.get('baseUrl') + MetacatUI.root%>/<%=portalTermPlural%>/</span>
          <input type="text" value="<%=label%>" data-category="label" class="basic-text label-input-text"></input>
          <span class="notification help-inline" data-category="label"></span>
        </div>
        <div>
          <button type="button" class="btn cancel-change-label">Cancel</button>
          <button type="button" class="btn btn-primary ok-change-label">OK</button>
        </div>
    </div>
    <div>
      <button type="button" class="btn change-label">Change URL</button>
    </div>
  </div>
</div>

<!--<div class="color-palette-container"></div>-->
<div class="description-container row-fluid">
  <h4>
    Description
    <i class="required-icon hidden" data-category="description"></i>
  </h4>
  <p class="subtle">Describe your <%=portalTermSingular%> in one brief paragraph.
  This description will appear in the <%=portalTermSingular%> header and in search summaries.</p>
  <p class="notification" data-category="description"></p>
  <textarea type="text" data-category="description" class="basic-text medium text"
    placeholder="Answer who, where, what, when, and why about your <%=portalTermSingular%>." rows="3"><%=description%></textarea>
</div>


<div class="row-fluid">
  <div class="access-policy-view-container"></div>
</div>


<div class="row-fluid">
  <h4>
    Partner Logos
    <i class="required-icon hidden" data-category="acknowledgmentsLogos"></i>
  </h4>
  <p class="subtle">Add logos and links to organizations associated with this <%=portalTermSingular%>. These will appear in the bottom footer of each <%=portalTermSingular%> page.</p>
  <p class="notification" data-category="acknowledgmentsLogos"></p>
  <div class="logos-container" data-category="acknowledgmentsLogosImages"></div>
</div>

<% if(MetacatUI.appModel.get("theme") == "dataone"){ %>
<div class="row-fluid subtle">
  Enjoying DataONE portals or experiencing issues? <a href="mailto:support@dataone.org">Email us</a> or <a href="https://forms.gle/iuRhZePv4bitnXrBA" target="_blank">leave us feedback</a>.
</div>
<% } %>
