{% include 'header.twig' %}
{% if user['auth'] %}
{% else %}
<style>.app-main{padding-top: 125px}</style>
{% endif %}
<main class="app-main">
    <div class="page-content">
      {% if user['auth'] %}
        <div class="container-fluid">
      {% else %}
         <div class="container">
      {% endif %}
		
			<div class="hp-bbox mt-5 mb-5">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="hpbb-body">
                            <h2 class="hp-title">{{ lang['smmspot.blogpost.title'] }} </h2>
                            <p class="hpbb-text">
								{{ lang['smmspot.blogpost.text'] }} 
							</p>
                        </div>
                    </div>
                </div>
            </div>
            {% for post in blogList %}
			<div class="card">
				<div class="card-afip-body">
            {% if post['blog_image'] %} <p><img src="{{ post['blog_image'] }}" alt="{{ post['blog_title'] }}" class="img-fluid"></p> {% endif %}
					<h1>{{ post['blog_title'] }}</h1>
					<div>{{ post['blog_content'] }}</div>
				</div>
			</div>

			<a href="{{ site['url'] }}/blog" class="btn btn-primary mt-3">{{ lang['blog.back'] }}</a>
			{% endfor %}
        </div>
    </div>
</main>
{% include 'footer.twig' %}
 