<?php

/**

 * Markup helpers.

 *

 * The class names and their cascade order matter: the connector lines are drawn

 * by li.game-left/right (side border) and li.game-top/bottom (bottom border),

 * where game-top deliberately clears the side border. Keep them as-is.

 */

function e(string $value): string

{

    return htmlspecialchars($value, ENT_QUOTES, 'UTF-8');

}

function li(string $classes, string $content): string

{

    return "        <li class='" . $classes . "'>" . $content . "</li>\n";

}

function spacer(string $classes = 'spacer', string $content = ' '): string

{

    return li($classes, $content);

}

function team_text(array $team): string

{

    return "<span class='seed-num'>" . $team['seed'] . "</span> " . e($team['name']);

}

function team_li(array $team, string $classes): string

{

    $full = $team['seed'] . ' ' . $team['name'];

    return "        <li class='" . $classes . "' title='" . e($full) . "'>"

        . team_text($team) . "</li>\n";

}

/**

 * The two outermost columns. Both teams in a matchup sit adjacent with no

 * spacer between them; the spacer separates one matchup from the next.

 */

function seed_column(array $teams, string $side): string

{

    $game = "game-$side";

    $out  = spacer();

    foreach (array_chunk($teams, 2) as [$top, $bottom]) {

        $out .= team_li($top, "$game game-top");

        $out .= team_li($bottom, "$game game-bottom");

        $out .= spacer();

    }

    return $out;

}

/**

 * Rounds 1-4. Each pair of entries feeds one game in the next round, so they

 * are joined by a bordered spacer. Round 3 fills that spacer with the region

 * name via $labels, keyed by pair index.

 */

function round_column(array $entries, string $side, array $labels = []): string

{

    $game = "game-$side";

    $edge = $side === 'left' ? 'right' : 'left';

    $out  = spacer();

    foreach (array_chunk($entries, 2) as $pair => [$top, $bottom]) {

        $out .= team_li($top, "$game game-top");

        $out .= isset($labels[$pair])

            ? spacer("$game spacer region region-$edge", e($labels[$pair]))

            : spacer("$game spacer");

        $out .= team_li($bottom, "$game game-bottom");

        $out .= spacer();

    }

    return $out;

}

/** Final Four and championship columns hold a single entry, so nothing to pair. */

function single_column(array $team, string $classes): string

{

    return spacer() . team_li($team, $classes) . spacer();

}

/** One column of the date band above the bracket. Null renders an empty column. */

function header_column(?array $round): string

{

    if ($round === null) {

        return '';

    }

    return li('', e($round['name'])) . li('', e($round['dates']));

}

/* -------------------------------------------------------------------------

   Narrow-screen view. Below 800px the mirrored bracket is replaced by these:

   a champion card, then the four regions stacked, then the Final Four. The

   two are alternatives, never shown together. See style.css.

   ---------------------------------------------------------------------- */

/** Headline result. */

function champion_card(array $t): string

{

    return "  <div class='champion-card'>\n"

        . "    <div class='champion-label'>Champion</div>\n"

        . "    <div class='champion-name'>" . team_text($t['champion']) . "</div>\n"

        . "    <div class='champion-over'>over " . team_text($t['runnerUp']) . "</div>\n"

        . "  </div>\n";

}

/** A section heading carrying the winner that came out of it. */

function panel_head(string $name, array $winner): string

{

    return "    <h2 class='panel-head'><span class='panel-name'>" . e($name) . "</span>"

        . "<span class='panel-winner'>" . team_text($winner) . "</span></h2>\n";

}

/**

 * A region as a four-column bracket: 16 seeds, then the winners of rounds 1-3.

 * The fourth-round winner is the region champion, which goes in the heading

 * rather than a fifth column — that is what lets this fit 320px.

 */

function region_panel(array $region): string

{

    $columns = "      <ul class='round seed'>\n"

        . seed_column($region['rounds'][0], 'left') . "      </ul>\n";

    for ($n = 1; $n <= 3; $n++) {

        $columns .= "      <ul class='round round-$n'>\n"

            . round_column($region['rounds'][$n], 'left') . "      </ul>\n";

    }

    return "  <section class='region-panel'>\n"

        . panel_head($region['label'], $region['rounds'][4][0])

        . "    <div class='tournament mini'>\n$columns    </div>\n"

        . "  </section>\n";

}

/** One game as a two-row card with the winner marked. */

function matchup_card(array $game): string

{

    $rows = '';

    foreach (['top', 'bottom'] as $slot) {

        $won   = $game[$slot] === $game['winner'];

        $rows .= "      <div class='side" . ($won ? ' won' : '') . "'>"

            . team_text($game[$slot]) . "</div>\n";

    }

    return "    <div class='card'>\n$rows    </div>\n";

}

/**

 * The Final Four and title game. Three games is too few to be worth a bracket,

 * so they are cards instead.

 */

function final_four_panel(array $t, array $rounds): string

{

    return "  <section class='region-panel'>\n"

        . panel_head('Final Four', $t['champion'])

        . "    <h3>" . e($rounds[4]['name']) . " <small>" . e($rounds[4]['dates']) . "</small></h3>\n"

        . matchup_card($t['national'][5][0]) . matchup_card($t['national'][5][1])

        . "    <h3>" . e($rounds[5]['name']) . " <small>" . e($rounds[5]['dates']) . "</small></h3>\n"

        . matchup_card($t['national'][6][0])

        . "  </section>\n";

}