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

{% block head %}
    {{ parent() }}
{% endblock %}

{% block title %}
    {{ parent() }}
{% endblock %}

{% block header %}
    {{ parent() }}
{% endblock %}

{% block body %}

    <!-- Contact Start -->
    <div class="container-xxl contact py-5">
        <div class="container">
            <div class="section-title text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
                <p class="fs-5 fw-medium fst-italic text-primary">Restauration</p>
                <h1 class="display-6">Eolia Normandie vous propose plusieurs services de restaurations sur ses différents sites.</h1>
            </div>
        </div>
    </div>
<!-- Contact Start -->
    <div class="container">
        <div class="row">
            <div class="col text-center ratio ratio-16x9">
                <h2 class="section-heading">Browse <span class="theme-accent-color">The</span> Menu</h2>
                <hr class="thin-hr">
                <iframe src="{{ path('visualiser_pdf') }}" type="application/pdf"></iframe>
            </div>
            <div class="card-body pt-0">
                <form action="{{ path('restauration') }}" method="post" enctype="multipart/form-data">
                    {{ form_start(form) }}
                    <div class="mb-3">
                        <label class="form-label" for="exampleInputPassword1">Image</label>
                        {{ form_widget(form.image) }}
                    </div>
                    {{ form_end(form) }}
                </form>
            </div>
        </div>
    </div>
<div class="container">
    <section class="dark-wrapper opaqued parallax" data-parallax="scroll" data-image-src="assets/img/bg/bg1.jpg" data-speed="0.8">
        <div class="section-inner">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center mb100">
                        <h2 class="section-heading">Book <span class="theme-accent-color">Your</span> Table</h2>
                        <hr class="thin-hr">
                        <h3 class="section-subheading secondary-font">Satisfaction, everytime.</h3>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row mb100">

                    <div class="col-md-5 col-sm-7 wow fadeIn">
                        <h3 class="mb30">Opening Times</h3>
                        <div class="row">
                            <div class="col-xs-5">
                                <ul class="list-unstyled weekdays">
                                    <li>Monday</li>
                                    <li>Tuesday</li>
                                    <li>Wednesday</li>
                                    <li>Thursday</li>
                                    <li>Friday</li>
                                    <li>Saturday</li>
                                    <li>Sunday</li>
                                </ul>
                            </div>
                            <div class="col-xs-7">
                                <ul class="list-unstyled">
                                    <li>11:00 AM - 11:00 PM</li>
                                    <li>11:00 AM - 11:00 PM</li>
                                    <li>11:00 AM - 11:00 PM</li>
                                    <li>11:00 AM - 11:00 PM</li>
                                    <li>11:00 AM - 1:00 AM</li>
                                    <li>11:00 AM - 1:00 AM</li>
                                    <li>11:00 AM - 1:00 AM</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Store Start -->
                <div class="container-xxl py-5">
                    <div class="container">
                        <div class="section-title text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
                            <p class="fs-5 fw-medium fst-italic text-primary">Online Store</p>
                            <h1 class="display-6">Want to stay healthy? Choose tea taste</h1>
                        </div>
                        <div class="row g-4">
                            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                                <div class="store-item position-relative text-center">
                                    <img class="img-fluid" src="/SiteEolia/public/assets/img/store-product-1.jpg" alt="">
                                    <div class="p-4">
                                        <div class="text-center mb-3">
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                        </div>
                                        <h4 class="mb-3">Nature close tea</h4>
                                        <p>Aliqu diam amet diam et eos. Clita erat ipsum lorem erat ipsum lorem sit sed</p>
                                        <h4 class="text-primary">$19.00</h4>
                                    </div>
                                    <div class="store-overlay">
                                        <a href="" class="btn btn-primary rounded-pill py-2 px-4 m-2">More Detail <i class="fa fa-arrow-right ms-2"></i></a>
                                        <a href="" class="btn btn-dark rounded-pill py-2 px-4 m-2">Add to Cart <i class="fa fa-cart-plus ms-2"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                                <div class="store-item position-relative text-center">
                                    <img class="img-fluid" src="/SiteEolia/public/assets/img/store-product-2.jpg" alt="">
                                    <div class="p-4">
                                        <div class="text-center mb-3">
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                        </div>
                                        <h4 class="mb-3">Green tea tulsi</h4>
                                        <p>Aliqu diam amet diam et eos. Clita erat ipsum lorem erat ipsum lorem sit sed</p>
                                        <h4 class="text-primary">$19.00</h4>
                                    </div>
                                    <div class="store-overlay">
                                        <a href="" class="btn btn-primary rounded-pill py-2 px-4 m-2">More Detail <i class="fa fa-arrow-right ms-2"></i></a>
                                        <a href="" class="btn btn-dark rounded-pill py-2 px-4 m-2">Add to Cart <i class="fa fa-cart-plus ms-2"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                                <div class="store-item position-relative text-center">
                                    <img class="img-fluid" src="/SiteEolia/public/assets/img/store-product-3.jpg" alt="">
                                    <div class="p-4">
                                        <div class="text-center mb-3">
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                            <small class="fa fa-star text-primary"></small>
                                        </div>
                                        <h4 class="mb-3">Instant tea premix</h4>
                                        <p>Aliqu diam amet diam et eos. Clita erat ipsum lorem erat ipsum lorem sit sed</p>
                                        <h4 class="text-primary">$19.00</h4>
                                    </div>
                                    <div class="store-overlay">
                                        <a href="" class="btn btn-primary rounded-pill py-2 px-4 m-2">More Detail <i class="fa fa-arrow-right ms-2"></i></a>
                                        <a href="" class="btn btn-dark rounded-pill py-2 px-4 m-2">Add to Cart <i class="fa fa-cart-plus ms-2"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 text-center wow fadeInUp" data-wow-delay="0.1s">
                                <a href="" class="btn btn-primary rounded-pill py-3 px-5">View More Products</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Store End -->

                {% endblock %}

                {% block footer %}
                {{ parent() }}
{% endblock %}