<div class="row">
      
  <div class="col-md-12">

    <div class="tabs-vertical-env">
      <ul id="div_category_types" class="nav tabs-vertical">
        <li class="<%= @category.blank? ? 'active' : '' %>">
          <%= link_to "All", blog_posts_path, style: "text-align:left;" %>
        </li>
        <% @categories.each do |ct| %>
          <li class="<%= @category && @category == ct ? 'active' : '' %>">
            <%= link_to ct.name, blog_posts_path(ct: ct.id), style: "text-align:left;" %>
          </li>
        <% end %>        
        <li class="<%= @category && @category.id == -1 ? 'active' : '' %>">
          <%= link_to "None", blog_posts_path(ct: -1), style: "text-align:left;" %>
        </li>
      </ul>
    
    <!-- <ul class="nav nav-tabs nav-tabs-justified">
      <%# Dhatu::BlogPost::STATUS.each do |key, value| %>
      <li class="<%#= @status == value ? 'active' : '' %>">
        <%#= link_to blog_posts_path(st: value), "aria-expanded" => "#{ @status == value ? 'true' : 'false' }" do %>
          <span class="visible-xs"><i class="fa-gift"></i></span>
          <span class="hidden-xs"><%#= key %></span>
        <%# end %>
      </li>
      <%# end %>
    </ul> -->

      <div class="tab-content">
        <div class="tab-pane active">

          <div id="div_blog_post_action_buttons">
            
            <div class="row">
              <div class="col-sm-6">
                <%= theme_button('Add a Blog Post', 'plus', new_blog_post_path(ct: @category.try(:id)), classes: "pull-left", btn_type: "success") if @current_user.has_create_permission?(Dhatu::BlogPost) %>

                <%= theme_button('Refresh', 'refresh', blog_posts_path(ct: @category.try(:id)), classes: "pull-left ml-10", btn_type: "white") %>
              </div>
              <div class="col-sm-6">
                <%= search_form_kuppayam(Dhatu::BlogPost, blog_posts_path, text: @filters[:query]) %>
              </div>
            </div>

          </div>
          <%= clear_tag(10) %>

          <div id="div_blog_post_index">
            <%= render :partial=>"dhatu/blog_posts/index" %>
          </div>
          <%= clear_tag(10) %>

        </div>
      </div>

    </div>

  </div>

</div>

<script type="text/javascript">
  $('body').on('change', '#inp_title', function() {
    var blogPostId = $('#inp_slug').data("id");
    if(blogPostId){
    } else {
      var slug = convertToSlug($(this).val()).slice(0, 63);
      $('#inp_slug').val(slug);
    }
  });
</script>