{% extends 'layouts/base.html.twig' %}
{% block titleHeader %}{{ 'planning'|trans }} ({{ candidacies|length }}){% endblock %}
{% block breadcrumb %}
    <div class="breadcrumb-item">{{ 'planning'|trans }}</div>{% endblock %}
{% block body %}
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="">
        <div class="card">
            <div class="clearfix mb-3 p-2 mt-3">
                {{ include('calendar/form_search.html.twig') }}
            </div>
            <hr class="p-10">
            <div class="card-body p-0">
                {% if app.request.get('candidate') %}
                <div class="col-lg-12 text-end">
                    <button class="btn btn-info" id="share-button" data-url="{{ path('app_front_home_share',{id:app.request.get('candidate')}) }}"><i class="fas fa-share-alt"></i> {{ 'share'|trans }}</button>
                    <a class="btn btn-success"  href="{{ path('app_front_home_send',{id:app.request.get('candidate')}) }}"><i class="fas fa-paper-plane"></i> {{ 'send_mail'|trans }}</a>
                <a class="btn btn-primary" target="_blank" href="{{ path('app_front_home_planning',{id:app.request.get('candidate')}) }}"><i class="ti ti-print"></i>{{ 'export'|trans }}</a>
                </div>
                <br>
                {% endif %}
                <div id="calendar"></div>
                <div id="slot_times" data-slot_times="{{ slotTimes|json_encode|e('html_attr') }}"></div>
                <div id="candidacies" data-candidacies="{{ candidacies|json_encode|e('html_attr') }}"></div>
                <div class="modal fade" id="eventModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                     aria-hidden="true">
                    <a id="add_candidacy" href="{{ path('app_candidacy_new') }}" style="display: none"></a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('calendar') }}
{% endblock %}