{% include 'includes/esp-nav.html.twig' %}
<div id="content-billets" class="cont-glob resp-back">
    <div class="container">
        <div id="desc-content-billets">
            <h1 style="padding-bottom: 0px;" id="title-billets" class="font-title is-uppercase title-desc">{{ 'BILLETS'|trans }}</h1>

            <div class="columns is-centered is-multiline">
                <div class="column is-full content font-primary">
                    {#
                    <p>Vous pouvez retirer vos places dans l’enceinte de l’O’Brother ou de l’Eau Tarie<br />Le retrait des tickets se fait obligatoirement sur place</p>
                    <p>Vous pourrez retirer vos jetons durant l’événement sur présentation de votre ticket.</p>
                    <p><span class="alert">ATTENTION A VOS BILLETS</span><br />Les tickets sont numérotés, ce qui signifiee que la perte du ticket entraine la perte de la réservation ! </p>
                    <p class="subtitle is-4">Pour toutes autres informations supplémentaires<br />n’hésitez pas à nous contacter ou à venir dans nos bars !</p>
                    
                    <h2 style="font-weight: 500;margin-bottom: 0.5em;margin-top: 0.5em;">Points de vente grand public & Tarifs</h2>
                    <p><b>La billetterie est ouverte !</b></p>
                    <div class="columns" style="display:none">
                        <div class="column shop-item">
                            <img src="{{ asset('images/LOGO_OBROTHER.svg') }}" class="logo-bar" style="margin:0;max-height: 90px;">
                            <address style="line-height: 1.2;">
                                <strong>Bar O'Brother</strong><br>
                                23 rue Racine<br>
                                76600 Le Havre
                            </address>
                        </div>
                        <div class="column shop-item">
                            <img src="{{ asset('images/EAU_TARIE.png') }}" class="logo-bar" style="max-height: 130px;">
                            <address style="line-height: 1.2;">
                                <strong>L'Eau Tarie</strong><br>
                                86 rue Victor Hugo<br>
                                76600 Le Havre
                            </address>
                        </div>
                        <div class="column shop-item">
                            <img src="{{ asset('images/logo-pena.png') }}" class="logo-bar" style="max-height: 130px;">
                            <address style="line-height: 1.2;">
                                <strong>Peña</strong><br>
                                9 pl de l'Hôtel de ville<br>
                                76600 Le Havre
                            </address>
                        </div>
                    </div>

                    <div class="columns is-mobile is-multiline">
                        <div class="column is-6-mobile is-2-desktop">
                            <img src="{{ asset('images/LOGO_OBROTHER.svg') }}" class="logo-bar" style="margin:0;max-height: 90px;">
                        </div>
                        <div class="column is-6-mobile is-2-desktop borderRighted" style="text-align: left;align-items: center; display: flex;">
                            <address style="line-height: 1.2;">
                                <strong>Bar O'Brother</strong><br>
                                23 rue Racine<br>
                                76600 Le Havre
                            </address>
                        </div>
                        <div class="column is-6-mobile is-2-desktop">
                            <img src="{{ asset('images/EAU_TARIE.png') }}" class="logo-bar" style="max-height: 90px;">
                        </div>
                        <div class="column is-6-mobile is-2-desktop borderRighted"  style="text-align: left;align-items: center; display: flex;">
                            <address style="line-height: 1.2;">
                                <strong>L'Eau Tarie</strong><br>
                                86 rue Victor Hugo<br>
                                76600 Le Havre
                            </address>
                        </div>
                        <div class="column is-6-mobile is-2-desktop">
                            <img src="{{ asset('images/logo-pena.png') }}" class="logo-bar" style="max-height: 90px;">
                        </div>
                        <div class="column is-6-mobile is-2-desktop"  style="text-align: left;align-items: center; display: flex;">
                            <address style="line-height: 1.2;">
                                <strong>Peña</strong><br>
                                9 place de l'Hôtel de ville<br>
                                76600 Le Havre
                            </address>
                        </div>
                    </div>



                 <!--   <h2 style="font-weight: 500;margin-bottom: .2em;margin-top:0.5rem">Tarifs</h2>-->
                    <p style="line-height: 0.8;"><strong>35€</strong> (place assise), comprenant un mass (1L) de bière et un repas<br /><br /><strong>20€</strong> (place debout), comprenant un mass (1L) de bière<br /></p>
                    <p style="font-style:italic;font-size: 12px;">Des billets seront également en vente sur place, dans la limite des places disponibles.</p>
                    <p><a href="/fr/cgv">Consulter les conditions générales de vente</a></p>
                    <h2 style="font-weight: 500;margin-bottom: .2em;margin-top: 0.5rem;">Merchandising</h2>
                    <p>Un mini-shop ouvrira ses portes au Palais des Régates afin de vous permettre de repartir avec un souvenir de cette 2ème édition de l’Oktoberfest LH. T-shirts, chapeaux, badges, mass de bière…<br />choisissez votre souvenir préféré !</p>
#}

                        <div class="columns is-multiline is-menu-details">
                            <div class="column is-3"> <h2 style="font-weight: 500;margin-bottom: 0.5em;margin-top: 0.5em;">Grand public</h2></div>
                         <!--    <div class="column  is-menu-details-item">
                                <p class="product"><strong>Ticket normal</strong><br>1 repas/spectacle + 1 mass de bière</p>
                                <p class="price">à venir</p>
                            </div>-->
                           <div class="column is-menu-details-item">
                                <p class="product"><strong>Ticket entrée</strong><br>1 repas/spectacle + 1 mass de bière + 1 Chapeau bavarois</p>
                                <p class="price">48€ TTC / personne</p>
                            </div>
                        </div>

                        <div class="columns is-mobile is-multiline is-vcentered" style="margin-bottom: 1rem;">
                            <div class="column is-12-mobile is-3-desktop"><p style="margin-bottom: 0rem !important;"><b>Points de vente</b></p></div>
                           <!-- <div class="column is-6-mobile is-2-desktop">
                                <a target="_blank" href="//fr-fr.facebook.com/obrotherlh/"><img alt="logo o'brother" src="{{ asset('images/LOGO_OBROTHER.svg') }}" class="logo-bar" style="margin:0;max-height: 90px;"></a>
                            </div>
                            <div class="column is-6-mobile is-2-desktop">
                                <a target="_blank" href="https://www.eau-tarie.fr"><img alt="logo eau tarie" src="{{ asset('images/EAU_TARIE.png') }}" class="logo-bar" style="max-height: 90px;"></a>
                            </div>
                            <div class="column is-6-mobile is-2-desktop">
                                <a target="_blank" href="https://www.facebook.com/penalehavre/"><img alt="logo pena" src="{{ asset('images/logo-pena.png') }}" class="logo-bar" style="max-height: 90px;"></a>
                            </div>
                            <div class="column is-6-mobile is-2-desktop">
                                <a target="_blank" href="https://www.facebook.com/tibrolh/"><img alt="logo tibro" src="{{ asset('images/logo-tibro.jpg') }}" class="logo-bar" style="max-height: 65px;"></a>
                            </div>-->
                            <div class="column">
                                Vente exclusivement sur internet :<br />
                                <a class="button is-link" style="background: #002A5A;font-size:20px" href="https://my.weezevent.com/oktoberfest-le-havre-2023" target="_blank">J'achète mes billets</a>
                            </div>
                        </div>
                        
                        <div class="columns is-multiline is-menu-details">
                            <div class="column is-3"> <h2 style="font-weight: 500;margin-bottom: 0.5em;margin-top: 0.5em;">Entreprises</h2></div>
                            <div class="column is-9 is-menu-details-item">
                                <p class="product"><strong>Ticket entreprise</strong><br>1 repas/spectacle + Bière à volonté + vin à discrétion + 1 chapeau bavarois</p>
                                <p class="price">75€ HT /pers</p>
                            </div>
                        </div>

                        <div class="columns is-mobile is-multiline is-vcentered" style="margin-bottom: 1rem;">
                            <div class="column is-12-mobile is-3-desktop"><p style="margin-bottom: 0rem !important;"><b>Contact</b></p></div>
                            <div class="column is-12-mobile is-9-desktop">Leeloo Loquet par mail : <a href="mailto:leelooloquet@gmail.com">leelooloquet@gmail.com</a></div>
                        </div>

                        <div class="columns is-multiline is-menu-details">
                            <div class="column is-3"> <h2 style="font-weight: 500;margin-bottom: 0.5em;margin-top: 0.5em;">Merchandising</h2></div>
                            <div class="column  is-menu-details-item">
                                <p class="product"><strong>Chapeau</strong><br>bavarois</p>
                                <p class="price">10€</p>
                            </div>
                            <div class="column  is-menu-details-item">
                                <p class="product"><strong>Mass de bière (verre)</strong><br>à retirer à l’accueil en partant</p>
                                <p class="price">10€</p>
                            </div>
                            <div class="column  is-menu-details-item">
                                <p class="product"><strong>T-SHIRT</strong>, <strong>badge</strong><br>et plus encore...</p>
                                <p class="price"></p>
                            </div>
                        </div>

                </div>
            </div>
        </div>
    </div>
</div>
{% include 'includes/mini-footer.html.twig' %}