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

{% block stylesheets %}
	{{parent() }}

{% endblock %}


{% block body %}
    <a class="change-page" type="button" href="{{ path('recup_liste_visites', {'token': token, 'userId': user_id }) }}"><<< Retour à la liste des visites</a>
    <header id="header-visites">
        {{ num_devis }}
    </header>

    
    <table class="table table-striped table-bordered">
        <thead>
            <th scope="col">Créé par</th>
            <th scope="col">Créé le</th>
            <th scope="col">Expire le</th>
        </thead>
        <tbody>
            <tr>
                <td>{{ info_devis.infos[0].PRENOMUSR_0 }} {{ info_devis.infos[0].NOMUSR_0 }}</td>
                <td>{{data_devis.CREDAT}}</td>
                <td>{{data_devis.EXPIRE}}</td>
            </tr>
        </tbody>
    </table>
    
    <table class="table table-striped table-bordered">
        <thead>
            <th scope="col">Client</th>
            <th scope="col">Contact</th>
        </thead>
        <tbody>
            <tr>
                <td>{{data_devis.BPCNAM_0}}</td>
                <td>
                {% for tel_client in tels_client %}
                    {% if tel_client != ' ' %}
                        <div>
                            <button class="update-num" type="button" onClick="changeNumTel('{{ tel_client }}', 'TEL_{{ loop.index }}', '{{ path('update_num_tel') }}' , '{{ asset('assets/img/tel.svg') }}', '{{ num_devis }}')">
                                >>>
                            </button>
                            <a class="num-tel" id="TEL_{{ loop.index }}" href="tel:{{ tel_client }}">
                            <img src="{{ asset('assets/img/tel.svg') }}" width="50px" />{{ tel_client }}</a>
                        </div><br/>
                    {% endif %}
                {% endfor %}
                </td>
            </tr>
        </tbody>
    </table>

    <table class="table table-striped table-bordered">
        <thead>
            <th colspan="3">Heure Prévue</th>
        </thead>
        <tbody>
            <td>{{data_devis.HEUREPLAN_0|split('',2)|join(':')}}</td>
        </tbody>
    </table>

    {% if notes and notes.notes != ' ' %}
        <table class="table table-striped table-bordered">
            <thead>
                <th colspan="3">Notes du planning</th>
            </thead>
            <tbody>
                <td id="notes-contenu">{{ notes.notes }}</td>
            </tbody>
        </table>
    {% endif %}

    <table class="table table-striped table-bordered">
        <thead>
            <th colspan="3">Personne vue sur place</th>
        </thead>
        <tbody>
            <td><textarea id="sur-place" rows="5" cols="30" maxlength="254" onChange="insertInfoSurPlace('{{ path('insert_update_infos_sur_place') }}','{{ data_devis.NUMSEQ_0 }}')"
            >{% if info_sur_place %}{{ info_sur_place.infos }}{% endif %}</textarea></td>
        </tbody>
    </table>

    <div class="table">ADRESSE</div>

    <table class="table table-striped table-bordered">
            <tr>
                <th scope="col">Ligne 1</th>
                <th scope="col">Ligne 2</th>
            </tr>
            <tr>
                <td><textarea id="BPDADDLIG_0"
                    onChange="saveTextArea('BPDADDLIG_0', '{{ path('update_adresse') }}', '{{ num_devis }}')"
                    cols ="25" rows="3"
                    >{{data_devis.BPDADDLIG_0}}</textarea>
                </td>

                <td><textarea id="BPDADDLIG_1" 
                    onChange="saveTextArea('BPDADDLIG_1', '{{ path('update_adresse') }}', '{{ num_devis }}')"
                    cols ="25" rows="3">{{data_devis.BPDADDLIG_1}}</textarea>
                </td>
            </tr>
            <tr>
                <th colspan="2">Ligne 3</th>
            </tr>
            <tr>
                <td colspan="2"><textarea id="BPDADDLIG_2" 
                onChange="saveTextArea('BPDADDLIG_2', '{{ path('update_adresse') }}', '{{ num_devis }}')"
                cols ="25" rows="3"
                >{{data_devis.BPDADDLIG_2}}
                </textarea></td>
            </tr>
    </table>

    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>CP</th>
                <th>Ville</th>
            </tr>
        </thead>
            <tr>
                <td>{{data_devis.BPDPOSCOD_0}}</td>
                <td>{{data_devis.BPDCTY_0}}</td>
            </tr>
        <tbody>
        </tbody>
    </table>
    {% if nouvelle_adresse %}
        <table class="table table-striped table-bordered">
            <thead>
                <th scope="col">Nouvelle adresse</th>
                <th scope="col">Ville</th>
            </thead>
            <tbody>
                <tr>
                    <td>{{adresse_manuelle.ligneAdresse1}} {{adresse_manuelle.ligneAdresse2}}</td>
                    <td>{{adresse_manuelle.cp}} {{adresse_manuelle.ville}}</td>
                </tr>
            </tbody>
        </table>
    {% endif %}

    {% if(info_devis.infos[0].ENTETE) %}
    <table class="table">
        <thead>
            <th scope="col">Commentaire</th>
        </thead>
        <tbody>
            <tr>
                <td>{{ info_devis.infos[0].ENTETE | raw}}</td>
            </tr>
        </tbody>
    </table>
    {% endif %}
    
    {% if(info_devis.infos[0].PIED) %}
    <table class="table">
        <thead>
            <th scope="col">Commentaire #2</th>
        </thead>
        <tbody>
            <tr>
                <td>{{ info_devis.infos[0].PIED | raw}}</td>
            </tr>
        </tbody>
    </table>
    {% endif %}
    
    <div id="btn-geoloc">  
        {# <a type="button" id="save-geoloc" href="{{ path('saisie_manuelle_loca', {'planif' : data_devis.NUMSEQ_0, 'numDevis' : num_devis, 'token': token, 'userId': user_id}) }}">
        Saisie manuelle de l'adresse
        </a> #}
        {% if(geoloc) %}      
            <a type="button" id="save-geoloc" target="_blank" href="https://www.google.com/maps/search/?api=1&query="+ {{ geoloc.latitude }} + "," 
            + {{ geoloc.longitude }}>
            Voir la position
            </a>
            {# <a type="button" id="update-geoloc" onClick="geoFindMeUpdate('{{ path("sauvegard_geoloc_chantier") }}', {{ data_devis.NUMSEQ_0 }})">
            Modifier la localisation
            </a> #}
        {% else %}
            {# <a type="button" id="save-geoloc" onClick="geoFindMe('{{ path("sauvegard_geoloc_chantier") }}', {{ data_devis.NUMSEQ_0 }})">
            Ajouter la localisation
            </a> #}
        {% endif %}
    </div>

    <div id="btn-rapport">        
        {# <a type="button" id="redirect-rapport" href="{{ path('photo_commentaire', {'planif' : data_devis.NUMSEQ_0, 'numDevis' : num_devis, 'url_details' : url_details, 'token': token, 'userId': user_id}) }}"> #}
        <a type="button" id="redirect-rapport" href="{{ path('photo_commentaire', {'planif' : data_devis.NUMSEQ_0, 'numDevis' : num_devis, 'token': token, 'userId': user_id, 'date': date}) }}">
            {% if(nb_photos > 0) %}
                Continuer la visite
            {% else %}
                Démarrer la visite
            {% endif %}
        </a>
    </div>

    <div>
        <center>
            <a id="redirect-rapport" type="button" target="_blank" href="{{ path('generation_pdf', {'planif' : data_devis.NUMSEQ_0, 'token': token, 'userId': user_id, 'date': date}) }}">Visualiser le rapport</a>
        </center>

        <center>
            <a id="send-rapport" type="button" href="{{ path('send_rapport', {'nomClient': data_devis.BPCNAM_0 ,'planif' : data_devis.NUMSEQ_0, 'token': token, 'userId': user_id, 'date' : date}) }}">Envoyer le rapport</a>
        </center>
    </div>

    <br>
    <h2>Liste Articles</h2>
    
    <div id="liste-articles">
        <div class="ligne-article">
            <div scope="col">Référence</div>
            <div scope="col">Libelle Description</div>
            <div scope="col">Quantité</div>
        </div>
        {% for ligne in info_devis.listeLignes  %}
            <div class="ligne-article">
                <div>{{ ligne.ITMREF_0 }}</div>
                <div>{{ ligne.SEAKEY_0 }}<br/>{{ ligne.ITMDES1_0 }}</div>
                <div class="quantite">{{ ligne.QTY_0 }}</div>
            </div>
        {% endfor %}
    </div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
    <script src=" {{ asset('assets/js/scriptsDevis.js') }}"></script> 
    <script src=" {{ asset('assets/js/geoloc.js') }}"></script>

    <script>
    $( function() {
        {% if nouvelle_adresse %}
            $(".adresse-devis").css('text-decoration', 'line-through')
            $(".adresse-devis").css('color', 'lightgrey')
            $(".adresse-devis").css('text-decoration', 'line-through')
        {% endif %}
    })
    </script>
{% endblock %}