VS intro screen (arena design), card VS mini + live scorebar, full country names, sports-match edit fix

Match player + preview
- Rebuild VS intro as a 1920×1080 scaled canvas (arena design from drafts/):
  angled RED/BLUE panels with clip-paths, slam-in VS with pulse+shine,
  event/stage/weight header, Match/Court/Referee chips, per-fighter
  Record/Rank/Stats chip row. Every placeholder from the artifact is
  always in the DOM; empty ones are hidden by `.vs-nullable:empty`
  and `.vs-nullable-hide` so the layout adapts without losing the
  design's HTML shape. Country codes always render as full country
  names (via new App\Data\Countries::name()).
- Real-time 6s countdown Skip button; video pinned at t=0 while
  the intro runs, released to play at zero or on Skip.
- Standalone preview page at /videos/{video}/vs-preview.

Video cards (home + everywhere)
- Match cards get a `vs-mini` overlay of the same arena design
  (fixed canvas, per-card ResizeObserver, animations replay every
  time the mouse leaves the thumb). On hover the mini explodes
  outward (panels fly out, VS scales+blurs+fades) and the hover
  video plays over the cleared thumb.
- Match cards also render a `scorebar-mini` overlay (verbatim of
  the full-player msb-scale scorebar + msb-feed) that shows
  during hover playback. Live-scoring is wired per-card via a
  data-sbm-state payload of rounds+points; RED/BLUE score, round
  label, per-round clock, and the top-right Live Scoring ticker
  (4 entries, sport-aware Yuko/Waza-ari/Ippon or Punch/Body
  kick/… labels) all update from the mini video's timeupdate.

Bug fixes
- Hover video wasn't playing sound: dropped the `muted` attribute
  I'd added while debugging match previews.
- White flash strobing on the left of match cards: removed the
  `.vs-mini-flash` element (intro-only flourish that fired on
  every mouseleave replay).
- Sports-match modal was showing "Please complete the required
  fields" when saving basic info for match videos that had no
  SportsMatch row yet: the submit gate only checked matchId, not
  the attached videoId; now it correctly skips uploadVideoFirst()
  in both edit and attach-existing-video modes.

Country names project-wide
- New helper App\Data\Countries::name($iso2) → full country name.
- Swapped `?? country` fallbacks to `?? Countries::name(country)`
  in admin dashboard, video-analytics, video-insights payloads
  (VideoController + SuperAdminController), and the VS partials.
  Now user-visible country labels always show "Bahrain" instead
  of "BH", including chart tooltips and modal titles.

Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]>

app/Data/Countries.php

@@ -8,6 +8,18 @@ class Countries
      * All countries keyed by ISO2 code.
      * Fields: name, iso2, iso3, flag, dial_code, timezone, currency
      */
+    /**
+     * Resolve any ISO2 code (case-insensitive) to its full country name.
+     * Falls back to the uppercased code, then to null for empty input.
+     * Use this instead of printing raw two-letter codes to end users.
+     */
+    public static function name(?string $iso2): ?string
+    {
+        $code = strtoupper(trim((string) $iso2));
+        if ($code === '') return null;
+        return self::all()[$code]['name'] ?? $code;
+    }
+
     public static function all(): array
     {
         // Return lowercase ISO2 code — used as the fi fi-{code} CSS class (flag-icons library)

app/Http/Controllers/SuperAdminController.php

@@ -506,7 +506,7 @@ class SuperAdminController extends Controller
         foreach ($uniqueViewers as $viewer) {
             if (!$viewer->country) continue;
             if (!isset($countryMap[$viewer->country])) {
-                $countryMap[$viewer->country] = ['country' => $viewer->country, 'country_name' => $viewer->country_name, 'total' => 0];
+                $countryMap[$viewer->country] = ['country' => $viewer->country, 'country_name' => $viewer->country_name ?: \App\Data\Countries::name($viewer->country), 'total' => 0];
             }
             $countryMap[$viewer->country]['total']++;
         }

app/Http/Controllers/VideoController.php

@@ -3383,7 +3383,7 @@ class VideoController extends Controller
         $totalGeo = $rawCountries->sum('cnt');
         $countries = $rawCountries->map(fn ($c) => [
             'code'  => $c->country,
-            'name'  => $c->country_name,
+            'name'  => $c->country_name ?: \App\Data\Countries::name($c->country),
             'count' => (int) $c->cnt,
             'pct'   => $totalGeo > 0 ? round($c->cnt / $totalGeo * 100) : 0,
         ])->values();
@@ -3722,7 +3722,7 @@ class VideoController extends Controller
                         : asset('images/default-avatar.svg'))
                     : null,
                 'country'      => $topCountry ? $topCountry->country : null,
-                'country_name' => $topCountry ? $topCountry->country_name : null,
+                'country_name' => $topCountry ? ($topCountry->country_name ?: \App\Data\Countries::name($topCountry->country)) : null,
                 'reach'        => $accesses,
                 'created_at'   => $s->created_at,
             ];
@@ -3868,7 +3868,7 @@ class VideoController extends Controller
 
         return response()->json([
             'country'          => $country,
-            'country_name'     => $countryName ?? $country,
+            'country_name'     => $countryName ?: (\App\Data\Countries::name($country) ?? $country),
             'total_views'      => $totalViews,
             'registered_users' => $registeredUsers,
             'guest_count'      => $guestCount,
@@ -3943,7 +3943,7 @@ class VideoController extends Controller
             ->orderByDesc('cnt')
             ->limit(5)
             ->get()
-            ->map(fn ($c) => ['code' => $c->country, 'name' => $c->country_name, 'count' => (int) $c->cnt]);
+            ->map(fn ($c) => ['code' => $c->country, 'name' => $c->country_name ?: \App\Data\Countries::name($c->country), 'count' => (int) $c->cnt]);
 
         return response()->json([
             'date'             => $day->format('M d, Y'),
@@ -3971,7 +3971,7 @@ class VideoController extends Controller
             ->map(fn ($r) => [
                 'type'         => $r->type,
                 'country'      => $r->country,
-                'country_name' => $r->country_name,
+                'country_name' => $r->country_name ?: \App\Data\Countries::name($r->country),
                 'at'           => $r->downloaded_at,
             ]);
 
@@ -4101,7 +4101,7 @@ class VideoController extends Controller
         foreach ($accesses as $a) {
             $code = $a->country ?: 'XX';
             if (! isset($countries[$code])) {
-                $countries[$code] = ['code' => $code, 'name' => $a->country_name ?: $code, 'count' => 0];
+                $countries[$code] = ['code' => $code, 'name' => $a->country_name ?: (\App\Data\Countries::name($code) ?? $code), 'count' => 0];
             }
             $countries[$code]['count']++;
 
@@ -4199,7 +4199,7 @@ class VideoController extends Controller
         foreach ($rows as $r) {
             $code = $r->country ?: 'XX';
             if (! isset($countries[$code])) {
-                $countries[$code] = ['code' => $code, 'name' => $r->country_name ?: $code, 'count' => 0];
+                $countries[$code] = ['code' => $code, 'name' => $r->country_name ?: (\App\Data\Countries::name($code) ?? $code), 'count' => 0];
             }
             $countries[$code]['count']++;
         }