{% extends "base.html.twig" %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/pages/blog.css') }}">
{% endblock %}

{% block body %}
    {% include "components/_header-search.html.twig" with {options:{
        defaultText: "BLOG KATEGORİSİ SEÇİN",
        items: [
            "<a href=''>Lorem Ipsum</a>",
            "<a href=''>Lorem Ipsum</a>",
            "<a href=''>Lorem Ipsum</a>",
            "<a href=''>Lorem Ipsum</a>",
            "<a href=''>Lorem Ipsum</a>",
            "<a href=''>Lorem Ipsum</a>"
        ]
    }} %}
    <div class="section-wrapper section-blogs-wrapper pad-left pad-right">
        {% include "components/_breadcrumb.html.twig" with {title: "Blog"} %}
        <div class="section-content section-blogs">
            {% for i in 1..10 %}
                {% include "components/_blog-item.html.twig" with {options:{
                    link: path('blog-detail', {alias: 'test'})
                }} %}
            {% endfor %}
        </div>
    </div>
{% endblock %}