<!-- Title System -->
<% phc_title "Code Snippet Manager" %>
<% phc_title_tagline "Code Snippet Details" %>
<% phc_breadcrumb_one link_to "Code Snippet Index", phcdevworks_scripts.snippet_posts_path %>
<% phc_breadcrumb_two yield(:phc_title_tagline) %>
<!-- Title System -->

<!-- Page Bradcrumbs -->
<ol class="breadcrumb pull-right">
  <li class="breadcrumb-item"><%= yield(:phc_breadcrumb_one) %></li>
  <li class="breadcrumb-item active"><%= yield(:phc_breadcrumb_two) %></li>
</ol>
<!-- Page Bradcrumbs -->

<!-- Page Header -->
<h1 class="page-header"><%= yield(:phc_title) %></h1>
<!-- Page Header -->

<!-- Page Content -->
<div class="row">

  <!-- Button Area -->
  <div class="col-lg-4">
    <!-- Button Panel -->
    <div class="panel panel-inverse">
      <!-- Panel Heading -->
      <div class="panel-heading">
        <h4 class="panel-title">Options Panel</h4>
      </div>
      <!-- Panel Heading -->
      <!-- Panel Body -->
      <div class="panel-body">
        <div class="btn-group d-flex" role="group">
          <%= link_to 'Update', phcdevworks_scripts.edit_snippet_post_path, class: "btn btn-primary" %>
          <%= link_to 'Remove', phcdevworks_scripts.snippet_post_path, method: :delete, data: { confirm: 'Are you sure?' }, class: "btn btn-danger" %>
        </div>
      </div>
      <!-- Panel Body -->
    </div>
    <!-- Button Panel -->
  </div>
  <!-- Button Area -->

  <!-- Main Area -->
  <div class="col-lg-8">
    <!-- Main Panel -->
    <div class="panel panel-inverse">
      <!-- Panel Heading -->
      <div class="panel-heading">
        <div class="panel-heading-btn">
          <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
          <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-redo"></i></a>
          <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
        </div>
        <h4 class="panel-title"><%= yield(:phc_title_tagline) %></h4>
      </div>
      <!-- Panel Heading -->
      <!-- Panel Body -->
      <div class="panel-body">
        <p class="h3"><%= @snippet_post.snippet_title %></p>
        <hr>
        <pre><code><%= @snippet_post.snippet_code %></code></pre>
      </div>
      <!-- Panel Body -->
    </div>
    <!-- Main Panel -->
  </div>
  <!-- Main Area -->

</div>
<!-- Page Content -->