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

{% block og_title %}Mon entreprise{% endblock %}

{% block og_description %}Page de vue de son entreprise{% endblock %}

{% block title %}{{ parent() }} | Mon entreprise{% endblock %}


{% block body %}

    <div id="page" class="theia-exception">

    <main>
        {% for entreprise in dataEntreprise %}
            <div class="hero_in restaurant_detail">
                <img src="{{ entreprise.photoEntreprise }}" class="img-fluid"
                     alt="Photo de l'entreprise {{ entreprise.nomEntreprise }}">
            </div>
        {% endfor %}
        <!--/hero_in-->

        <nav class="secondary_nav sticky_horizontal_2">
            <div class="container">
                <ul class="clearfix">
                    <li><a href="#description" class="active">Description</a></li>
                    <li><a href="#reviews">Reviews</a></li>
                    <li><a href="#sidebar">Booking</a></li>
                </ul>
            </div>
        </nav>

        <div class="container margin_60_35">
            <div class="row">
                {% for entreprise in dataEntreprise %}
                <section id="description">
                    <div class="detail_title_1">
                        <h1>{{ entreprise.nomEntreprise }}</h1>
                        <a class="address"> {{ entreprise.adresse ~' '~ entreprise.ville ~' '~ entreprise.cp }}</a>
                    </div>
                    <p>{{ entreprise.description }}</p>

                    <div class="opening">
                        <i class="icon_clock_alt"></i>
                        <h4>Opening Hours</h4>
                        <div class="row">
                            <div class="col-md-6">
                                {% for horaire in horaires|slice(0, 4) %}
                                    <ul>
                                        <li>{{ horaire.jourSemaine }}

                                            {% if  horaire.apresmidiOuverture == '00:00:00' and horaire.apresmidiFermeture == '00:00:00' %}
                                                <span style="margin-right: 2%"> Fermée </span>
                                            {% else %}
                                                <span>{{ horaire.apresmidiOuverture|date('H:i') ~ ' - ' ~  horaire.apresmidiFermeture|date('H:i') }} </span>
                                            {% endif %}

                                            {% if  horaire.matinOuverture == '00:00:00' and horaire.matinFermeture == '00:00:00' %}
                                                <span style="margin-right: 7%">Fermée</span>
                                            {% else %}
                                                <span style="margin-right: 2%">{{ horaire.matinOuverture|date('H:i') ~ ' - ' ~  horaire.matinFermeture|date('H:i') }}</span>
                                            {% endif %}
                                        </li>
                                    </ul>
                                {% endfor %}
                            </div>

                            <div class="col-md-6">
                                {% for horaire in horaires|slice(4, 6) %}
                                    <ul>
                                        <li>{{ horaire.jourSemaine }}

                                            {% if  horaire.apresmidiOuverture == '00:00:00' and horaire.apresmidiFermeture == '00:00:00' %}
                                                <span style="margin-right: 2%"> Fermée </span>
                                            {% else %}
                                                <span>{{ horaire.apresmidiOuverture|date('H:i') ~ ' - ' ~  horaire.apresmidiFermeture|date('H:i') }} </span>
                                            {% endif %}

                                            {% if  horaire.matinOuverture == '00:00:00' and horaire.matinFermeture == '00:00:00' %}
                                                <span style="margin-right: 7%">Fermée</span>
                                            {% else %}
                                                <span style="margin-right: 2%">{{ horaire.matinOuverture|date('H:i') ~ ' - ' ~  horaire.matinFermeture|date('H:i') }}</span>
                                            {% endif %}
                                        </li>
                                    </ul>
                                {% endfor %}
                            </div>
                        </div>

                        <script type="application/ld+json">
                            {
                                "@context": "https://schema.org",
                                "@type": "",
                                "name": "Phare Web",
                                "image": "https://www.phare-web.com/images/og/monimage.jpg",
                                "url": "{{ app.request.schemeAndHttpHost ~ app.request.pathInfo }}",
                                "telephone": "{{ entreprise.utilisateur.telephone }}",
                                "address": {
                                    "@type": "PostalAddress",
                                    "streetAddress": "{{ entreprise.adresse }}",
                                    "addressLocality": "{{ entreprise.ville }}",
                                    "postalCode": "{{ entreprise.cp }}",
                                    "addressCountry": "FR"
                                },
                                "geo": {
                                    "@type": "GeoCoordinates",
                                    "latitude": "{{ coordonneesEntreprise.latitude }}",
                                    "longitude": "{{ coordonneesEntreprise.longitude }}"
                                },
                                "openingHoursSpecification": {
                            {% for horaire in horaires %}
                            "@type": "OpeningHoursSpecification",
                            "dayOfWeek": "{{ horaire.jourSemaine }}",
                            "opens": "{{ horaire.matinOuverture|date('H:i') }}",
                            "closes": "{{ horaire.apresmidiFermeture|date('H:i')}}"
                            {% endfor %}
                            }
                        }
                        </script>
                        {% endfor %}
                    </div>
                    <hr>

                    <h3>Localisation</h3>

                    <img src="{{ coordonneesEntreprise.map_url }}" alt="Carte de {{ coordonneesEntreprise.adresse_entreprise }}">

                    <p>Adresse: {{ coordonneesEntreprise.adresse_entreprise }}</p>

                </section>
                <section id="reviews">
                    <h2>Avis Google</h2>
                    {% if avisGoogle [2] is not null %}
                    <div class="reviews-container add_bottom_30">
                        <div class="row" style="display: flex; justify-content: center">
                            <div class="col-lg-5">
                                <div id="review_summary">
                                    <strong>{{ avisGoogle[1] }}/5</strong>
                                    <small>Nombre d'avis ({{ avisGoogle[2] }}),<a
                                                href="https://www.google.com/maps/place/?q=place_id:{{ avisGoogle[3] }}">
                                            en voir plus</a></small>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="reviews-container">
                        {% for avis in avisGoogle[0] %}
                            <div class="review-box clearfix">
                                <figure class="rev-thumb"><img src="{{ avis.profile_photo_url }}"
                                                               alt="Photo de profil de {{ avis.author_name }}">
                                </figure>
                                <div class="rev-content">
                                    <div class="rating">
                                        {% for etoile in range(1,5) %}
                                            {% if etoile <= 5 %}
                                                <i class="icon_star voted"></i>
                                            {% else %}
                                                <i class="icon_star"></i>
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="rev-info">
                                        {{ avis.author_name }}– {{ avis.relative_time_description }}:
                                    </div>
                                    <div class="rev-text">
                                        <p>
                                            {{ avis.text }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}

                        {% else %}

                            <div class="reviews-container add_bottom_30">
                                <div class="row" style="display: flex; justify-content: center">
                                    <div class="col-lg-5">
                                        <div id="review_summary" style="background: red">
                                            <strong>Pas d'avis Google</strong>
                                            <small>
                                                <a href="https://www.google.com/maps/place/?q=place_id:{{ avisGoogle[3] }}">
                                                    Accèder à la fiche Google</a>
                                            </small>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        {% endif %}
                    </div>
                </section>
                <hr>
            </div>
        </div>
    </main>


{% endblock %}