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

{% block page_header %}{% endblock page_header %}
{% block page_header_around %}{% endblock page_header_around %}

{% block content %}

    <div class="col-sm-1"></div>
    <div class="col-sm-11" style="padding-left: 48px;">
        <div class="container-nav">
            <span class="list-heading">
                {{ 'My Details'|phrase }}
            </span>
        </div>
    </div>
    <div class="clearfix"></div>

    {% if (app.user.facebookId == '' or app.user.twitterId == '' or app.user.googleId == '' or app.user.linkedinId == '')
        and ('facebookId'|get_setting('-') != '-' or 'twitterId'|get_setting('-') != '-' or 'googleId'|get_setting('-') != '-' or 'linkedinId'|get_setting('-') != '-') %}
    <div class="text-center">
        <h4>{{ 'Link one of these existing accounts so you can log in to this account using any one of these'|phrase }}</h4>
        {% if app.user.facebookId == '' and 'facebookId'|get_setting != '-' %}
        <a class="fa fa-facebook-official fa-lg" href="{{ path('facebook_login') }}"></a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        {% endif %}
            {% if app.user.twitterId == '' and 'twitterId'|get_setting != '-' %}
            <a class="fa fa-twitter fa-lg" href="{{ path('twitter_login') }}"></a>
            &nbsp;&nbsp;&nbsp;&nbsp;
            {% endif %}
                {% if app.user.googleId == '' and 'googleId'|get_setting != '-' %}
                <a class="fa fa-google fa-lg" href="{{ path('google_login') }}"></a>
                &nbsp;&nbsp;&nbsp;&nbsp;
                {% endif %}
                    {% if app.user.linkedinId == '' and 'linkedinId'|get_setting != '-' %}
                    <a class="fa fa-linkedin fa-lg" href="{{ path('linkedin_login') }}"></a>
                    {% endif %}
                    </div>
                    {% endif %}

                        {% include "@UserBundle/Form/user.bums.my_details.html.twig" %}

                        {% endblock content %}

                            {% block foot_script %}
                                {{ parent() }}
                                <script language="Javascript">

                                    function changePwd() {
                                        if ($('#changePwd').is(':checked')) {
                                            $('#savePwd').attr('style', 'display: block;');
                                            $('#changePwdFields').attr('style', 'display: inline;');
                                        } else {
                                            $('#changePwdFields').attr('style', 'display: none;');
                                            $('#savePwd').attr('style', 'display: none;');
                                        }

                                        $('#user_my_details_password_password').val('');
                                    }

                                    $(document).ready(function () {

                                        $('#changePwd').click(function () {
                                            //changePwd();
                                            $('#user_my_details_password_password').val('');
                                        });

                                        //changePwd();
                                    });
                                </script>
                            {% endblock foot_script %}