@php $link = 'flex items-center gap-3 px-3 py-2 rounded-lg transition'; @endphp
<nav class="h-full flex flex-col">
  <div class="p-4 border-b">
    <div class="text-[11px] uppercase tracking-wider text-ink-500">Telecalling</div>
    <div class="mt-1 font-semibold text-ink-900">PAC Technology</div>
  </div>

  <ul class="p-2 text-sm space-y-1">
    <li>
      <a href="{{ route('tele.dashboard') }}"
         class="{{ $link }} {{ request()->routeIs('tele.dashboard') ? 'bg-ink-100 text-brand-800' : 'text-ink-600 hover:bg-ink-50 hover:text-ink-900' }}">
        <span class="w-1.5 h-1.5 rounded-full bg-brand-500"></span>
        <span>Dashboard</span>
      </a>
    </li>

    <li>
      <a href="{{ route('tele.records.index') }}"
         class="{{ $link }} {{ request()->routeIs('tele.records.*') ? 'bg-ink-100 text-brand-800' : 'text-ink-600 hover:bg-ink-50 hover:text-ink-900' }}">
        <span class="w-1.5 h-1.5 rounded-full bg-brand-500"></span>
        <span>Records</span>
      </a>
    </li>
  </ul>

  <div class="mt-auto p-3">
    <a href="{{ route('tele.records.create') }}"
       class="w-full inline-flex items-center justify-center rounded-xl bg-brand-500 hover:bg-brand-600 text-white text-sm px-3 py-2 shadow-soft">
      + New Record
    </a>
  </div>
</nav>
