<div data-controller="sidebar">
  <aside class="tw-sidebar">
    <!-- Logo -->
    <div class="tw-sidebar-logo">
      <a href="#" class="tw-sidebar-logo-link">
        <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M37.47 38L29.43 17.99H26.34L18.27 38H21.12L22.89 33.53H32.85L34.62 38H37.47ZM32.13 31.34H23.64L27.87 20.54L32.13 31.34Z" fill="white"/>
          <path d="M39 18V14H37V18H33V20H37V24H39V20H43V18H39Z" fill="#EC634B"/>
        </svg>
      </a>
    </div>
    <!-- Navigation -->
    <nav class="tw-sidebar-nav" role="navigation" aria-label="LA Dashboard navigation">
      <!-- Overview (navigates to the Overview page) -->
      <a href="/lookbook/preview/projects/la_dashboard/overview"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Overview">
        <i class="fa-light fa-chart-pie tw-sidebar-icon"></i>
        <span class="tw:sr-only">Overview</span>
      </a>
      <!-- Comparison (navigates to the Comparison page) -->
      <a href="/lookbook/preview/projects/la_dashboard/comparison"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Comparison">
        <i class="fa-light fa-chart-column tw-sidebar-icon"></i>
        <span class="tw:sr-only">Comparison</span>
      </a>
      <!-- Schools (navigates to the Schools page) -->
      <a href="/lookbook/preview/projects/la_dashboard/schools"
       data-turbo="false"
       class="tw-sidebar-item tw-active"
       data-label="Schools">
        <i class="fa-light fa-school tw-sidebar-icon"></i>
        <span class="tw:sr-only">Schools</span>
      </a>
      <!-- Students (navigates to the Students page) -->
      <a href="/lookbook/preview/projects/la_dashboard/students"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Students">
        <i class="fa-light fa-users tw-sidebar-icon"></i>
        <span class="tw:sr-only">Students</span>
      </a>
      <!-- Destination Tracker (navigates to the Destination Tracker page) -->
      <a href="/lookbook/preview/projects/la_dashboard/destination_tracker"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Destination Tracker">
        <i class="fa-light fa-location-dot tw-sidebar-icon"></i>
        <span class="tw:sr-only">Destination Tracker</span>
      </a>
      <!-- Transitions (navigates to the Transitions page) -->
      <a href="/lookbook/preview/projects/la_dashboard/transitions"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Transitions">
        <i class="fa-light fa-right-left tw-sidebar-icon"></i>
        <span class="tw:sr-only">Transitions</span>
      </a>
      <!-- SEND & NEET (navigates to the SEND & NEET page) -->
      <a href="/lookbook/preview/projects/la_dashboard/send_neet"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="SEND & NEET">
        <i class="fa-light fa-person-circle-exclamation tw-sidebar-icon"></i>
        <span class="tw:sr-only">SEND & NEET</span>
      </a>
    </nav>
    <!-- Bottom Section -->
    <div class="tw-sidebar-bottom">
      <a href="/lookbook/preview/projects/la_dashboard/settings"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Settings">
        <i class="fa-light fa-cogs tw-sidebar-icon"></i>
        <span class="tw:sr-only">Settings</span>
      </a>
    </div>
  </aside>
  <header class="tw-topbar" role="banner">
    <div class="tw-topbar-left">
      <!-- LA brand lockup (logo placeholder + authority name) -->
      <div class="tw:flex tw:items-center tw:gap-3">
        <div class="tw-avatar tw-avatar-square tw-avatar-icon" role="img" aria-label="Hackney logo">
          <i class="fa-regular fa-building-columns tw:text-base"></i>
        </div>
        <h2 class="tw-h2 tw:text-neutral-800 tw:mb-0">Hackney</h2>
      </div>
    </div>
    <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
    <div class="tw-topbar-right">
      <div class="tw:flex tw:gap-0.5 tw:-mb-0.5 tw:flex-col">
        <div class="tw-dropdown tw-dropdown-sm" data-controller="dropdown" data-dropdown-auto-highlight-value="true">
          <button class="tw-dropdown-trigger" type="button"
                aria-haspopup="listbox" aria-expanded="false"
                data-dropdown-target="trigger"
                data-action="click->dropdown#toggle keydown->dropdown#keydown">
            <span class="tw:flex tw:items-center tw:gap-2 tw:min-w-0">
              <i class="fa-regular fa-calendar tw:text-neutral-500"></i>
              <span class="tw:text-neutral-700">Academic Year:</span>
              <span class="tw:font-semibold tw:text-neutral-900" data-dropdown-target="label">2026/2027</span>
            </span>
            <svg class="tw-dropdown-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="m2 5 6 6 6-6"/>
            </svg>
          </button>
          <div class="tw-dropdown-menu" role="listbox" data-dropdown-target="menu" tabindex="-1">
            <button class="tw-dropdown-item tw-active" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2026/2027">
              <span class="tw-dropdown-item-text">2026/2027</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2025/2026">
              <span class="tw-dropdown-item-text">2025/2026</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2024/2025">
              <span class="tw-dropdown-item-text">2024/2025</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2023/2024">
              <span class="tw-dropdown-item-text">2023/2024</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2022/2023">
              <span class="tw-dropdown-item-text">2022/2023</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2021/2022">
              <span class="tw-dropdown-item-text">2021/2022</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
          </div>
        </div>
        <p class="tw-small tw:text-neutral-600 tw:mb-0 tw:pl-3">
          <i class="fa-regular fa-arrow-right-arrow-left tw:mr-1"></i>
          Comparing year-on-year to <strong>2025/2026</strong>
        </p>
      </div>
      <!-- Action Buttons -->
      <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
      <!-- <button type="button" class="tw-btn tw-btn-outline-success tw-btn-multiline tw:hidden" data-controller="tooltip" data-tooltip-content-value="Referral Program" data-tooltip-placement-value="bottom">
      <i class="fa-solid fa-gift tw-icon-16"></i>
      Refer<br> & Save
    </button>
    <button type="button" class="tw-btn tw-btn-outline-primary tw-btn-multiline tw:hidden" data-controller="tooltip" data-tooltip-content-value="Discuss Ideas & Submit Feature Requests" data-tooltip-placement-value="bottom">
      <i class="fa-solid fa-users tw-icon-16"></i>
      Applicaa<br> Community
    </button>
    <button type="button" class="tw-btn tw-btn-outline-primary tw-btn-multiline" data-controller="tooltip" data-tooltip-content-value="Support & Feature Requests" data-tooltip-placement-value="bottom">
      <i class="fa-solid fa-comment-question tw-icon-16"></i>
      Support<br> & Requests
    </button> -->
      <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
      <div class="tw-topbar-action-icons tw:hidden" style="display: none">
        <!-- Notification Icon -->
        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-topbar-notification-btn" aria-label="Notifications" data-controller="tooltip" data-tooltip-content-value="Notification" data-tooltip-placement-value="bottom">
          <i class="fa-solid fa-bell tw-icon-16"></i>
        </button>
      </div>
      <!-- <div class="tw-topbar-divider"></div> -->
      <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
      <!-- User Avatar Dropdown -->
      <!-- <div class="tw-dropdown tw-dropdown-icon tw-dropdown-borderless" data-controller="dropdown">
      <button type="button" class="tw-dropdown-trigger tw-topbar-avatar"
              aria-label="User menu"
              aria-haspopup="true"
              aria-expanded="false"
              data-dropdown-target="trigger"
              data-action="click->dropdown#toggle keydown->dropdown#keydown">
        <div class="tw-avatar tw-avatar-primary" role="img" aria-label="Jane Doe">
          <span>JD</span>
        </div>
      </button>
      <div class="tw-dropdown-menu tw-dropdown-menu-end" role="menu" data-dropdown-target="menu" tabindex="-1">
        <div class="tw-dropdown-header">John Doe</div>
        <div class="tw-dropdown-divider"></div>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-circle-sterling tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Referrals & billing</span>
        </button>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-lock tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Password & security</span>
        </button>
        <div class="tw-dropdown-divider"></div>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-layer-group tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Multiple form</span>
        </button>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-envelope tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Email preferences</span>
        </button>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-right-from-bracket tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Logout</span>
        </button>
      </div>
    </div> -->
    </div>
  </header>
  <main class="tw-sidebar-topbar-content-offset tw:bg-background tw-min-h-screen-offset">
    <div class="tw-container-fluid tw-page-container">
      <!-- Page header: breadcrumb + back button + title (NEET-risk badge) + subtitle -->
      <div class="tw-page-header tw:mb-4">
        <div class="tw-page-header-breadcrumb">
          <nav aria-label="Breadcrumb">
            <ol class="tw-breadcrumb">
              <li class="tw-breadcrumb-item">
                <a href="/lookbook/preview/projects/la_dashboard/overview" data-turbo="false" aria-label="Home">
                  <i class="fa-solid fa-house tw-breadcrumb-item-icon"></i>
                </a>
              </li>
              <li class="tw-breadcrumb-item">
                <a href="/lookbook/preview/projects/la_dashboard/schools" data-turbo="false">Schools</a>
              </li>
              <li class="tw-breadcrumb-item tw-active" aria-current="page">The Urswick School</li>
            </ol>
          </nav>
        </div>
        <div class="tw-page-header-main">
          <a href="/lookbook/preview/projects/la_dashboard/schools" class="tw-page-header-back" data-turbo="false" aria-label="Back to schools">
            <i class="fa-solid fa-chevron-left tw-page-header-back-icon"></i>
          </a>
          <div class="tw-page-header-title-group">
            <h1 class="tw-page-header-title">The Urswick School
              <span class="tw-badge tw-badge-danger-subtle tw-badge-sm tw:ml-2 tw:align-middle">3 NEET risk</span>
            </h1>
            <span class="tw-page-header-subtitle">56% (9 of 16) destinations confirmed</span>
          </div>
        </div>
      </div>
      <!-- Section intro -->
      <div class="tw:mb-4">
        <h2 class="tw-h4 tw:mb-0">Year 11 Destinations</h2>
        <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-500 tw:mt-1 tw:mb-0">Tracking where this year's leavers are heading.</p>
      </div>
      <!-- Summary stats -->
      <div class="tw:grid tw:grid-cols-2 tw:md:grid-cols-3 tw:lg:grid-cols-6 tw:gap-3 tw:mb-4">
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-neutral-900 tw:tabular-nums">16</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">Total students</div>
          </div>
        </div>
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-green-600 tw:tabular-nums">9</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">Confirmed</div>
          </div>
        </div>
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-warning tw:tabular-nums">5</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">Pending</div>
          </div>
        </div>
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-danger tw:tabular-nums">3</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">NEET risk</div>
          </div>
        </div>
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-magenta-600 tw:tabular-nums">2</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">SEND</div>
          </div>
        </div>
        <div class="tw-card tw:h-full">
          <div class="tw-card-body">
            <div class="tw:text-3xl tw:font-bold tw:text-magenta-600 tw:tabular-nums">31%</div>
            <div class="tw-small tw:text-neutral-500 tw:mt-1">Out-of-borough</div>
          </div>
        </div>
      </div>
      <div data-controller="directory">
        <!-- Roster table -->
        <div class="tw-data-table tw-card tw:overflow-hidden">
          <div class="tw-data-table-toolbar tw:px-4">
            <div class="tw-data-table-toolbar-start">
              <i class="fa-solid fa-graduation-cap tw:text-primary-500"></i>
              <span class="tw:font-semibold tw:text-body-s">Year 11 students</span>
              <span class="tw-small tw:text-neutral-500" data-directory-target="count">16 of 16</span>
            </div>
            <div class="tw-data-table-toolbar-end">
              <div class="tw-input-group tw-has-icon-start tw-has-icon-end">
                <i class="tw-input-group-icon tw-input-group-icon-start fa-solid fa-magnifying-glass"></i>
                <input type="search" class="tw-form-control tw-form-control-sm"
                       placeholder="Search by name, UPN, destination…"
                       aria-label="Search students"
                       data-directory-target="input"
                       data-action="input->directory#search">
                <button type="button"
                        class="tw-input-group-icon tw-input-group-icon-end tw-input-group-icon-clickable"
                        aria-label="Clear search"
                        data-directory-target="clear"
                        data-action="click->directory#clear" hidden>
                  <i class="fa-solid fa-xmark"></i>
                </button>
              </div>
              <button type="button" class="tw-btn tw-btn-sm tw-btn-outline-secondary">
                <i class="fa-regular fa-file-export tw:mr-1"></i>Export this table
              </button>
            </div>
          </div>
          <div class="tw-data-table-body">
            <table class="tw-table tw-table-hover">
              <thead>
                <tr>
                  <th>UPN</th>
                  <th>Full name</th>
                  <th>Destination type</th>
                  <th>Destinations</th>
                  <th>Borough</th>
                  <th>Phone</th>
                  <th>NEET Risk</th>
                  <th class="tw:text-right">Actions</th>
                </tr>
              </thead>
              <tbody>
                <!-- 1 — Amara Okafor (confirmed, in-borough) -->
                <tr data-directory-target="row" data-search="amara okafor k823041100147 bsix sixth form college in-borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100147</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Amara Okafor</a></td>
                  <td>Sixth Form College</td>
                  <td class="tw:font-semibold">BSix Sixth Form College</td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900147</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 2 — Daniel Whitmore (confirmed, in-borough) -->
                <tr data-directory-target="row" data-search="daniel whitmore k823041100289 mossbourne community academy sixth form in-borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100289</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Daniel Whitmore</a></td>
                  <td>School Sixth Form</td>
                  <td class="tw:font-semibold">Mossbourne Community Academy Sixth Form</td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900288</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 3 — Leila Haddad (confirmed, out-of-borough) -->
                <tr data-directory-target="row" data-search="leila haddad k823041100315 city and islington college out of borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100315</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Leila Haddad</a></td>
                  <td>FE College</td>
                  <td class="tw:font-semibold">City and Islington College</td>
                  <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Out of borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900331</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 4 — Marcus Bennett (confirmed apprenticeship, in-borough) -->
                <tr data-directory-target="row" data-search="marcus bennett k823041100422 hackney council business administration apprenticeship in-borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100422</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Marcus Bennett</a></td>
                  <td>Apprenticeship</td>
                  <td class="tw:font-semibold">Hackney Council — Business Administration</td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900417</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 5 — Sofia Mendes (confirmed, in-borough, SEND) -->
                <tr data-directory-target="row" data-search="sofia mendes k823041100538 bsix sixth form college in-borough send">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100538</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Sofia Mendes</a> <span class="tw-badge tw-badge-magenta-subtle tw-badge-sm tw:ml-1">SEND</span></td>
                  <td>Sixth Form College</td>
                  <td class="tw:font-semibold">BSix Sixth Form College</td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900522</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 6 — Tyrese Campbell (confirmed, in-borough) -->
                <tr data-directory-target="row" data-search="tyrese campbell k823041100644 the city academy hackney in-borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100644</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Tyrese Campbell</a></td>
                  <td>School Sixth Form</td>
                  <td class="tw:font-semibold">The City Academy, Hackney</td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900639</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 7 — Priya Raman (confirmed, out-of-borough) -->
                <tr data-directory-target="row" data-search="priya raman k823041100751 newham collegiate sixth form out of borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100751</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Priya Raman</a></td>
                  <td>FE College</td>
                  <td class="tw:font-semibold">Newham Collegiate Sixth Form</td>
                  <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Out of borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900744</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 8 — Jacob Ellis (confirmed, out-of-borough) -->
                <tr data-directory-target="row" data-search="jacob ellis k823041100867 leyton sixth form college out of borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100867</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Jacob Ellis</a></td>
                  <td>Sixth Form College</td>
                  <td class="tw:font-semibold">Leyton Sixth Form College</td>
                  <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Out of borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900856</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 9 — Hannah Cole (confirmed, in-borough) -->
                <tr data-directory-target="row" data-search="hannah cole k823041100973 stoke newington school sixth form in-borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041100973</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Hannah Cole</a></td>
                  <td>School Sixth Form</td>
                  <td class="tw:font-semibold">Stoke Newington School Sixth Form</td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900961</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 10 — Oluwaseun Adeyemi (pending, in-borough) -->
                <tr data-directory-target="row" data-search="oluwaseun adeyemi k823041101086 hackney community college pending in-borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041101086</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Oluwaseun Adeyemi</a></td>
                  <td>FE College</td>
                  <td><span class="tw:font-semibold">Hackney Community College</span> <span class="tw-badge tw-badge-warning-subtle tw-badge-sm tw:ml-1">Pending</span></td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900173</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 11 — Mia Donovan (pending, in-borough) -->
                <tr data-directory-target="row" data-search="mia donovan k823041101192 bsix sixth form college pending in-borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041101192</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Mia Donovan</a></td>
                  <td>Sixth Form College</td>
                  <td><span class="tw:font-semibold">BSix Sixth Form College</span> <span class="tw-badge tw-badge-warning-subtle tw-badge-sm tw:ml-1">Pending</span></td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900284</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 12 — Reuben Frost (pending, out-of-borough, SEND) -->
                <tr data-directory-target="row" data-search="reuben frost k823041101205 big creative academy pending out of borough send">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041101205</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Reuben Frost</a> <span class="tw-badge tw-badge-magenta-subtle tw-badge-sm tw:ml-1">SEND</span></td>
                  <td>Sixth Form College</td>
                  <td><span class="tw:font-semibold">Big Creative Academy</span> <span class="tw-badge tw-badge-warning-subtle tw-badge-sm tw:ml-1">Pending</span></td>
                  <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Out of borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900395</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 13 — Aaliyah Khan (pending, out-of-borough) -->
                <tr data-directory-target="row" data-search="aaliyah khan k823041101318 westminster kingsway college pending out of borough">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041101318</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Aaliyah Khan</a></td>
                  <td>FE College</td>
                  <td><span class="tw:font-semibold">Westminster Kingsway College</span> <span class="tw-badge tw-badge-warning-subtle tw-badge-sm tw:ml-1">Pending</span></td>
                  <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Out of borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900506</td>
                  <td><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">No</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 14 — Connor Walsh (pending, in-borough, NEET risk) -->
                <tr data-directory-target="row" data-search="connor walsh k823041101424 hackney new school pending in-borough neet">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041101424</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Connor Walsh</a></td>
                  <td>School Sixth Form</td>
                  <td><span class="tw:font-semibold">Hackney New School</span> <span class="tw-badge tw-badge-warning-subtle tw-badge-sm tw:ml-1">Pending</span></td>
                  <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">In-borough</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900617</td>
                  <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">Yes</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 15 — Kayla Roberts (withdrawn place, NEET risk) -->
                <tr data-directory-target="row" data-search="kayla roberts k823041101537 leyton sixth form college withdrawn neet">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041101537</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Kayla Roberts</a></td>
                  <td>Sixth Form College</td>
                  <td>
                    <span class="tw:font-semibold">Leyton Sixth Form College</span>
                    <div class="tw:text-danger tw:text-body-xs tw:leading-body-xs">Withdrawn on 25/05/2026</div>
                    <div class="tw:text-neutral-500 tw:text-body-xs tw:leading-body-xs">(+1)</div>
                  </td>
                  <td><span class="tw:text-neutral-500">—</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900728</td>
                  <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">Yes</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- 16 — Jerome Phillips (no destination, NEET risk) -->
                <tr data-directory-target="row" data-search="jerome phillips k823041101640 no destinations neet">
                  <td class="tw:text-neutral-500 tw:font-mono tw:text-body-xs tw:tracking-wide">K823041101640</td>
                  <td class="tw:font-semibold"><a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw:text-primary tw:hover:underline">Jerome Phillips</a></td>
                  <td><span class="tw:text-neutral-500">—</span></td>
                  <td><span class="tw:text-neutral-500 tw:italic">No destinations</span></td>
                  <td><span class="tw:text-neutral-500">—</span></td>
                  <td class="tw:text-neutral-500 tw:tabular-nums">07700 900839</td>
                  <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">Yes</span></td>
                  <td class="tw:text-right">
                    <span class="tw:inline-flex tw:gap-1 tw:justify-end">
                      <button type="button" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="Add destination" data-controller="tooltip" data-tooltip-content-value="Add destination" data-tooltip-placement-value="top"><i class="fa-regular fa-plus"></i></button>
                      <a href="/lookbook/preview/projects/la_dashboard/student_detail" data-turbo="false" class="tw-btn tw-btn-sm tw-btn-tertiary tw-btn-icon" aria-label="View destinations" data-controller="tooltip" data-tooltip-content-value="View destinations" data-tooltip-placement-value="top"><i class="fa-regular fa-eye"></i></a>
                    </span>
                  </td>
                </tr>
                <!-- Empty state -->
                <tr data-directory-target="empty" hidden>
                  <td colspan="8" class="tw-table-empty">No students match your search.</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </main>
</div>