<.breadcrumb items={[ %{label: "Dashboard", navigate: ~p"/dashboard"}, %{label: "Capacity"} ]} />

{t("Network Capacity")}

{t("Backhaul capacity utilization across all sites")}

{t("Total Capacity")}

{format_capacity(@total_capacity)}

{t("Current Throughput")}

{format_capacity(@total_throughput)}

{t("Sites at Risk")}

{@sites_at_risk}

{t("Sites with Headroom")}

{@sites_with_headroom}

<%= if @summaries != [] do %>

{t("Site Capacity")}

<%= for summary <- Enum.sort_by(@summaries, & &1.utilization_pct, :desc) do %> <% end %>

{t("Site")}	{t("Capacity")}	{t("Throughput")}	{t("Utilization")}	{t("Status")}	{t("Interfaces")}
<.link navigate={~p"/sites/#{summary.site_id}"} class="font-medium text-gray-900 dark:text-white hover:text-blue-600 dark:hover:text-blue-400 hover:underline" > {summary.site_name}	{format_capacity(summary.total_capacity_bps)}	{format_capacity(summary.total_throughput_bps)}	{Float.round(summary.utilization_pct, 1)}%	<% {label, classes} = status_badge(summary.utilization_pct) %> {label}	{length(summary.interfaces)}

<% else %>

<.icon name="hero-signal" class="h-12 w-12 mx-auto text-gray-300 dark:text-gray-600" />

{t("Configure capacity on device interfaces to see utilization data here.")}

<% end %>