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

{% block title %}{{ title }}{% endblock %}

{% block body %}

    {% set currentPath = url(app.request.attributes.get('_route'),
        app.request.attributes.get('_route_params'))
    %}

<main id="main" class="site-main">
    <div class="page-title background-cart">
        <div class="container">
            <h1>{{ title }}</h1>
            <div class="breadcrumbs">
                <ul>
                    <li><a href="{{ path('page.home') }}">Home</a><span>/</span></li>
                    <li>Récompense<span>/</span></li>
                    <li>{{ title }}</li>
                </ul>
            </div><!-- .breadcrumbs -->
        </div>
    </div><!-- .page-title -->
    <div class="container">
        <div class="row">
            <div class="col-lg-8 main-content">
                <div class="shop-details-content">
                    <article class="post">

                        <div class="shop-detail-img mb-2">
                            <div id="owl-shop" class="shop-slider">

                                <div class="item">
                                    <img src="{{ vich_uploader_asset(reward, 'imageFile') | imagine_filter('cover') }}" alt="{{ reward.title }}" >
                                </div>

                            </div>
                        </div>
                        <h3>Description</h3>
                        <p>{{ reward.description | raw }}</p>

                    </article>
                </div>
            </div><!-- .main-content -->
            <div class="col-lg-4 sidebar">
                <aside class="widget widget-action">
                    <h3 class="widget-title">{{ reward.amount | format_currency('GNF') }}</h3>
                    <div class="widget-content">
                        <div class="action-desc"><p>Simple, adjustable, portable - standing desks that transform the way you work</p></div>
                        <form method="post" action="{{ path('basket.reward.add', {'id': reward.id}) }}" class="js-addProduitForm">
                            <label>Quantité</label>
                            <select name="quantity" class="form-control">
                                {% for q in range(1,reward.remainingQuantity) %}
                                    <option value="{{ q }}">{{ q }}</option>
                                {% endfor %}
                            </select>
                            <button type="submit" value=""  class="btn-primary"><span class="ion-bag"></span>Payer</button>
                        </form>
                    </div>
                </aside><!-- .widget-search -->
                <aside class="widget widget-share">
                    <h3 class="widget-title">Partager</h3>
                    <div class="widget-content">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-vk" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </aside><!-- .widget-search -->
            </div>
        </div>
    </div>
</main><!-- .site-main -->

{% endblock %}