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

{% block meta %}
<meta name="description" content="{{'freeWorkerSheet.solution'|trans}}">
    {% if workerFree.company|length > 0 and workerFree.company != 'NULL' %}
        <title>{{'freeWorkerSheet.find_more_1'|trans}}{{workerFree.company}}{{'freeWorkerSheet.find_more_2'|trans}}{{workerFree.city}}</title> 
    {% else %}
        <title>{{'freeWorkerSheet.find_more_1'|trans}}{{workerFree.fullName}}{{'freeWorkerSheet.find_more_2'|trans}}{{workerFree.city}}</title> 
    {% endif %}
{% endblock %}

{% block body %}
<section class="header-archi-free">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ absolute_url(customPath('main_home', { _country : countryUrl, _locale : app.request.attributes.get('_locale')} )) }}">{{'home'|trans}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{'pageBtoB.inscription'|trans}}</li>
            </ol>
        </nav>
        <div class="row first-row">
            <div class="col-md-12">
                <h1> {{workerFree.fullName}} {{workerFree.address}} {{workerFree.zipCode}} {{workerFree.company}} 
                </h1>
                <h2>
                    {{'pageWorker.leader'|trans}}: {{workerFree.fullName}}
                </h2>
                <p class="header-architecte-info">{{'freeWorkerSheet.cabinet'|trans}} {{workerFree.company}}  {{'freeWorkerSheet.reference'|trans}}</p>
            </div>
        </div>
        <div class="row second-row">
            <div class="col-md-5 first-column">
                <p class="header-text-info">{{'freeWorkerSheet.you_search'|trans}} {{workerFree.city|capitalize}}? </p>
                <p class="header-info">{{'freeWorkerSheet.find_your'|trans}}
                </p>
                {% if displayBtnLink %}
                {% set placeUrlSlug = usePostalCode ? workerFree.city|urlPrepare ~ '-' ~ workerFree.zipCode|urlPrepare : workerFree.city|urlPrepare %}
                <a href="{{ absolute_url(customPath('find_worker_place_results_all', { place : placeUrlSlug|lower })) }}" class="btn-archi-blue upper btn-header">{{'pageHome.find'|trans}}</a>
                {% endif %}
                {# SearchController à importer #}
            </div>
            <div class="col-md-5 second-column">
                <p class="header-text-info">{{'freeWorkerSheet.claim'|trans}} {{workerFree.company|capitalize}} ? </p>
                <p class="header-info">{{'pageContactUs.join'|trans}}
                </p>
                {% if displayBtnLink %}
                <a href="{{ absolute_url(customPath('main_worker_inscription')) }}" class="btn-archi-blue upper btn-header">{{'pageContactUs.join_us'|trans}}</a>
                {% endif %}
            </div>
        </div>
    </div>
</section>
<section class="content-stats-archi-free">
    <div class="container">
        <div class="row mb-4">
            <div class="col-md-5 first-column">
                <div class="cercle d-flex justify-content-center">
                    <p class="cercle-text-info">{% if workerFree.counter < 50%} 50 {% else %} {{workerFree.counter}} {% endif %}</p>
                </div>
                    <p class="text-infos">{{'freeWorkerSheet.consult'|trans}} {{workerFree.fullName}} {{workerFree.address}} {{workerFree.zipCode}} {{workerFree.company}} </p>
            </div>
            <div class="col-md-5 second-column">
                <div class="cercle d-flex justify-content-center">
                    <p class="cercle-text-info">{% if workerFree.counterSurrounding < 100%} 100 {% else %} {{workerFree.counterSurrounding}} {% endif %} </p>
                </div>
                <p class="text-infos"> {{'freeWorkerSheet.research_free'|trans}} {{workerFree.city}} {{'freeWorkerSheet.on'|trans}}</p>
            </div>  
        </div>
    </div>
</section>

<section class="content-archi-free">
        <div class="container">
            <div class="row form-archi-free">
                <div class="col-md-12">
                    <h2>{{'freeWorkerSheet.we_have'|trans}}</h2>
                    <p>{{'freeWorkerSheet.sign_in'|trans}}</p>
                </div>
                <div class="col-md-6 offset-md-3">
                    <form id="formbtob" method="POST" action="{{ absolute_url(customPath('worker_mail_send_inscription')) }}">
                        <input type="text" class="form-control" placeholder="{{'forms.name'|trans}}" name="lastNameInscription" required/>
                        <input type="text" class="form-control" placeholder="{{'forms.firstname'|trans}}" name="firstNameInscription" required/>
                        <input type="text" class="form-control" placeholder="{{'forms.city'|trans}}" name="cityInscription" required/>
                        <input type="text" class="form-control email" placeholder="{{'forms.email'|trans}}" name="emailInscription" required/>
                        <input type="text" class="form-control phone" placeholder="{{'forms.number_phone'|trans}}" name="numberInscription" required/>
                        <input type="hidden" name="url" value="{{ app.request.uri }}" />
                        <div class="form-group">
                            <ul class="errorList"></ul>
                        </div>
                        <button type="submit" class="btn btn-block btn-archi-blue">{{'validate'|trans}}</button>
                    </form>
                </div>
                <div class="col-md-12">
                        <p class="text-infos">{{'freeWorkerSheet.receive'|trans}}</p>
                    </div>
            </div>
            <div class="row why-archi-free">
                <div class="item shadow">
                    <h4>{{'pageBtoB.request'|trans}}</h4>
                    <p>{{'pageBtoB.20_request'|trans}}</p>
                </div>
                <div class="item shadow">
                    <h4>{{'pageBtoB.skills'|trans}}</h4>
                    <p>
                        {{'pageBtoB.direct_relation'|trans|raw}}
                    </p>
                </div>
                <div class="item shadow">
                    <h4>{{'pageBtoB.refund_br'|trans}}</h4>
                    <p>
                        {{'pageBtoB.quantity'|trans}}
                    </p>
                </div>
            </div>
        </div>
    </section>
    <section class="content-why-choose">
       <div class="container">
            <h3>{{'findmyarchitectewebsite'|trans}}</h3>
            <p>
                {{'pageHome.choose_architect_2'|trans|raw}}
            </p>
       </div> 
    </section>
    <section class="archi-free-contact">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 text-contact">
                        <h5>
                            {{'pageBtoB.want_more'|trans|raw}}
                        </h5>
                        <p>
                            {{'pageBtoB.personnal_details'|trans|raw}}
                        </p>
                    </div>
                    <div class="col-md-5">
                            <form id="formbottom" method="POST" action="{{ absolute_url(customPath('worker_mail_send_contact')) }}">
                                <input type="text" class="form-control" placeholder="{{'forms.name'|trans}}" name="lastNameContact" required/>
                                <input type="text" class="form-control" placeholder="{{'forms.firstname'|trans}}" name="firstNameContact" required/>
                                <input type="text" class="form-control" placeholder="{{'forms.city'|trans}}" name="cityContact" required/>
                                <input type="text" class="form-control email" placeholder="{{'forms.email'|trans}}" name="emailContact" required/>
                                <input type="text" class="form-control phone" placeholder="{{'forms.number_phone'|trans}}" name="numberContact" required/>
                                <input type="hidden" name="url" value="{{ app.request.uri }}" />
                                <textarea class="form-control" placeholder="{{'forms.msg'|trans }}" name="messageContact" required></textarea>
                                <button type="submit" class="btn btn-block btn-archi-blue">{{'validate'|trans}}</button>
                                <input type="hidden" name="workerKey" value="{{workerFree.workerKey}}">
                                {% if currentWebsite == 1 %}
                                    {% if currentLocal == 'en'%}
                                        <input type="hidden" name="redirecte" value="worker_free_sheet_tma_{{ countryUrl }}_en">
                                    {% else %}
                                        <input type="hidden" name="redirecte" value="worker_free_sheet_tma_{{ countryUrl }}">
                                    {% endif %}
                                {% elseif currentWebsite == 3 %}
                                        <input type="hidden" name="redirecte" value="main_contact_us_ph_{{ countryUrl }}">
                                {% else %}
                                    <input type="hidden" name="redirecte" value="worker_free_sheet_{{ countryUrl }}">
                                {% endif %}
                            </form>
                    </div>
                </div>
            </div>
        </section>
{% endblock %}
{% block javascripts %}
<script>
        var formbtob = $('#formbtob');
        formbtob.on('submit', function(e) { 
            validateCredentials(e, formbtob);
        });

        var formbottom = $("#formbottom");
        formbottom.on('submit', function(e){
            validateCredentials(e, formbottom)
        })
        function validateCredentials(evt, form){
            var test = isSameNumber(form.find('.phone').val());   
            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>');
            }
        };
        function isSameNumber(phone){
            var ignoreChars = ["-", "(", ")", "/", "+", " "];
            var phoneLenght = phone.length;
            ignoreChars.includes(phone[i]);

            for(var i=0;i<phoneLenght;i++){
                if(phone[i] != phone[i-1]
                && !ignoreChars.includes(phone[i])
                && !ignoreChars.includes(phone[i-1])
                && i>=1){
                    return false;
                }
            }
            return true;
        };
</script>
{% endblock %}