app/views/search_results/_search_result.html.erb
<div class="match-result">
<h2><%= search_result.primer.name %></h2>
<p>Note: <%= search_result.primer.note %></p>
<p>Size of binding site: <%= search_result.binding_length %></p>
<code>
<% if search_result.primer_end == :head %>
target 5' <%= target[0...-search_result.binding_length] %><span class="binding-site"><%= target[-search_result.binding_length..-1] %></span> 3'<br>
primer 5' <%= (" " * (target.size - search_result.binding_length)).html_safe %><span class="binding-site"><%= search_result.primer.sequence[0...search_result.binding_length] %></span><%= search_result.primer.sequence[search_result.binding_length..-1] %> 3'
<% elsif search_result.primer_end == :tail %>
target 5' <%= (" " * (search_result.primer.sequence.size - search_result.binding_length)).html_safe %><span class="binding-site"><%= @target[0...search_result.binding_length] %></span><%= target[search_result.binding_length..-1] %> 3'<br>
primer 5' <%= search_result.primer.sequence[0...-search_result.binding_length] %><span class="binding-site"><%= search_result.primer.sequence[-search_result.binding_length..-1] %></span> 3'
<% else %>
<% offset = target.index(search_result.primer.sequence) %>
target 5' <%= target[0...offset] %><span class="binding-site"><%= target[offset...offset + search_result.primer.sequence.size] %></span><span class="target"><%= @target[offset + search_result.primer.sequence.size..-1] %></span> 3'<br>
primer 5' <%= (" " * offset).html_safe %><span class="binding-site"><%= search_result.primer.sequence %></span> 3'
<% end %>
</code>
</div>