{% extends 'base.html.twig' %}
{% set blogLang = getLang(blog.getBlogLangs(), app.request) %}
{% set pageTitle = blogLang.title %}

{% block meta %}
    <meta property="og:image" content="{{asset('img/blog/'~blog.image)}}">
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/blog-detail.css') }}">
    <style>
        .intro-img {
            background-image: url({{asset('img/blog/'~blog.image)}}) !important;
        }
    </style>
{% endblock %}

{% block content %}
    {% include "components/_intro.html.twig" with {options: {
        title: blogLang.title,
        skip: false,
        isBlogDetail: true,
        watchButton: false,
        blogTags: blog.tagIdArray
    }} %}
    <div class="section-wrapper blog-detail-wrapper">
        <div class="content-section blog-detail">
            {{blogLang.description|raw}}
        </div>
    </div>
    <div class="section-wrapper home-blogs-wrapper">
        <div class="content-section home-blogs">
            <div class="content-title-wrapper">
                <span class="content-title">technoone'dan haberler</span>
            </div>
            <div class="blogs-wrapper">
                <div class="section-title">Güncel Öne Çıkan Haberler</div>
                <a href="{{path('blog', {'locale': locale})}}" class="standart-button border-button arrow-anim arrow-dark">Tümünü inceleyin</a>
            </div>
            <div class="blog-content">
                {% for blog in getBlogs({'perPage':3, 'exclude': [blog.id]}, app.request)['blogs'] %}
                    {% include "components/_blog-item.html.twig" with {blog: blog} %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}