<div class="grid-container">
  <div>
    <app-comic-artists-list />
  </div>
  <div>
    @if (artist()) {
      <section>
        <h2>{{ artist().name }}</h2>
        <a href="{{ artist().weblink }}" style="background-color: green;">{{ artist().name }}</a>
      </section>
      <section>
      @for (work of artist().comic_works; track work.worktype.id) {
          <app-comic-worktype [worktype]="work.worktype"/>
            @for (comic of work.comics; track comic.id) {
              <article>
                <app-comic-comic [comic]="comic"/>
              </article>
            }
      }
      </section>
      <section>
      @for (work of artist().issue_works; track work.worktype.id) {
          <app-comic-worktype [worktype]="work.worktype"/>
            @for (issue of work.issues; track issue.id) {
              <article>
                <app-comic-comic [comic]="issue.comic"/>
              </article>
            }
      }
      </section>
    } @else {
      <h2>Artist Details</h2>
    }
  </div>
</div>
