<header>
  <img src="/icon.png" width="50" alt="eureka.coffee logo" />
  <h1><span class="muted">instance</span> <%= @instance.name %></h1>
  <%= render partial: "zone_img", locals: { zone: @instance.zone, alt: @instance.zone, title: @instance.zone.upcase_first } %>
</header>

<main class="nm-list">
  <% APP_DATA[@instance.zone.to_sym][:nms].each do |nm| %>
    <section class="<%= nm[:element] %>">
      <div>
        <img src="<%= "/#{nm[:element]}.png" %>" alt="<%= nm[:element] %>" width="30" />
      </div>
      <div class="meta">
        <h3 class="nm-info">
          <span class="badge">LV<%= nm[:level].to_s.rjust(2, "0") %></span>
          <%= nm[:name] %>
          <% if nm[:weather] %>
            <img src="/<%= nm[:weather] %>.png" title="during <%= nm[:weather] %> only" width="15" />
          <% end %>
        </h3>
        <div class="spawn-info">
          «
          <strong><%= nm[:spawned_by][:name] %></strong>
          <% if nm[:spawned_by][:night_only] %>
            <span title="only at night">🌙</span>
          <% end %>
          <% if nm[:spawned_by][:weather] %>
            <img src="/<%= nm[:spawned_by][:weather] %>.png" title="during <%= nm[:spawned_by][:weather] %> only" width="15" />
          <% end %>
          <small class="badge">LV<%= nm[:spawned_by][:level].to_s.rjust(2, "0") %></small>

        </div>
      </div>
      <div></div>
      <div>
        <button class="action">Pop</button>
      </div>
    </section>
  <% end %>
</main>