{{template "header.tpl" .}}
{{template "server/navbar.tpl" .}}
{{template "server/sidebar.tpl" .}}

<div class="main">

  <div class="container-fluid" style="padding: 1rem 1rem 3rem 1rem">
    <div class="row">
      <div class="col-12">
        <h3>AI-based Chat</h3>
      </div>
    </div>

    <div class="row mt-4">
    {{if .NeedPro}}
      <div class="col-12" style="max-width: 60rem">
        <p>Upgrade to the Pro plan to enable AI-based chat for your servers.
		  Please see the <a href="https://pgdash.io/pricing">pricing page</a> for more
		  information. Contact sales@rapidloop.com if you have any questions.
      </div>
    {{else if (and (ne .WSURL "") (ne .Provider ""))}}
      <div class="col-12">
        <div id="id-chat"></div>
      </div>
    {{else}}
      <div class="col-12" style="max-width: 60rem">
        <p>AI integration is not configured for this pgDash installation.
          Please see the <a href="https://docs.pgdash.io/ai">docs</a> for more
          information.
      </div>
    {{end}}
    </div>

    <div class="row" style="padding-top: 2rem"></div><!-- spacer -->

   </div>
</div>

{{template "server/delete-modal.tpl" .}}
{{template "server/sharing-modal.tpl" .}}

{{template "footer-pre.tpl" .}}
{{template "server/common-vars.tpl" .}}
<script type="text/javascript">
  var gName={{.Name}}, gSlug={{.Slug}}, gWSURL={{.WSURL}}, gProvider={{.Provider}};
</script>
<script src="{{asset "server-common.min.js"}}" type="text/javascript"></script>
<script src="{{asset "ai.min.js"}}" type="text/javascript"></script>
{{template "footer-post.tpl" .}}