{% extends 'Backend/_layout.html.twig' %}

{% block page_title %}
    <h3 class="page-title"> Enquêtes
        <small>ajout d'un enquête</small>
    </h3>
{% endblock %}

{% block content %}
    {{ form_start(form, {'attr' : {
        'class' : 'form-horizontal'
    }}) }}
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Ajout</span>
            </div>
        </div>
        <div class="portlet-body form">
            <div class="form-body">
                <div class="form-group">
                    {{ form_label(form.visible, null, {'label': 'Visible', 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        <div class="radio-list">
                            {% for visible in form.visible %}
                                <label class="radio-inline">
                                    {{ form_widget(visible) }} {{ visible.vars.label | trans({}, 'bo_formlabel') }}
                                </label>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.status, null, {'label': 'Status', 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        <div class="radio-list">
                            {% for status in form.status %}
                                <label class="radio-inline">
                                    {{ form_widget(status) }} {{ status.vars.label | trans({}, 'bo_formlabel')}}
                                </label>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.idSurvey, null, {'label': 'internal_id' |trans({}, 'bo_formlabel'), 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        {{ form_widget(form.idSurvey, {'attr': {'class': 'form-control', 'placeholder' : 'internal_id' |trans({}, 'bo_formlabel')}}) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.name, null, {'label': 'name' |trans({}, 'bo_formlabel'), 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        {{ form_widget(form.name, {'attr': {'class': 'form-control', 'placeholder' : 'name' |trans({}, 'bo_formlabel')}}) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.type, null, {'label': 'Type', 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        {{ form_widget(form.type, {'attr': {'class': 'form-control', 'placeholder' : 'Type'}}) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.category, null, {'label': 'category' |trans({}, 'bo_formlabel'), 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        {{ form_widget(form.category, {'attr': {'class': 'form-control', 'placeholder' : 'Catégorie'}}) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.panelisteGroup, null, {'label': 'access_group' |trans({}, 'bo_formlabel'), 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        {{ form_widget(form.panelisteGroup, {'attr': {'class': 'form-control', 'placeholder' : 'Groupe d\'accès'}}) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.imageFile, null, {'label': 'pdf' |trans({}, 'bo_formlabel'), 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        {{ form_widget(form.imageFile, {'attr': {'class': 'form-control', 'placeholder' : 'Pdf'}}) }}
                    </div>
                </div>
                <div class="form-group">
                    {{ form_label(form.description, null, {'label': 'Description', 'label_attr': {'class': 'col-md-2 control-label'}}) }}
                    <div class="col-md-10">
                        {{ form_widget(form.description, {'attr': {'class': 'form-control', 'placeholder' : 'Description'}}) }}
                    </div>
                </div>

                <div class="form-group col-md-offset-3">
                    {{ form_label(form.startDate, null, {'label': 'Start Date', 'label_attr': {'class': 'col-md-2 control-label '}}) }}
                    <div class="col-md-10 ">
                        {{ form_widget(form.startDate, {'attr': {'class': 'form-control', 'placeholder' : 'Start Date'}}) }}
                    </div>
                </div>
                <div class="form-group col-md-offset-3">
                    {{ form_label(form.endDate, null, {'label': 'End Date', 'label_attr': {'class': 'col-md-2 control-label '}}) }}
                    <div class="col-md-10 ">
                        {{ form_widget(form.endDate, {'attr': {'class': 'form-control', 'placeholder' : 'End Date'}}) }}
                    </div>
                </div>
                <div class="form-group col-md-offset-3">
                    {{ form_label(form.vouchersDate, null, {'label': 'Vouchers Date', 'label_attr': {'class': 'col-md-2 control-label '}}) }}
                    <div class="col-md-10 ">
                        {{ form_widget(form.vouchersDate, {'attr': {'class': 'form-control', 'placeholder' : 'Vouchers Date'}}) }}
                    </div>
                </div>

            </div>
        </div>

        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Questionnaires</span>
            </div>
        </div>
        <div class="portlet-body form">
            <div class="form-body">
                <div id="links-list" data-length="{{ form.links | length }}" data-prototype="{% apply escape %}{{ include('/Backend/Survey/_prototypes/link.html.twig', { 'link': form.links.vars.prototype }) }}{% endapply %}">
                    {{ form_widget(form.links) }}
                </div>

                <div class="col-md-offset-2">
                    <button id="add-link" class="btn btn-default">Ajouter un questionnaire</button>
                </div>
            </div>
            <div class="form-actions">
                <div class="row">
                    <div class="col-md-offset-3 col-md-4">
                        <button class="btn green" type="submit">Enregistrer</button>

                        {% if surveyType == 0 %}
                            <a class="btn default" href="{{ path('admin_survey_enquetes_index') }}">Retour</a>
                        {% elseif surveyType == 1 %}
                            <a class="btn default" href="{{ path('admin_survey_pre_recrutements_index') }}">Retour</a>
                        {% elseif surveyType == 2 %}
                            <a class="btn default" href="{{ path('admin_survey_tests_index') }}">Retour</a>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ form_end(form) }}
{% endblock %}

{% block javascript %}
<script type="text/javascript">
    $(document).ready(function() {
        var linksList = $('#links-list');
        var linksLength = linksList.data('length');

        function updateDeleteButtons() {
            $(".delete-link").click(function() {
                $(this).parentsUntil('.delete-parent').parent().remove();
                return false;
            });
        } updateDeleteButtons();

        $('#add-link').click(function() {
            var html = linksList.data('prototype').replace(/__name__/g, linksLength);
            linksList.append(html);

            updateDeleteButtons();
            linksLength++;

            return false;
        });
    });
</script>
{% endblock %}