{% extends 'base.html.twig' %}{% block meta %} <meta name="description" content="Acheter vinyle {{ vinyl.designation }}, vinyle {{vinyl.styles[0].name}}. {{ vinyl.description }}"> <meta name="keywords" content="Mazykka, vinyles, {% for style in vinyl.styles %} {{ style.name }}{% if not loop.last %},{% endif %} {% endfor %} "> <meta property="og:url" content="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ path('vinyls_show', {'slug': vinyl.slug}) }}" /> {% if vinyl.img != null %} <meta property="og:image" content="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('uploads/vinyles/' ~ vinyl.slug ~ '/' ~ vinyl.img) }}" /> {% endif %}{% endblock %}{% block title %}{{ vinyl.designation }}{% endblock %}{% block hero %} <h1 class="text-center">{{ 'vinyl_detail.hero_title'|trans }} <span>{{ vinyl.designation }}</span></h1>{% endblock %}{% block body %}<section class="vinyl_details bg-white rounded mt-4"> <br> <div class="container-fluid mt-4 w-100 mx-0 px-2"> <div class="row justify-content-center"> <div class="col-lg-4 col-md-4"> <div class="product__details__pic"> <div class="product__details__pic__item"> {% if vinyl.img != null %} <img src="{{ asset('uploads/vinyles/' ~ vinyl.slug ~ '/' ~ vinyl.img) }}" class="card-img-top" alt="{{ vinyl.designation }} - vinyle {{ vinyl.styles[0].name }}"> {% else %} <img src="{{ asset('uploads/vinyles/default_vinyl.png') }}" class="card-img-top" alt="{{ vinyl.designation }} - vinyle {{ vinyl.styles[0].name }}"> {% endif %} <div class="banner bg-primary fs-5 text-white text-center"> {% if vinyl.promo and vinyl.promo > 0 %} {{ 'vinyl_pages.promo'|trans }} {% else %} {% if vinyl.promotes|length > 0 %} {% for promote in vinyl.promotes %} {% if promote.name == "new" %} {{ 'vinyl_pages.new_item'|trans }} {% elseif promote.name == "best-seller" %} {{ 'vinyl_pages.best_seller'|trans }} {% elseif promote.name == "repress" %} {{ 'vinyl_pages.repress'|trans }} {% else %} {{ promote.name|capitalize }} {% endif %} {% if not loop.last %} / {% endif %} {% endfor %} {% endif %} {% endif %} </div> </div> </div> </div> <div class="col-lg-6 col-md-6"> <div class="product__details__text"> <ul class="border-0 mt-0 mb-3"> <li> <b>{{ 'vinyl_pages.title'|trans }}</b> <span>{{ vinyl.designation }}</span> </li> <li> <b>{{ 'vinyl_pages.reference'|trans }}</b> <span>{{ vinyl.ref }}</span> </li> <li> <b>{{ 'vinyl_pages.artist'|trans }}</b> {% for artist in artists %} <a href="{{ path('vinyls_search', {'artist': artist.id}) }}">{{ artist.name }}</a> {% if not loop.last %} | {% endif %} {% endfor %} </li> <li> <b>{{ 'vinyl_pages.label'|trans }}</b> <span> <a href="{{ path('vinyls_search', {'label': vinyl.label.id}) }}">{{ vinyl.label.name }}</a> </span> </li> <li> <b>{{ 'vinyl_pages.style'|trans }}</b> {% for style in vinyl.styles %} <span> <a href="{{ path('vinyls_index', {'stylename': style.slug}) }}">{{ style.name|capitalize }}</a> </span> {% if not loop.last %}/{% endif %} {% endfor %} </li> <li> <b>{{ 'vinyl_pages.release_date'|trans }}</b> <span>{{ vinyl.year }}</span> </li> <li> <b>{{ 'vinyl_pages.condition'|trans }}</b> <span>{{ vinyl.state }}</span> </li> <li> <b>{{ 'vinyl_pages.nb_vinyls'|trans }}</b> <span>{{ vinyl.nbItems }}</span> </li> <li> <b>{{ 'vinyl_pages.availability'|trans }}</b> {% if vinyl.quantity > 0 %} <span class="success fw-bold px-2">{{ 'vinyl_pages.in_stock'|trans }}</span> {% else %} <span class="error fw-bold px-2">{{ 'vinyl_pages.out_of_stock'|trans }}</span> {% endif %} </li> </ul> <p>{{ vinyl.description|nl2br }}</p> <form action="{{ path('cart_add', {'id': vinyl.id}) }}" method="POST" name="form_qty" id="form_qty"> <div class="container w-100"> <div class="row flex-wrap"> <div class="col-lg-6 col-md-6"> <div class="product__details__price text-center"> {% if vinyl.promo and vinyl.promo > 0 %} <del class="fw-normal fs-6 me-2">{{ vinyl.price|number_format(2) }} €</del> <span class="success">{{ vinyl.promo|number_format(2) }} €{% if vinyl.state == "neuf" %} <span class="vat">{{ 'vinyl_pages.ttc'|trans }}</span>{% endif %}</span> {% else %} {{ vinyl.price|number_format(2) }}€{% if vinyl.state == "neuf" %} <span class="vat">{{ 'vinyl_pages.ttc'|trans }}</span>{% endif %} {% endif %} </div> </div> <div class="col-lg-6 col-md-6 text-center"> {% if vinyl.quantity > 0 %} <div class="product__details__quantity"> <div class="quantity"> <div class="pro-qty"> <input type="text" name="qty" id="qty" value="1" min="1" max="{{ vinyl.quantity }}"> </div> </div> </div> {% endif %} </div> </div> <div class="container text-center my-4"> {% if vinyl.quantity > 0 %} {% if app.user %} <button type="submit" class="btn primary-btn w-100"><i class="fa fa-shopping-cart" aria-hidden="true"></i></button> {% else %} <button type="button" class="btn btn-primary mt-2 w-100" data-bs-toggle="modal" data-bs-target="#needConnexionModal"> <i class="fa fa-shopping-cart" aria-hidden="true"></i> </button> {% endif %} {% endif %} </div> </div> </form> </div> </div> </div> <div class="row justify-content-center mt-4"> <div class="col-lg-8"> <div class="section-title"> <h2>{{ 'vinyl_pages.audio_tracks'|trans }}</h2> </div> <div class="tracklist mt-4 d-flex flex-column justify-content-center text-center"> {% for track in vinyl.tracks %} <div class="row flex-wrap my-1"> <div class="col-lg-6 col-md-12"> <p> {{ track.piste }} - {{ track.title }} {% for artist in track.artists %} <a href="{{ path('vinyls_search', {'artist': artist.id}) }}">{{ artist.name }}</a> {% if not loop.last %} & {% endif %} {% endfor %} </p> </div> <div class="col-lg-6 col-md-12"> <audio controls src="{{ asset('uploads/vinyles/' ~ vinyl.slug ~ '/' ~ track.filename ~ '.mp3' ) }}" controlslist="nodownload" preload="none"> {{ 'vinyl_pages.browser_no_support'|trans }} <code>{{ 'vinyl_pages.audio_element'|trans }}</code> {{ 'vinyl_pages.element'|trans }} </audio> </div> </div> {% endfor %} </div> </div> </div> </div></section>{% endblock %}{# Extras #}{% block extras %} {% include "components/theme/_extras.html.twig" %}{% endblock %}