@extends('layouts.dashboard')
@section('title', 'Routes & Visits')
@section('page-title', 'Routes & Visits')
@section('content')
<div class="snyt-page"><div class="snyt-hero"><div><h1>Routes & customer visits</h1><p>Track planned field work, visit completion and route progress.</p></div></div>
<div class="snyt-kpis"><div class="snyt-kpi"><div class="snyt-kpi-label">Planned routes</div><div class="snyt-kpi-value">{{ number_format($routes->total()) }}</div></div><div class="snyt-kpi"><div class="snyt-kpi-label">Visible stops</div><div class="snyt-kpi-value">{{ number_format($routes->sum('stops_count')) }}</div></div><div class="snyt-kpi"><div class="snyt-kpi-label">Completed stops</div><div class="snyt-kpi-value text-emerald-600">{{ number_format($routes->sum('completed_count')) }}</div></div></div>
<section class="snyt-panel overflow-x-auto"><table class="table"><thead><tr><th>Date</th><th>Route</th><th>Salesman</th><th>Stops</th><th>Progress</th><th>Status</th></tr></thead><tbody>@forelse($routes as $route)@php($pct=$route->stops_count ? round($route->completed_count/$route->stops_count*100) : 0)<tr><td>{{ $route->route_date }}</td><td class="font-bold">{{ $route->name }}</td><td>{{ $route->salesman_name }}</td><td>{{ $route->stops_count }}</td><td class="min-w-44"><div class="flex justify-between text-xs mb-1"><span>{{ $route->completed_count }} / {{ $route->stops_count }}</span><span>{{ $pct }}%</span></div><div class="snyt-progress"><span style="width:{{ $pct }}%"></span></div></td><td><span class="badge">{{ $route->status }}</span></td></tr>@empty<tr><td colspan="6" class="text-center py-10 text-slate-500">No routes planned yet.</td></tr>@endforelse</tbody></table><div class="mt-4">{{ $routes->links() }}</div></section></div>
@endsection