{% extends 'base.html.twig' %}
{% block body_style %}style="background: #f4f1eb;"{% endblock %}
{% block body %}
<nav class="navbar navbar-light navbar-expand-md" style="padding: 50px 60px;">
<div class="container-fluid"><a class="navbar-brand" href="#">Brand</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="{{ path('home') }}">Home</a></li>
<li class="nav-item"><a class="nav-link" href="{{ path('weddings') }}">Weddings</a></li>
<li class="nav-item"><a class="nav-link" href="{{ path('contact') }}">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="#">NFT</a></li>
</ul>
</div>
</div>
</nav>
<header id="wedding-detail-header" style="position: relative;min-height: 100vh;">
<div style="position: absolute;left: 5%;top: 6%;width: 33.3333333%;">
<h1 style="text-decoration: underline;font-family: 'Source Code Pro', monospace;">{{ wedding.titolo }}</h1>
<p class="pt-5">{{ wedding.descrizione|raw }}</p>
{% if three_photos and three_photos.0 %}
<img class="image-1 mt-5 img-fluid" src="{{ vich_uploader_asset(three_photos.0, "imageFile") }}">
{% endif %}
</div>
{% if three_photos and three_photos.1 %}
<img class="image-2 mt-5 img-fluid" src="{{ vich_uploader_asset(three_photos.1, "imageFile") }}">
{% endif %}
{% if three_photos and three_photos.2 %}
<img class="image-3 mt-5 img-fluid" src="{{ vich_uploader_asset(three_photos.2, "imageFile") }}">
{% endif %}
</header>
<div id="wedding-detail-portfolio" class="min-vh-130">
<div class="container">
<div class="row">
{% for image in gallery %}
<div class="col-md-4">
{% for item in image %}
<img class="img-fluid w-100" src="{{ vich_uploader_asset(item, 'imageFile') }}">
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}