{# templates/layout/right_column.html.twig #}
<div class="col-md-3">
    
    {# <div class="box_style_1">
        <h5>Podcast Plateforme Cleanolia</h5>
        <audio id="message_vocal">
            <source src="https://www.cleanolia.fr/public/assets/message_vocal.mp3">
            <input type="hidden" id="i_mvp" value="{{ mvp_save }}">
        </audio>
        <div class="row" id="player-holder">
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align:center;" id="play-pause">
                <i class="icon-play" id="btnplay"></i>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align:center;">
                <i class="icon-stop" id="btnstop"></i>
            </div>
        </div>
    </div> #}

    {% if current in ['home_page', 'societe_nettoyage', 'fin_chantier', 'maison_appartement', 'entretien_bureaux', 'immeubles', 'industriel', 'entretien_entrepot', 'evenementiel', 'cristallisation', 'apres_sinistre'] %}
    {% if data_ville is defined and data_ville.ville is defined %}{% set value_ville = data_ville.ville %}{% else %}{% set value_ville = '' %}{% endif %}
    {% if data_ville is defined and data_ville.cp is defined %}{% set value_cp = data_ville.cp %}{% else %}{% set value_cp = '' %}{% endif %}
    {% if data_ville is defined and data_ville.id is defined %}{% set value_id = data_ville.id %}{% else %}{% set value_id = '0' %}{% endif %}
    <div class="box_style_1">
        <h4>Demander un devis</h4>
        <div class="row">
            <div class="col-md-12 col-sm-12">
              {{ form_start(form_devis, {'attr':{'id':'devis_form', 'action':path('demander_devis')}}) }}  
                {# <div class="form-group">
                    {{ form_widget(form_devis.prenom, {'attr':{'class':'form-control', 'placeholder':'Prénom *'}}) }}
                </div> #}
                <div class="form-group">
                    {{ form_widget(form_devis.nom, {'attr':{'class':'form-control', 'placeholder':'Nom *', 'autocomplete':'off'}}) }}
                </div>
                {# <div class="form-group">
                    {{ form_widget(form_devis.villeClient, {'attr':{'class':'form-control', 'placeholder':'Ville'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.cpClient, {'attr':{'class':'form-control', 'placeholder':'Code postal'}}) }}
                </div> #}
                <div class="form-group">
                    {{ form_widget(form_devis.adresse, {'attr':{'class':'form-control', 'placeholder':'Adresse d\'intervention *', 'style':'height:48px;resize:none;', 'autocomplete':'none'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.ville, {'attr':{'class':'form-control', 'placeholder':'Ville d\'intervention *', 'value':value_ville, 'autocomplete':'none'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.cp, {'attr':{'class':'form-control', 'placeholder':'CP d\'intervention *', 'value':value_cp, 'autocomplete':'none'}}) }}
                    {{ form_widget(form_devis.idVille, {'attr':{'value':value_id}}) }}
                </div>
                <div id="search_ville">
                    <div class="close_search_ville">X</div>
                    <div class="data_search_ville"></div>
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.service) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.surface, {'attr':{'class':'form-control', 'placeholder':'Surface (m²) *', 'autocomplete':'off'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.frequence) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.email, {'attr':{'class':'form-control', 'placeholder':'Email *', 'autocomplete':'none'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.tel, {'attr':{'class':'form-control', 'placeholder':'Tél. *', 'autocomplete':'off'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.description, {'attr':{'class':'form-control', 'placeholder':'Description *', 'style':'height:66px;resize:none;'}}) }}
                </div>
                <div class="form-group">
                    <label for="form_cgus">
                        {{ form_widget(form_devis.cgus) }} <span id="cgus_label" style="font-weight:normal;">J'accepte les <a target="_blank" href="{{ path('cgu') }}">CGUS</a> *</span>
                    <label>
                </div>
                <div class="form-group">
                    <label for="form_newsletter">
                        {{ form_widget(form_devis.newsletter) }} <span id="newsletter_label" style="font-weight:normal;">J'accepte de recevoir la newsletter mensuelle par email</span>
                    <label>
                </div>
                <div class="form-group">
                    <div id="form_alert" style="color:#ff0000;font-size:0.9em;text-align:center;"></div>
                </div>
                <div class="form-group">
                    <button type="button" id="submit_devis" class="btn_1 medium">Envoyer</button>
                </div>
              {{ form_end(form_devis) }}  
            </div>
        </div>
    </div>
    {% endif %}
    
    <div class="box_style_1">
        <h5>Artisan ?</h5>
        <ul id="cat_nav">
            <li><a href="{{ path('artisan_home') }}" title="" target="_blank">Mon espace</a></li>
            <li><a href="{{ path('inscription_artisan') }}" title="">Inscrivez-vous</a></li>
        </ul>
        <hr>
        <h5>Client ?</h5>
        <ul id="cat_nav">
            {% if app.user %}
            <li><a href="{{ path('client_logout') }}" title="">Déconnexion</a></li>
            {% else %}
            <li><a href="{{ path('client_home') }}" title="">Connexion</a></li>
            {% endif %}
        </ul>
    </div>
    
    {# <div class="box_style_2">
        <ul>
            <li><strong>Adresse :</strong> 7 Rue de l'Estrapade,<br>75005 Paris, France</li>
            <li><strong>Tél. :</strong> <a href="javascript:void(0);">09 72 30 92 06</a></li>
            <li><strong>Email :</strong> <a href="javascript:void(0);">info@cleanolia.fr</a></li>
        </ul>
    </div> #}
    
    {# % if current not in ['inscription_artisan'] %}
    <div class="quote_banner"><a href="{{ path('inscription_artisan') }}">Artisan? Inscrivez-vous</a></div>
    {% endif % #}
    
    <div style="clear:both;"></div>
    <div>
        <div class="rating-holder" style="margin:-10px 0 0;padding-left:10px;">
            <div class="row">
                <div class="container-stars" id="container-stars-glb">
                    <input id="input-id" type="number" class="rating" data-size="xs" value="{{ rating_value }}">
                    <p> {{ diff }} Avis</p>
                </div>
                <div style="clear:both;"></div>
            </div>
        </div>
    </div>
</div>