<div class="grid-container">
  <div>
    <app-comic-publishers-list />
  </div>
  <div>
    @if (publisher()) {
    <section>
      <h2>{{ publisher().name }}</h2>
      @if (publisher().parent_publisher) {
        <app-comic-publisher [publisher]="publisher().parent_publisher" />
      }
    </section>
    <section>
      @for (imprint of publisher().imprints; track imprint.id) {
        <article>
          <app-comic-publisher [publisher]="imprint" />
        </article>
      }
    </section>
    <section>
      @for (comic of publisher().comics; track comic.id) {
        <article>
          <app-comic-comic [comic]="comic" />
        </article>
      }
    </section>
    } @else {
      <h2>Publisher Details</h2>
    }
  </div>
</div>
