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

{% block contenu %}

    <nav aria-label="breadcrumb" class="intra-breadcrumbs">
        <ol class="breadcrumb">
            <li class="breadcrumb-item breadcrumb-intra"><a href="{{ absolute_url(customPath('worker_home_intra')) }}">{{'myAccount.home_intra'|trans|upper}}</a></li>
            <li class="breadcrumb-item breadcrumb-intra active"><a href="{{ absolute_url(customPath('worker_follow')) }}">{{'myAccount.bloc_follow'|trans|upper}}</a></li>
        </ol>
    </nav>
    {# Affichage des mails #}
    <section id="intra-worker-follow">

        <div class="row" id="bloc-manager">
            <div class="col-7">
                <p>{{'myAccount.myFollows.your_manager'|trans}}<span>{{workerManager.firstname}} {{workerManager.lastname}}</span></p><img />
            </div>
            <div class="col-5" id="send-mail-manager">
                <a href="mailto:{{workerManager.email}}">{{'myAccount.myFollows.send_email'|trans}} : <i class="fa fa-envelope-open "></i></a>
            </div>
        </div>  

        <div class="row" id="bloc-appointment">
            <div class="col-12">
                <p>{{'myAccount.myFollows.availability_description_text'|trans}}</p>
            </div>
        </div> 

        <div class="row" id="bloc-dates">   
            <div class="col-12">
                <a href="{{workerManager.linkToContact}}" target="_blank">{{'myAccount.myFollows.follow_appointment'|trans}}</a> 
            </div>
            {# <form class="col-12" method="POST" action="{{ absolute_url(customPath('worker_follow')) }}" id="form-availabilities">
                <label name="date-label" for="date-picker">{{'myAccount.myFollows.select_availabilities'|trans}}</label>
                <div id="input-box">
                    <div class="date-bloc">
                        <label>{{'myAccount.myFollows.date_from'|trans}}</label><input type="date" name="date-picker[date-min][]" class="date-picker form-control date-min" required="true"/> 
                        <label>{{'myAccount.myFollows.date_to'|trans}}</label><input type="date" name="date-picker[date-max][]" class="date-picker form-control date-max"/> 
                    </div>

                </div>

                <p id="add-input-date">{{'myAccount.myFollows.add_more_availabilities'|trans}}</p>

                <button type="submit" class="btn btn-soumettre btn-archi-blue">{{'myAccount.Soumettre'|trans}}</button>
            </form> #}
        </div> 

    </section>

{% endblock %}

{% block javascripts %}
<script>
    let addInputDate = $('#add-input-date');
    let inputBox = $('#input-box');
    let formAvailabilities = $('#form-availabilities');

    addInputDate.click(function(){
        inputBox.append(`
            <div class="date-bloc">
                <label>Du :</label><input type="date" name="date-picker[date-min][]" class="date-picker form-control" id="date-min"/> 
                <label>Au :</label><input type="date" name="date-picker[date-max][]" class="date-picker form-control" id="date-max"/> 
            </div>`
        );
    });

    {# required="true" #}

</script>
{% endblock %}