{{-- Embudo de reservas del Centro de mando: activas → pagadas (por enviar) → entregadas este mes. --}}
<div class="cc-pipe">
  <a href="{{ route('reservations.index', ['status' => 1]) }}" class="cc-pipe-step">
    <span class="cc-pipe-n" data-count="{{ $r['active'] }}">{{ $r['active'] }}</span><b>Activas</b><small>${{ number_format($r['balance'], 2) }} por cobrar</small>
  </a>
  <i class="fa fa-angle-right cc-pipe-arrow"></i>
  <a href="{{ route('reservations.index', ['status' => 4]) }}" class="cc-pipe-step {{ $r['to_ship'] ? 'hot' : '' }}">
    <span class="cc-pipe-n" data-count="{{ $r['to_ship'] }}">{{ $r['to_ship'] }}</span><b>Pagadas</b><small>por procesar</small>
  </a>
  <i class="fa fa-angle-right cc-pipe-arrow"></i>
  <a href="{{ route('reservations.index', ['status' => 2]) }}" class="cc-pipe-step done">
    <span class="cc-pipe-n" data-count="{{ $r['delivered'] }}">{{ $r['delivered'] }}</span><b>Entregadas</b><small>este mes</small>
  </a>
</div>
@if($r['overdue'])<p class="cc-pipe-warn"><i class="fa fa-clock-o"></i> {{ $r['overdue'] }} {{ $r['overdue'] == 1 ? 'reserva vencida' : 'reservas vencidas' }} · <a href="{{ route('reservations.index', ['status' => 'vencidas']) }}">revisar</a></p>@endif