Source Browser

<h1><%= @example.title %></h1>

<div class="example-meta">
  <% @example.tags.each do |tag| %>
    <span class="tag"><%= tag %></span>
  <% end %>
</div>

<% if @example.description.present? %>
  <div class="example-description">
    <%= render_markdown(@example.description) %>
  </div>
<% end %>

<h2>Source Code</h2>
<div class="code-block highlight">
  <pre><%= highlight_code(@source_code) %></pre>
</div>

<% if @example.has_scenarios? %>
  <div class="scenario-section">
    <h2>Try It</h2>
    <% @example.scenarios.each_with_index do |scenario, i| %>
      <article class="scenario-card">
        <h4><%= scenario.name %></h4>
        <% if scenario.description.present? %>
          <p><%= scenario.description %></p>
        <% end %>

        <%= render "scenario_form", example: @example, scenario: scenario, index: i %>

        <%= turbo_frame_tag "scenario_result_#{i}" %>
      </article>
    <% end %>
  </div>
<% end %>

<p><%= link_to "&larr; Back to Examples".html_safe, examples_path %></p>