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

