<div class="grid-x grid-padding-x grid-padding-y">
<div class="cell small-12 medium-6 large-4">
<%= unless @connected do %>
<div class="cell">
<div class="callout alert">
<h5>⚠️ No Teensy USB Connection Found</h5>
<%= if Enum.any?(@uarts) do %>
<p>
Found the following UART devices:
<ul>
<%= for {device, properties} <- @uarts do %>
<li>
<code><%= device %></code>
<%= for {name, value} <- properties do %>
<%= name %> — <%= value %>
<% end %>
</ul>
</li>
</p>
</div>
<%= live_render(@socket, AugieWeb.OrientationLive, id: :orientation) %>
<%= live_render(@socket, AugieWeb.TemperatureLive, id: :temperature) %>
<%= live_render(@socket, AugieWeb.PowerLive, id: :power) %>
<%= live_render(@socket, AugieWeb.GpsLive, id: :gps) %>
<%= live_render(@socket, AugieWeb.CameraLive, id: :camera) %>
<%= live_render(@socket, AugieWeb.ServoLive, id: :port, session: %{"driver" => "port"}) %>
<%= live_render(@socket, AugieWeb.ServoLive, id: :starboard, session: %{"driver" => "starboard"}) %>