<div class="card">
<div class="card-divider">
<h4>GPS</h4>
</div>
<img src="<%= @map_src %>">
<div class="card-section">
<div class="grid-x">
<div class="cell auto"><strong>Status</strong></div>
<div class="cell auto text-right"><%= @status || "-" %></div>
<div class="cell auto"><strong>Latitude</strong></div>
<div class="cell auto text-right">
<%= if @latitude do %>
<%= @latitude %>°
<% else %>
-
<% end %>
<div class="cell auto"><strong>Longitude</strong></div>
<%= if @longitude do %>
<%= @longitude %>°
<div class="cell auto"><strong>Altitude</strong></div>
<%= if @altitude do %>
<%= @altitude %> m
<div class="cell auto"><strong>Heading</strong></div>
<%= if @heading do %>
<%= @heading %>°
<div class="cell auto"><strong>Speed</strong></div>
<%= if @speed do %>
<%= @speed %> m/s
<div class="cell auto"><strong>Satellites</strong></div>
<div class="cell auto text-right"><%= @satellites || "-" %></div>