<div id="div_category_show">

  <div class="row">
    
    <div class="col-md-3 col-sm-12 col-xs-12" style="border-right:1px solid #f1f1f1;">
      <% if display_edit_links? %>
      <%= edit_image(@category, 
          "category_image.image.url",
          upload_image_link(@category, :category_image, nil ),
          remove_image_link(@category, :category_image, nil ),
          image_options: {assoc_name: :category_image }) %>
      <% else %>
        <%= display_image(@category, "category_image.image.url", class: "img-inline", alt: @category.display_name) %>
      <% end %>
    </div>

    <div class="col-md-5 col-sm-12 col-xs-12" style="border-right:1px solid #f1f1f1;">

      <%= theme_panel_heading(@category.name) %>

      <%= theme_panel_sub_heading(@category.category_type, "#") if @category.one_liner %>
      
      <%= clear_tag(10) %>
      <%= display_publishable_status(@category) %>
      <%= clear_tag(10) %>
      <%= theme_panel_description(@category.one_liner) %>
      <%= clear_tag(5) %>
      <%= theme_panel_description(@category.description) %>
      <%= clear_tag(20) %>
      
    </div>

    <% if display_manage_links? %>
    <div class="col-md-4 col-sm-12 col-xs-12">
      <%= display_manage_buttons(@category) %>
      <%= display_publishable_buttons(@category) %>
      <%= display_featurable_buttons(@category) %>
    </div>
    <% end %>

  </div>

  <%= clear_tag(20) %>

  <ul class="nav nav-pills">
    <li class="active">
      <a href="#technical_details" data-toggle="tab" aria-expanded="false">
        <span class="visible-xs"><i class="fa-database"></i></span>
        <span class="hidden-xs">Technical Details</span>
      </a>
    </li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane active" id="technical_details" style="border: 1px solid #000;min-height:200px;padding:20px;margin-bottom:20px;max-height: 400px;overflow-y: auto;">
      
      <%= clear_tag(20) %>

      <div class="table-responsive"> 
        <table class="table table-striped table-condensed table-bordered mb-60"> 
          <tbody>

            <tr>
              <th>ID</th><td><%= @category.id %></td>
              <th>Permalink</th><td><%= @category.permalink %></td>
            </tr>

            <tr>
              <th>Category Type</th><td><%= @category.category_type %></td>
              <th></th><td></td>
            </tr>

            <tr>
              <th>Parent</th><td>
                <% if @category.parent %>
                <%= @category.parent.try(:display_name) %> (<%= @category.parent.try(:id) %>)
                <% end %>
              </td>
              <th>Top Parent</th><td>
                <% if @category.top_parent %>
                <%= @category.top_parent.try(:display_name) %> (<%= @category.top_parent.try(:id) %>)
                <% end %>
              </td>
            </tr>

            <tr>
              <th>Status</th><td><%= @category.status %></td>
              <th>Featured</th><td><%= @category.featured? ? "Yes" : "No" %></td>
            </tr>

            <tr>
              <th>Priority</th><td><%= @category.priority %></td>
              <th>End Node</th><td><%= @category.end_node? ? "Yes" : "No" %></td>
            </tr>

            <tr>
              <th>Created At</th><td><%= @category.created_at.strftime("%m/%d/%Y - %H:%M:%S") if @category.created_at %></td>
              <th>Updated At</th><td><%= @category.updated_at.strftime("%m/%d/%Y - %H:%M:%S") if @category.updated_at %></td>
            </tr>
            
          </tbody>
        </table>
      </div>
        
    </div>
  </div>

  <%= link_to "Close", "#", onclick: "closeLargeModal();", class: "btn btn-primary pull-right" %>

  <%= clear_tag %>

</div>