{% extends 'base.html.twig' %}
{% block title %}
{{ entry.title }}
{% endblock %}
{% block meta_og_title %}
{{ entry.title }}
{% endblock %}
{% block meta_twitter_title %}
{{ entry.title }}
{% endblock %}
{% block meta_description %}
{% if entry.description %}
{{ entry.description }}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block meta_og_description %}
{% if entry.description %}
{{ entry.description }}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block meta_og_image %}
{% if entry.mainImg %}
<meta property="og:image" content="{{ absolute_url(path('blog_image', {"filename": entry.mainImg})) }}">
<meta property="og:image:alt" content="{{ entry.title }}">
<meta property="og:image:width" content="{{ entry.mainImgWidth }}">
<meta property="og:image:height" content="{{ entry.mainImgHeight }}">
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block body %}
<main id="blog">
<div class="breadcrumbs">
<div class="breadcrumbsContainer">
<a href="/">TOP</a>
<span></span>
<a href="{{ path('blog_index') }}">ブログ</a>
<span></span>
<div>{{ entry.title }}</div>
</div>
</div>
<div class="blogDetail">
<h1>{{ entry.title }}</h1>
<div class="blogDetail__timeCategory">
<time>{{ entry.entryDate|date('Y.m.d') }}</time>
<span>{{ entry.category.name }}</span>
</div>
{% if entry.mainImg %}
<img src="{{ path('blog_image', {"filename": entry.mainImg}) }}" alt="{{ entry.title }}">
{% endif %}
<div>{{ entry.content|raw }}</div>
<div class="blogDetailInner">
{% for child in entry.children %}
{% if child.headline %}
<h2>{{ child.headline }}</h2>
{% endif %}
{% if child.image %}
<img src="{{ path('blog_image', {"filename": child.image}) }}" alt="{% if child.headline %}{{ child.headline }}{% else %}{{ entry.title }}{% endif %}">
{% endif %}
{% if child %}
<div>{{ child.content|raw }}</div>
{% endif %}
{% endfor %}
</div>
<a href="{{ path('blog_index') }}" class="button_back">一覧へ戻る</a>
</div>
</main>
</main>{% endblock %}