<div class="bot-talks-container">
  <!--  bot talks land-->
  <!--  avatar-->
  <div class="bot-talks-bubble">
    <div class="bot-talks-message">
      {{ message }}
    </div>
    @if (documents.length) {
      @for (document of documents; track document.id) {

        <div class="document-container">
          <header>
            <div class="title">

              <strong>

                <a href="{{ document.url }}">
                  {{ document.id }}

                  <!--                  {{ document.title }}-->
                </a>
              </strong>
              <app-copy [textToCopy]="document.id"></app-copy>
            </div>

            <!--            <div class="last-update">-->
            <!--              <span class="label">-->

            <!--            Last update:-->
            <!--              </span>-->
            <!--              <div class="value">-->

            <!--                {{ document.lastUpdate }}-->
            <!--              </div>-->
            <!--            </div>-->

          </header>
          <div class="content">

            {{ document.content }}
          </div>

        </div>
      }
    }
    @if (appState?.dicaReference) {

      <div class="ref-container">

        <div class="label">
          Référence de DICA:
        </div>
        <div class="ref">
          {{ appState.dicaReference }}
          <app-copy [textToCopy]="appState.dicaReferenceURL"></app-copy>
        </div>
      </div>
    }
    @if (appState?.refusalNotice?.length) {

      <div class="ref-container">

        <div class="label">
          Notice de refus:
        </div>
        <div class="ref">
          {{ appState.refusalNotice }}
          <app-copy [textToCopy]="appState.refusalNoticeURL"></app-copy>
        </div>
      </div>
    }

  </div>

  <div class="avatar-container">

    <div class="avatar"></div>
  </div>
</div>
