{% extends 'base.html.twig' %}
{% block title %}Category {{slug}} - Novamar Insurance{% endblock %}
{% block css %}
{{encore_entry_link_tags('blogCategoryCSS')}}
{{encore_entry_link_tags('post-card-base')}}
 {{ encore_entry_link_tags('blogCSS') }}
{#{{encore_entry_link_tags('aside')}} #}
{% endblock %}
{% block body %}
	<div class="container"  id="posts-categories"   data-id-category={{cat_id}} data-name-category={{slug}}  data-post-slug="{{ url('blog_home') }}" >
     <div class="row" v-show="name" >
		    <div class="col-xl-10 col-lg-10 col-md-12 col-sm-12 col-xs-12"  >
		    	<div class="category-breadcum">
		    		<a href="{{ url('homepage') }}">Home</a> / <a href="{{ url('blog_home') }}">Blog</a> / Category
		    		<h1>{{slug}}</h1>
		    	</div>
		      {% include 'blog/post-card-base.html.twig' %}
		    </div>
		    <div class="col-xl-2 col-lg-2 col-md-12 col-sm-12 col-xs-12 mt-2">
		    	<aside>
			    	{% include 'blog/aside-categories-list.html.twig' %}	
			    </aside>
		    </div>
	   </div>
	</div>
{% endblock %}

{% block javascript %}
    {% if app.environment != 'dev' %}    
    <script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.min.js"></script>
    {% else %}
    <script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.js"></script>
    {% endif %}
    <script>
        const elementRoot = '#posts-categories'
    </script>
    {{ encore_entry_script_tags('blogJS') }}
{% endblock %}