{% extends "YOUCommercantBundle::layout.html.twig" %}

{% block container %}

    <div style="margin-left: 15px">
        <h3>Mes informations</h3>
        <div id="mes-infos">
            <p>
                <span>Nom</span>
                <span>{{ user.customer.nom }}</span>
            </p>
            <p>
                <span>Prénom</span>
                <span>{{ user.customer.prenom }}</span>
            </p>
            <p>
                <span>Fonction au sein de l'entreprise</span>
                <span class="value">{{ user.customer.fonction }}</span>
            </p>
            <p>
                <span>N° téléphone fixe</span>
                <span class="value">{{ user.customer.fixe }}</span>
                <span class="form"><input type="text" name="fixe" value="{{ user.customer.fixe }}"><a href="#" class="btn btn-default save">sauvegarder</a><a href="#" class="btn btn-default cancel">annuler</a></span>
                <span class="action"><a href="#" class="btn btn-default update">modifier</a></span>
            </p>
            <p>
                <span>N° téléphone portable</span>
                <span class="value">{{ user.customer.mobile }}</span>
                <span class="form"><input type="text" name="portable" value="{{ user.customer.mobile }}"><a href="#" class="btn btn-default save">sauvegarder</a><a href="#" class="btn btn-default cancel">annuler</a></span>
                <span class="action"><a href="#" class="btn btn-default update">modifier</a></span>
            </p>
            <p>
                <span>Pays de résidence</span>
                <span class="value">{{ user.customer.pays.nomFr }}</span>
            </p>
            <p>
                <span>Email</span>
                <span class="value">{{ user.email }}</span>
                <span class="form"><input type="text" name="email" value="{{ user.email }}"><a href="#" class="btn btn-default save">sauvegarder</a><a href="#" class="btn btn-default cancel">annuler</a></span>
                <span class="action"><a href="#" class="btn btn-default update">modifier</a></span>
            </p>
            <p>
                <span>Mot de passe</span>
                <span class="value">******</span>
                <span class="form"><input type="password" name="pw" value=""><a href="#" class="btn btn-default save">sauvegarder</a><a href="#" class="btn btn-default cancel">annuler</a></span>
                <span class="action"><a href="#" class="btn btn-default update">modifier</a></span>
            </p>
        </div>

        <br/><br/>
        <h3>Ma société</h3>
        <div id="mes-infos">
            <p>
                <span>Nom de l'entreprise</span>
                <span>{{ user.customer.enterprise.nom }}</span>
            </p>
            <p>
                <span>Pays du siège social</span>
                <span>{{ user.customer.enterprise.pays.nomFr }}</span>
            </p>
            <p>
                <span>Adresse du siège social</span>
                <span class="value">{{ user.customer.enterprise.address1 }} - {{ user.customer.enterprise.cp }} {{ user.customer.enterprise.ville }}</span>
            </p>
            <p>
                <span>Forme juridique</span>
                <span class="value">{{ user.customer.enterprise.juridique.name }}</span>
            </p>
        </div>

        <p style="color:red;">Pour toute demande de modification, veuillez prendre contact avec l'équipe de Consommez En France.com en cliquant ici</p>

    </div>

{% endblock %}
{% block append_javascript %}

    <script>
        $('#mes-infos .form').hide();
        $('#mes-infos .action a.update').click(function(){
            $(this).parent().hide();
            $(this).parent().parent().find('.form').show();
            $(this).parent().parent().find('.value').hide();
        });
        $('#mes-infos .form a.btn').click(function(){
            $(this).parent().hide();
            $(this).parent().parent().find('.action').show();
            $(this).parent().parent().find('.value').show();
            if($(this).hasClass('save')){
                var self = this;
                $.post(urlEdit.replace(/__champ__/,$(this).parent().find('input').attr('name')),{valeur:$(this).parent().find('input').val()},function(data){
                    if(data.error){
                        alert(data.error);
                    }else{
                        $(self).parent().parent().find('.value').html(data.value);
                    }
                },'json');
            }
        });

        var urlEdit = '{{ path('you_commercant_mes_param_edit',{champ:'__champ__'}) }}';


    </script>

{% endblock %}