{% extends 'base.html.twig' %}
{% block title %}Blog | Novamar Insurance{% endblock %}
{% block css %}
    {{ encore_entry_link_tags('blogCSS') }}
{% endblock %}
{% block body %}
	<div class="container pt-3" id="posts" data-post-slug="{{ url('blog_home') }}" data-url="{{ app.request.getSchemeAndHttpHost }}">
		<div class="row">
			<h1 class="text-center">Blog Novamar Insurance</h1>
            <div class="line-orange"></div>
		    <div class="col-xl-10 col-lg-10 col-md-12 col-sm-12 col-xs-12">		    	
			     {% 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-newest-posts-list.html.twig'  %}	
                        {% 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 src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" defer></script>
	<script>
        const elementRoot = '#posts'
    </script>
    {{ encore_entry_script_tags('blogJS') }}
{% endblock %}