<div>
  {{{descriptionList
    this
    comma=";"
    columns="
    Таблиця в базі даних,{{select table_name data='pg.table_name'}},
    Первиний ключ, pk,
    Умова для відображення, query,
    Сортування, order
    "

  }}}
  <div class="font-semibold text-[16px] dark:text-white my-2">Автоматично сформований запит</div>
  <div class="relative">
    {{!-- <button
      onclick="copySQL(this)"
      class="absolute top-2 right-2 bg-blue-600 hover:bg-blue-700 text-white text-xs px-2 py-1 rounded z-10">
      Копіювати
    </button>--}}
    <pre class="bg-gray-900 text-green-400 p-4 rounded-lg font-mono text-sm overflow-auto">
      <code id="sql-code">
    select  "{{pk}}" as id, *
    from  ( select *  from {{table_name}} t ) t
    {{#if sql_list}}
    {{#each sql_list}}
    <span>left join lateral (
        {{sql}}
      ) {{alias}}  on 1=1</span>
    {{/each}}
    {{/if}}
    where 1=1 {{#if query}}and {{query}}{{/if}}
    {{#if order}}order by {{order}} nulls last{{/if}}
      </code>
    </pre>
  </div>
</div>
{{!--<script>
  function copySQL(button) {
    const code = button.parentElement.querySelector('code').innerText;
    navigator.clipboard.writeText(code).then(() => {
      button.textContent = 'Скопійовано!';
      setTimeout(() => button.textContent = 'Копіювати', 2000);
    });
  }
</script>--}}
