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

{% block page_header %}{% endblock page_header %}
{% block page_header_around %}{% endblock page_header_around %}
{% block container_div_start %}<div class="{% block container_class %}container container-custom container-register{% endblock container_class %}">{% endblock container_div_start %}

    {% block content %}

        {% block flashes_content %}
            {{ parent() }}
        {% endblock flashes_content %}

        <div class="well well-login">

            <div class="row text-center">
                <img src="{{ asset('images/logo.png') }}" class="login-logo" alt="{{'Internet Booking Engine (IBE) for Hotels, Lodges and Chains'|phrase}}" />
                <h3 style="padding-top: 18px; padding-bottom: 24px;" class="text-white">Let's create your account</h3>
            </div>

            {% if 'facebookId'|get_setting('-') != '-' or 'twitterId'|get_setting('-') != '-' or 'googleId'|get_setting('-') != '-' or 'linkedinId'|get_setting('-') != '-' %}
            <div class="text-center">
                <h4>{{ 'Register using one of these existing accounts'|phrase }}</h4>
                {% if facebookId != '-' %}
                    <a class="fa fa-facebook-official fa-lg" href="{{ path('facebook_login') }}"></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                {% endif %}
                {% if twitterId != '-' %}
                    <a class="fa fa-twitter fa-lg" href="{{ path('twitter_login') }}"></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                {% endif %}
                {% if googleId != '-' %}
                    <a class="fa fa-google fa-lg" href="{{ path('google_login') }}"></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                {% endif %}
                {% if linkedinId != '-' %}
                    <a class="fa fa-linkedin fa-lg" href="{{ path('linkedin_login') }}"></a>
                {% endif %}
            </div>
            {% endif %}

                {% include "@UserBundle/Form/user.register.bums.html.twig" %}
            </div>
            {% endblock content %}

                {% block footer_tag_start %}
                {% endblock footer_tag_start %}

                {% block footer %}{% endblock footer %}

                {% block footer_tag_end %}
                {% endblock footer_tag_end %}

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

                        function companyRegister() {
                            if ($('#user_register_register_company').is(':checked')) {
                                $('#divCompanyDetails').attr('style', 'display: block;');
                                $('#user_register_company_name').attr('required', '1');
                            } else {
                                $('#divCompanyDetails').attr('style', 'display: none;');
                                $('#user_register_company_name').removeAttr('required');
                            }
                        }

                        $(document).ready(function () {

                            $('#user_register_register_company').click(function () {
                                companyRegister();
                            });

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