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

{% block meta %}
{% if worker.currentTranslation.contentTitle and worker.currentTranslation.contentTitle|length > 0 %}    
    <title>{{ worker.currentTranslation.contentTitle|striptags  }}</title>
    <meta name="description" content="{{ worker.currentTranslation.contentDescription|striptags  }}">
{% endif %}
{% endblock %}

{% block add %}
    {% if worker.isEnabled == 0 %}
        <meta name="robots" content="noindex, nofollow">
    {% endif %}
{% endblock %}

{% set default_country = customParam('default_country') %}
{% set currentLocal = app.request.locale %}
{% block body %}

{% set displayPopup = 1 %}

<div itemscope itemtype="https://schema.org/Person">
    <section class="header-ficher-architect">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ absolute_url(customPath('main_home')) }}">{{'home'|trans}}</a></li>
                    <li class="breadcrumb-item"><a href="{{ absolute_url(customPath('find_worker_place_results_all', { place : worker.city|urlPrepare })) }}">{{'pageWorker.architects'|trans}} {{ worker.city|capitalize }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ worker.company }}</li>
                </ol>
            </nav>
            <div class="architect-first-info row">
                <div class="worker-page-carousel col-md-8 col-12">
                    <div oncontextmenu="return false"  id="carousel-architect-pictures" class="carousel slide" {#data-ride="carousel"#} data-touch="true" data-wrap="true">
                        <ol class="carousel-indicators">
                            
                            {% for picture in worker.pictures %}
                            <li data-target="#carousel-architect-pictures" data-slide-to="{{ loop.index - 1 }}" {% if loop.index == 1 %}class="active"{% endif %}}></li>
                            {% endfor %}
                        </ol>
                        <div class="carousel-inner">
                            {% for picture in worker.pictures %}
                            <div class="carousel-item {% if loop.index == 1 %}active{% endif %}">
                                <img itemprop="image" src="{{ picture.picture | imagine_filter('remote_sheet_slide_deco_scale') }}" class="d-block"  alt="{{getPictureAlt(picture)}}" >
                            </div>
                            {% endfor %}
                        </div>
                        {% if worker.pictures|length > 1 %}
                            <a class="carousel-control-prev" href="#carousel-architect-pictures" role="button" data-slide="prev">
                            </a>
                            <a class="carousel-control-next" href="#carousel-architect-pictures" role="button" data-slide="next">
                            </a>
                        {% endif %}
                    </div>
                </div>
                <div class="worker-information-wrapper col-md-4 col-12">
                    <div class="worker-information-block">
                        <div class="informations-picture-name">
                        {% if worker.profilePicture %}
                            <img itemprop="logo" src="{{ worker.profilePicture.picture | imagine_filter('remote_worker_logo_sheet_deco') }}" class="architect-logo" />
                        {% endif %}
                            <div class="information-name">
                                <h1 itemprop="legalName" >{{ worker.company }}</h1>
                                <h2 itemprop="name" >{{ worker.fullName }}</h2>
                                <p itemprop="streetAddress" itemscope itemtype="https://schema.org/PostalAddress" class="company-address">
                                    {{ worker.address }} - {{ worker.city }} {{ worker.zipCode }}
                                </p>
                                {% if worker.boolDirige == 'leader_1' and worker.sexe == 'monsieur' %}
                                    {% set jobTitle = 'pageWorker.' ~ worker.boolDirige %}
                                    <p itemprop="founder" itemprop="jobTitle" class="legend-info">{{jobTitle|trans}}</p>
                                {% elseif worker.boolDirige == 'leader_1' and worker.sexe == 'madame' %}
                                    {% set jobTitle = 'pageWorker.' ~ worker.boolDirige ~'_bis' %}
                                    <p itemprop="founder" itemprop="jobTitle" class="legend-info">{{jobTitle|trans}}</p>
                                {% elseif worker.boolDirige == 'interior_designer' %}
                                    {% set jobTitle = 'pageWorker.' ~ worker.boolDirige %}
                                    <p itemprop="jobTitle" class="legend-info">{{jobTitle|trans}}</p>
                                {% elseif worker.boolDirige == 'decorator' and worker.sexe == 'monsieur' %}
                                    {% set jobTitle = 'pageWorker.' ~ worker.boolDirige %}
                                    <p itemprop="jobTitle" class="legend-info">{{jobTitle|trans}}</p>
                                {% elseif worker.boolDirige == 'decorator' and worker.sexe == 'madame' %}
                                    {% set jobTitle = 'pageWorker.' ~ worker.boolDirige ~ '_bis' %}
                                    <p itemprop="jobTitle" class="legend-info">{{jobTitle|trans}}</p>
                                {% elseif worker.boolDirige == 'decorator_interior_designer' and worker.sexe == 'monsieur' %}
                                    {% set jobTitle = 'pageWorker.' ~ worker.boolDirige %}
                                    <p itemprop="jobTitle" class="legend-info">{{jobTitle|trans}}</p>
                                {% elseif worker.boolDirige == 'decorator_interior_designer' and worker.sexe == 'madame' %}
                                    {% set jobTitle = 'pageWorker.' ~ worker.boolDirige ~ '_bis' %}
                                    <p itemprop="jobTitle" class="legend-info">{{jobTitle|trans}}</p>

                                {% endif %}
                            </div>
                            {% if worker.isEnabled == 0 %}
                                <div id="cercle">{{'pageWorker.draft_2'|trans|raw}}</div>
                            {% endif %}
                        </div>
                        <div class="worker-btn-contacts">
                            <p class="contact-txt">{{'pageWorker.contact_by'|trans}} <strong>{{ worker.company }}</strong></p>
                            {% if worker.showNumber and blacklisted == false %}
                            <button  type="button" data-toggle="modal" data-target="#modalNumberPhone" data-stats="clic_btn_telephone" class="btn btn-archi-blue btn-stat btn-tag-phone btn-block">
                                <i class="fa fa-phone btn-tag-phone" aria-hidden="true"> </i> {{'pageWorker.by_phone'|trans}}
                            </button>
                            <p class="free-phone">{{'pageWorker.free_phone'|trans}}</p>
                            {% else %}
                                <p class="blacklisted-message">{{'blacklist.message_sheet_worker'|trans}}</p> 
                            {% endif %}
                            <button type="button" data-toggle="modal" data-target="#modalEmail" data-stats="clic_btn_email" class="btn btn-archi-blue btn-stat btn-tag-email btn-block">
                                <i class="fa fa-envelope-o btn-tag-email" aria-hidden="true"></i> {{'pageWorker.by_email'|trans}}
                            </button>
                        </div>
                    </div>
                    <div class="worker-information-block last-block d-flex justify-content-between">
                        <p class="worker-favorite {% if worker|isFavorite %}is-favorite{% endif %}" data-wid="{{ worker['id']|base64Encode }}">
                            <span class="action-is-saved">{% trans %}saved{% endtrans %} <i class="fa fa-heart" aria-hidden="true"></i></span>
                            <span class="action-be-save">{% trans %}save{% endtrans %} <i class="fa fa-heart-o" aria-hidden="true"></i></span>
                        </p>
                        {% if worker.workerMedia %}
                        <div class="social-links">
                            {% if worker.workerMedia.linkedIn|length > 0 %}
                            <a href="{{ worker.workerMedia.linkedIn }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_linkedin" target="_blank"><i class="fa fa-linkedin btn-tag-social" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.facebook|length > 0 %}
                            <a href="{{ worker.workerMedia.facebook }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_facebook" target="_blank"><i class="fa fa-facebook-official btn-tag-social" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.twitter|length > 0 %}
                            <a href="{{ worker.workerMedia.twitter }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_twitter" target="_blank"><i class="fa fa-twitter btn-tag-social" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.instagram|length > 0 %}
                            <a href="{{ worker.workerMedia.instagram }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_instagram" target="_blank"><i class="fa fa-instagram btn-tag-social" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.pinterest|length > 0 %}
                            <a href="{{ worker.workerMedia.pinterest }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_pinterest" target="_blank"><i class="fa fa-pinterest btn-tag-social" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.youtube|length > 0 %}
                            <a href="{{ worker.workerMedia.youtube }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_youtube" target="_blank"><i class="fa fa-youtube-play btn-tag-social" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.websiteWorker|length > 0 %}
                            <a itemprop="url" href="{{ worker.workerMedia.websiteWorker }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_siteInternet" target="_blank"><i class="fa fa-link btn-tag-website" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.websiteWorker2|length > 0 %}
                            <a itemprop="url" href="{{ worker.workerMedia.websiteWorker2 }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_siteInternet" target="_blank"><i class="fa fa-link btn-tag-website" aria-hidden="true"></i></a>
                            {% endif %}
                            {% if worker.workerMedia.book|length > 0 %}
                            <a itemprop="url" href="{{ absolute_url(customPath('worker_book', {'workerKey': worker.workerKey})) }}" class="btn-stat btn-point" data-point="1" data-stats="clic_btn_siteInternet" target="_blank"><i class="fa fa-file-pdf-o btn-tag-social" aria-hidden="true"></i></a>
                            {% endif %}
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="architect-page-informations">
        <div class="container">
            <div class="row row-main-content">
                <div class="col-md-4 main-col">
                    <div class="bg-col-worker">
                        <div class="map-architect" id="map"></div>
                        <div class="architect-other-informations row ">
                            {% if attribute_2 not in mainAttributesIds %}
                                <div class="architect-other-information col-md-12 col-6">
                                    <h4>{{'localisation'|trans}}</h4>
                                    <ul>
                                        {% for attributes in worker['workerAttribute'] %}
                                            {% if attributes['attribute']['mainAttribute'] is not null and attributes['attribute']['mainAttribute']['id'] == attribute_2 %}
                                                <li>{{ attributes['attribute']['currentTranslation']['name'] }}</li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}
    
                            {% if attribute_1 not in mainAttributesIds %}
                                <div class="architect-other-information col-md-12 col-6">
                                    <h4>{{'missions'|trans}}</h4>
                                    <ul>
                                        {% for attributes in worker['workerAttribute'] %}
                                            {% if attributes['attribute']['mainAttribute'] is not null and attributes['attribute']['mainAttribute']['id']== attribute_1 %}
                                                <li>{{ attributes['attribute']['currentTranslation']['name'] }}</li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}
                            {% if attribute_3 not in mainAttributesIds %}
                                <div class="architect-other-information col-md-12 col-6">
                                    <h4>{{'prices'|trans}}</h4>
                                    <ul>
                                        {% for attributes in worker['workerAttribute'] %}
                                            {% if attributes['attribute']['mainAttribute'] is not null and attributes['attribute']['mainAttribute']['id'] == attribute_3 %}
                                                <li>{{ attributes['attribute']['currentTranslation']['name'] }}</li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}
    
                            {% if attribute_4 not in mainAttributesIds %}
                                <div class="architect-other-information col-md-12 col-6">
                                    <h4>{{'payment'|trans}}</h4>
                                    <ul>
                                        {% for attributes in worker['workerAttribute'] %}
                                            {% if attributes['attribute']['mainAttribute'] is not null and attributes['attribute']['mainAttribute']['id'] == attribute_4 %}
                                                <li>{{ attributes['attribute']['currentTranslation']['name'] }}</li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}
                            {% if attribute_5 not in mainAttributesIds %}
                                <div itemprop="knowsLanguage" class="architect-other-information col-md-12 col-6">
                                    <h4>{{'language_spoken'|trans}}</h4>
                                    <ul>
                                        {% for attributes in worker['workerAttribute'] %}
                                            {% if attributes['attribute']['mainAttribute'] is not null and attributes['attribute']['mainAttribute']['id'] == attribute_5 %}
                                                <li>{{ attributes['attribute']['currentTranslation']['name'] }}</li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}
                                <div class="architect-other-information col-md-12 col-6">
                                    <h4>{{'siret'|trans}}</h4>
                                    <ul>
                                        <li>{{ worker.siret }}</li>
                                    </ul>
                                </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-8 worker-main-content">
                    <div class="bg-col-worker" itemprop="description">
                        <h3>{{'pageWorker.who_i_am'|trans}}</h3>
                        <div class="architect-description">
                                {{ worker.currentTranslation.description|raw }}
                            <p class="shadow-text"></p>
                        </div>
                        <p id="lire-suite">{{'pageNews.lire_suite'|trans}} <i class="fa fa-chevron-down" aria-hidden="true"></i> </p>
                        <p style="display: none;" id="lire-less">{{'pageNews.lire_less'|trans}} <i class="fa fa-chevron-up" aria-hidden="true"></i> </p>

                        <div class="row skill-types">
                            {% set skillPropertyTypes = getSkillsByType(worker['workerSkill'], 'property-type-deco') %}
                            {% set skillWorkTypes = getSkillsByType(worker['workerSkill'], 'style-type-deco') %}
                            {% set prestations = getAttributesByMain(worker['workerAttribute'], 122) %}
                            {% set maxDisplaySkills = 6 %}

                            {{ render(controller(
                                'FindMyDataBundle\\Controller\\PortfolioController::workerSheet',
                                { 'worker': worker }
                            )) }}
                            
                        <h3 class="col-12">{{'pageWorker.suggest_you'|trans}}</h3>
                            <div class="col-md-4 col-6">
                                <h4>{{'possession_types'|trans}}</h4>
                                <ul>
                                    {% for skills in skillPropertyTypes %}
                                        <li class="type-item type-bien">{{ skills.currentTranslation.name }}</li>
                                    {% endfor %}
                                </ul>
                            </div>
                            <div class="col-md-4 col-6">
                                <h4>{{'style_types'|trans}}</h4>
                                <ul>
                                    {% for skills in skillWorkTypes %}
                                        <li class="type-item type-travaux">{{ skills.currentTranslation.name }}</li>
                                    {% endfor %}
                                </ul>
                            </div>
                            <div class="col-md-4 col-6">
                                <h4>{{'pageWorker.prestations'|trans}}</h4>
                                <ul>
                                    {% for prestation in prestations %}
                                        <li class="type-item type-travaux">{{ prestation.currentTranslation.name }}</li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="second-contact-section">
            <div class="container">
                <div class="wrapper">
                    <p class="contact-txt">{{'pageWorker.contact_by'|trans}} <strong>{{ worker.company }}</strong></p>
                    {% if worker.showNumber and blacklisted == false %}
                    <div class="btn-wrapper">
                        <button  type="button" data-toggle="modal" data-target="#modalNumberPhone" data-stats="clic_btn_telephone" class="btn btn-archi-blue btn-stat btn-tag-phone btn-block">
                            <i class="fa fa-phone btn-tag-phone" aria-hidden="true"> </i> {{'pageWorker.by_phone'|trans}}
                        </button>
                        <p class="free-phone">{{'pageWorker.free_phone'|trans}}</p>
                    </div>
                    {% else %}
                        <p class="blacklisted-message">{{'blacklist.message_sheet_worker'|trans}}</p> 
                    {% endif %}
                    <div class="btn-wrapper">
                        <button type="button" data-toggle="modal" data-target="#modalEmail" data-stats="clic_btn_email" class="btn btn-archi-blue btn-stat btn-tag-email btn-block">
                            <i class="fa fa-envelope-o btn-tag-email" aria-hidden="true"></i> {{'pageWorker.by_email'|trans}}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="architect-contact">
        <div class="container">
            <div class="row">
                <div class="col-md-6 offset-md-3">
                    <h5>{{'pageWorker.wish'|trans|raw}} <strong class="yellow">{{ worker.fullName }}</strong></h5>
                    <form method="POST" id="formBottom" action="{{ absolute_url(customPath('worker_mail_send', { 'id':worker.id })) }}" onsubmit="return checkForm();">
                        <div class="form-group">
                            <input class="form-control" type="text" name="firstName" placeholder="{{'forms.firstname'|trans}}" value="">
                        </div>
                        <div class="form-group">
                            <input class="form-control" type="text" name="lastName" placeholder="{{'forms.name'|trans}}" value="">
                        </div>
                        <div class="form-group">
                            <input class="form-control email" type="email" name="email" placeholder="{{'forms.email'|trans}}" value="">
                        </div>
                        <div class="form-group">
                            <input class="form-control phone" type="text" name="phone" placeholder="{{'forms.number_phone'|trans}}" value="">
                        </div>
                        <div class="form-group">
                            <input class="form-control" type="text" required name="zipCode" placeholder="{{'forms.postal_code_project'|trans}}" value="">
                        </div>
                        <div class="form-group">
                            <input class="form-control" type="text" required name="city" placeholder="{{'forms.city_project'|trans}}" value="">
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" type="text" name="description" placeholder="{{'forms.your_request'|trans}}"></textarea>
                        </div>
                            <input type="hidden" name="url" value="{{ app.request.uri }}" />
                            <input type="hidden" name="id" value="{{ worker.id }}" />
                        <div class="form-group">
                            <button class="btn btn-archi-blue btn-block">{{'forms.sent'|trans}}</button>
                        </div>
                        <div class="form-group">
                            <ul class="errorList"></ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    {# MODAL NUMBER PHONE #}
    {% if worker.showNumber %}
    <div itemprop="contactPoint" itemscope itemtype="http://schema.org/ContactPoint" class="modal modal-number" id="modalNumberPhone" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <p class="mt-2" id="modalLabel">{{'pageWorker.contact_phone'|trans}}</p>
                    <button type="button" class="close position-absolute" style="right: 0.8em; z-index: 999;" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center pb-2">
                    <p class="mb-2 mt-3 first-line" >{{'pageWorker.contact_by'|trans}} <strong class="upper">{{worker.company}}</strong> {{'pageWorker.by_phone'|trans}}</p>
                    <div class="row">
                        <p class="mx-auto mb-2" id="phone-area"></p>
                        <div class="w-100 mb-3 not-overtaxed"><strong class="upper">{{'pageWorker.free_phone'|trans}}</strong></div>
                        <p class="last-line mx-2">{{'pageWorker.dont_forget'|trans|raw}}</p>
                    </div>
                </div> 
            </div>
        </div>
    </div> 
    {% endif %}
    {# MODAL EMAIL #}
    <form method="POST" id="formModal" action="{{ absolute_url(customPath('worker_mail_send', { 'id':worker.id })) }}" enctype="multipart/form-data" onsubmit="return checkForm();">
    <div itemprop="contactPoint" itemscope itemtype="http://schema.org/ContactPoint" class="modal modal-email" id="modalEmail" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <p id="modalLabel">{{'forms.contact_formular'|trans}}</p>
                    <button type="button" class="close position-absolute" style="right: 0.8em; z-index: 999;" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                {# Ancienne position du formulaire #}
                {# <form method="POST" id="formModal" action="{{ absolute_url(customPath('worker_mail_send', { 'id':worker.id })) }}" enctype="multipart/form-data"> #}
                    <div class="modal-body text-center pb-2">
                        <p class="mb-3" >{{'forms.sent_architect'|trans}} <strong>{{ worker.fullName }}</strong></p>
                            <div class="form-row">
                                <div class="form-group col-md-12">
                                        <input class="form-control border-blue" id="fname" type="text" required name="firstName" placeholder="{{'forms.firstname'|trans}}" value="">
                                </div>
                                <div class="form-group col-md-12">
                                        <input class="form-control border-blue" id="lname" type="text" required name="lastName" placeholder="{{'forms.name'|trans}}" value="">
                                </div>
                                <div class="form-group col-md-12">
                                        <input class="form-control border-blue email" id="email" type="email" required name="email" placeholder="{{'forms.email'|trans}}" value="">
                                </div>
                                <div class="form-group col-md-12">
                                        <input class="form-control border-blue phone" id="number" type="text" required name="phone" placeholder="{{'forms.number_phone'|trans}}" value="">
                                </div>
                                <div class="form-group col-md-12">
                                    <input class="form-control border-blue" id="zipCode" type="text" required name="zipCode" placeholder="{{'forms.postal_code_project'|trans}}" value="">
                                </div>
                                    <input type="hidden" name="url" value="{{ app.request.uri }}" />
                                    <input type="hidden" name="id" value="{{ worker.id }}" />
                                <div class="form-group col-md-12">
                                    <input class="form-control border-blue" type="text" required name="city" placeholder="{{'forms.city_project'|trans}}" value="">
                                </div>
                                <div class="form-group col-md-12">
                                        <textarea class="form-control border-blue" type="text" name="description" placeholder="{{'forms.your_request'|trans}}"></textarea>
                                </div>
                                <div class=" form-group col-md-12 container-media">
                                    <label class="media" >{{'forms.choose_media'|trans}} </label>
                                    <input lang="en" type="file" id="image" name="image" accept="image/jpg, image/jpeg, image/png, application/pdf" value="" > 
                                </div>
                            </div>
                    </div> 

                    <div class="modal-footer">
                        <button data-stats="clic_btn_envoyer" name="submitaz" type="submit" class="btn btn-archi-blue btn-stat btn-tag-send">{{'forms.sent'|trans}}</button> <!-- data-stats="clic_btn_envoyer" -->
                    </div>
                    <div class="form-group">
                        <ul class="errorList"></ul>
                    </div>
                {# Ancienne position du formulaire #}
                {# </form> #}
            </div>
        </div>
    </div> 
</div>
</form>
{% endblock %}

{% block javascripts %}
{% set number = number(worker.phone, websiteId) %}
<script>
        var urlArchi = "{{ absolute_url(customPath('worker_new_stats')) }}";
        var idArchi = "{{ worker.id }}";
        var lati = {{ worker.latitude }};
        var lngd = {{ worker.longitude }};
        var iconArchi = "{{ asset('lib/media/base/Picto-pointeur-TMD.png') }}";
        var getMap = document.getElementById('map');
        var local = "{{app.request.locale}}";
        {% if worker.showNumber %}
        var phoneEncode = '{{ number|base64Encode }}';
        {% endif %}

        var formBottom = $('#formBottom');
        var formModal = $('#formModal');
        formBottom.on('submit', function(e) { 
            validateCredentials(e, formBottom);
        });
        formModal.on('submit', function(e) {
            validateCredentials(e, formModal);
        });

        function validateCredentials(evt, form){  
            var emailvalue = form.find('.email').val();
            var phonevalue = form.find('.phone').val();
            var emailFilter = new RegExp(/^[a-z0-9&\.\-_]+@[a-z0-9\-]+\.([a-z0-9\-]+\.)*[a-z]{2,3}$/);
            form.find(".errorList li").remove();
            if(!emailFilter.test(emailvalue)){
               evt.preventDefault();
               var errormsg = "{% trans %}forms.invalid_email{% endtrans %}"
               form.find(".errorList").append('<li class="errorMsg">'+errormsg+'</li>');

            }
            var phoneFilter = new RegExp(/^[0-9\-\(\)\/\+\s]*$/);
            if(!phoneFilter.test(phonevalue) || isSameNumber(phonevalue)){
                evt.preventDefault();
                form.find(".errorList").append('<li class="errorMsg">{% trans %}forms.invalid_phone{% endtrans %}</li>');
            }
        }

</script>

<script src="{{ asset('lib/js/sheet-archi.js')}}?1.1"></script>
<script src="{{ asset('lib/js/favorite.js')}}"></script>
<script src="{{ asset('lib/js/portfolio.js')}}"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNkil3rKocVoPtfM-_-NuoApPY24yR4RU&libraries=places&callback=init&language={{app.request.locale}}"></script>
{% endblock %}