{{#if disallow}}
  <h2>{{i18n "explorer.admins_only"}}</h2>
{{else}}
  <div class="query-list">
    {{combo-box valueAttribute="id" value=selectedQueryId nameProperty="listName" content=content castInteger="true" nameChanges="true"}}
    {{d-button action="showCreate" icon="plus" class="no-text"}}
    {{d-button action="importQuery" label="explorer.import.label" icon="upload"}}
  </div>

  {{#if showCreate}}
    <div class="query-create">
      {{text-field value=newQueryName placeholderKey="explorer.create_placeholder"}}
      {{d-button action="create" label="explorer.create" icon="plus" class="btn-primary"}}
    </div>
  {{/if}}

  {{#if othersDirty}}
    <div class="warning">
      {{fa-icon "warning"}}
      {{i18n "explorer.others_dirty"}}
    </div>
  {{/if}}

  <hr>

  {{#if selectedItem.fake}}
    {{i18n "explorer.no_queries"}} <a {{action "showCreate"}}>{{i18n "explorer.no_queries_hook"}}</a>
  {{else}}
    <div class="query-edit {{if editName "editing"}}">
      {{#if selectedItem}}
        {{#if editing}}
          <div class="name">
            {{text-field value=selectedItem.name}}
          </div>
          <div class="desc">
            {{textarea value=selectedItem.description}}
          </div>
        {{else}}
          <div class="name">
            <h2>{{selectedItem.name}}</h2>
            {{d-button action="editName" icon="pencil" class="no-text btn-small"}}
          </div>
          <div class="desc">
            {{selectedItem.description}}
          </div>
        {{/if}}

        {{! the SQL editor will show the first time you }}
        {{#if everEditing}}
          <div class="query-editor {{if hideSchema "no-schema"}}">
            <div class="right-panel">
              <div class="schema grippie-target">
                {{explorer-schema schema=schema hideSchema=hideSchema}}
              </div>
            </div>
            <div class="editor-panel">
              {{ace-editor content=selectedItem.sql mode="sql"}}
            </div>
            <div class="grippie"></div>
            <div class="clear"></div>
          </div>
        {{else}}
          <div class="sql">
            {{hljs-code-view value=selectedItem.sql codeClass="sql"}}
          </div>
        {{/if}}



        <div class="clear"></div>
        <div class="pull-left">
          {{#if everEditing}}
            {{d-button action="save" label="explorer.save" disabled=saveDisabled class="btn-primary"}}
          {{else}}
            {{d-button action="editName" label="explorer.edit" icon="pencil" class="btn-primary"}}
          {{/if}}
          {{d-button action="download" label="explorer.export" disabled=runDisabled icon="download"}}
        </div>
        <div class="pull-right">
          {{#if selectedItem.destroyed}}
            {{d-button action="recover" class="" icon="undo" label="explorer.recover"}}
          {{else}}
            {{#if everEditing}}
              {{d-button action="discard" class="btn-danger" icon="undo" label="explorer.undo" disabled=saveDisabled}}
            {{/if}}
            {{d-button action="destroy" class="btn-danger" icon="trash" label="explorer.delete"}}
          {{/if}}
        </div>
        <div class="clear"></div>
      {{/if}}
    </div>

    <form class="query-run" {{action "run" on="submit"}}>
      {{#if selectedItem.hasParams}}
        <div class="query-params">
          {{#each selectedItem.param_info as |pinfo|}}
            {{param-input params=selectedItem.params info=pinfo}}
          {{! <div class="param">
            {{param-field params=selectedItem.params pname=pinfo.identifier type=pinfo.type}
            <span class="param-name">{{pinfo.identifier}</span>
          </div> }}
          {{/each}}
        </div>
      {{/if}}
      {{#if runDisabled}}
        {{#if saveDisabled}}
          {{d-button label="explorer.run" disabled="true" class="btn-primary"}}
        {{else}}
          {{d-button action="saverun" label="explorer.saverun"}}
        {{/if}}
      {{else}}
        {{d-button action="run" label="explorer.run" disabled=runDisabled class="btn-primary" type="submit"}}
      {{/if}}
      <label class="query-plan">{{input type="checkbox" checked=explain name="explain"}} {{i18n "explorer.explain_label"}}</label>
    </form>

    <hr>
  {{/if}}
  {{conditional-loading-spinner condition=loading}}
  {{#unless selectedItem.fake}}
    {{#if results}}
      <div class="query-results">
        {{#if showResults}}
          {{query-result query=selectedItem content=results}}
        {{else}}
          {{#each results.errors as |err|}}
            <pre class="query-error"><code>{{~err}}</code></pre>
          {{/each}}
        {{/if}}
      </div>
    {{/if}}
  {{/unless}}

  <div class="explorer-pad-bottom"></div>

{{/if}}