{% extends '::base2.html.twig' %}
{% block title %}Gestion Dossiers - Edit{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <style>
        .panel-title > a, .panel-title > a:active {
            display: block;
            padding: 15px;
            color: #555;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            word-spacing: 3px;
            text-decoration: none;
        }

        .panel-heading a:before {
            font-family: 'Glyphicons Halflings';
            content: "\e114";
            float: right;
            transition: all 0.5s;
        }

        .panel-heading.active a:before {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .m-form__heading-title {
            margin-bottom: 50px;
            font-weight: 500;
        }

        .col-form-label {
            font-weight: 500;
            color: #a01616;
        }

        .panel-heading {
            background-color: #f4f5f8 !important;
            height: 60px;
            line-height: 60px;
        }

        .m-form__control-static {
            color: gray;
        }

        .prestataire-request {
            display: block;
            margin-top: 27px !important;
            color: #a01616;
            font-weight: 600;
            font-size: 16px;
        }

        .form-wizard .steps, .form-wizard .steps > li > a.step {
            color: gray;
        }
    </style>
{% endblock %}

{% block body %}

    <div class="page-wrapper">

        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'client_representant/header.html.twig' %}
        </div>
        <!-- END HEADER -->

        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"></div>
        <!-- END HEADER & CONTENT DIVIDER -->

        <!-- BEGIN CONTAINER -->
        <div class="page-container">

            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'client_representant/menu.html.twig' %}
                </div>
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div style="background: #eef1f5;" class="page-content">
                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="#">Gestion des Dossiers</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="#">Modifier Demande</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 style="padding-left: 16px;" class="page-title">Modifier Demande
                        <small>Modifier</small>
                    </h1>
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="tabbable-line boxless tabbable-reversed">
                                <div class="col-md-12 tab-pane">
                                    <div class="portlet light bordered" id="form_wizard_1">
                                        {#<div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Formulaire Ajout Demande
                                            </div>
                                            <div class="tools"></div>
                                        </div>#}
                                        <div class="portlet-body form">
                                            {% if app.request.hasPreviousSession %}
                                                {% for type, messages in app.session.flashbag.all() %}
                                                    {% for message in messages %}
                                                        <div class="alert {% if type == 'success' %} alert-success  {% else %} alert-danger  {% endif %} alert-dismissible fade in"
                                                             role="alert">
                                                            <button type="button" class="close" data-dismiss="alert"
                                                                    aria-label="Close"><span aria-hidden="true">×</span>
                                                            </button>
                                                            <strong>{{ type }}!</strong> {{ message }}
                                                        </div>
                                                    {% endfor %}
                                                {% endfor %}
                                            {% endif %}
                                            <!-- BEGIN FORM-->
                                            {{ form_start(form, {'method': 'post', 'action': path('millesima_client_representant_demande_edit', {'id' : demandes.id}), 'attr': {'class': 'millesima_client_demandeur_demande_edit', 'id': 'submit_form'}}) }}
                                            <div class="form-wizard"> {#<div class="form-horizontal">#}
                                                <div class="form-body">

                                                    <input type="hidden" id="account" name="account"
                                                           value="{{ compte.id }}"/>
                                                    <input type="hidden" id="demande" name="demande"
                                                           value="{{ demandes.id }}"/>

                                                    <ul class="nav nav-pills nav-justified steps">
                                                        <li>
                                                            <a href="#tab1" data-toggle="tab" class="step">
                                                                <span class="number"> 1 </span>
                                                                <span class="desc">
                                                                    <i class="fa fa-check"></i> Setup 1 </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#tab2" data-toggle="tab" class="step">
                                                                <span class="number"> 2 </span>
                                                                <span class="desc">
                                                                    <i class="fa fa-check"></i> Setup 2 </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#tab3" data-toggle="tab" class="step">
                                                                <span class="number"> 3 </span>
                                                                <span class="desc">
                                                                    <i class="fa fa-check"></i> Setup 3 </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#tab4" data-toggle="tab" class="step active">
                                                                <span class="number"> 4 </span>
                                                                <span class="desc">
                                                                    <i class="fa fa-check"></i> Setup 4 </span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#tab5" data-toggle="tab" class="step">
                                                                <span class="number"> 5 </span>
                                                                <span class="desc">
                                                                    <i class="fa fa-check"></i> Confirmer </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <div id="bar" class="progress progress-striped" role="progressbar">
                                                        <div class="progress-bar progress-bar-success"></div>
                                                    </div>

                                                    <div class="tab-content">
                                                        <div class="alert alert-danger display-none">
                                                            <button class="close" data-dismiss="alert"></button>
                                                            You have some form errors. Please check below.
                                                        </div>
                                                        <div class="alert alert-success display-none">
                                                            <button class="close" data-dismiss="alert"></button>
                                                            Your form validation is successful!
                                                        </div>

                                                        <div class="tab-pane active" id="tab1">
                                                            <h3 class="block">Provide your account details</h3>
                                                            <div class="row form-group">

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    {{ form_label(form.nomAction, 'Titre') }}
                                                                    {{ form_widget(form.nomAction, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.nomAction) }}
                                                                    </div>

                                                                </div>

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    {{ form_label(form.typeAction, 'Type') }}
                                                                    {{ form_widget(form.typeAction, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.typeAction) }}
                                                                    </div>

                                                                </div>

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    {{ form_label(form.nbrePax, 'Nombre de participant') }}
                                                                    {{ form_widget(form.nbrePax, { 'attr': {'class': 'form-control','required':true,'min':1} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.nbrePax) }}
                                                                    </div>

                                                                </div>

                                                            </div>
                                                            <div class="row form-group">

                                                                <div class="col-md-4 col-sm-12 col-xs-12">
                                                                    {{ form_label(form.dateDebut, 'Date Début') }}
                                                                    {{ form_widget(form.dateDebut, { 'attr': {'class': 'form-control date form_meridian_datetime','required':true} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.dateDebut) }}
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    {{ form_label(form.dateFin, 'Date Fin') }}
                                                                    {{ form_widget(form.dateFin, { 'attr': {'class': 'form-control date form_meridian_date2','required':true} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.dateFin) }}
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="tab2">
                                                            <h3 class="block">Provide your request details</h3>
                                                            <div class="row form-group">

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    {{ form_label(form.typePrestataire, 'Type de Prestataire') }}
                                                                    {{ form_widget(form.typePrestataire, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.typePrestataire) }}
                                                                    </div>

                                                                </div>

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    {{ form_label(form.region, 'Région') }}
                                                                    {{ form_widget(form.region, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.region) }}
                                                                    </div>

                                                                </div>

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    <div id="add_fournisseur_ajax_response"></div>

                                                                </div>

                                                            </div>

                                                            <div class="row form-group">

                                                                <div style="padding-top: 30px;"
                                                                     class="col-md-4 col-sm-12 col-xs-12">

                                                                    <div id="add_articles_ajax_response" class="row"
                                                                            {#style="padding-right: 20px;padding-left: 20px;"#}></div>

                                                                    <!-- End Add Articles -->

                                                                    <input type="hidden" value=""
                                                                           id="millesima_client_demandeur_demande_edit_variantes"
                                                                           name="millesima_client_demandeur_demande_edit_variantes[variantes]"
                                                                           required="required" aria-required="true"
                                                                           aria-invalid="false">
                                                                </div>

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    <div id="add_compte_facturation_ajax_response"></div>

                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="tab3">
                                                            <h3 class="block">Provide your account details</h3>
                                                            <div class="row form-group">

                                                                <div class="col-md-2 col-sm-12 col-xs-12">
                                                                    Représentants
                                                                </div>

                                                                <div class="col-md-3 col-sm-12 col-xs-12">
                                                                    <select name="from[]" id="multiselect"
                                                                            class="form-control" size="8"
                                                                            multiple="multiple">
                                                                        {% for representant in userR %}
                                                                            <option value="{{ representant.id }}">{{ representant.firstname }} {{ representant.lastname }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>

                                                                <div class="col-md-1 col-sm-12 col-xs-12">
                                                                    <button type="button" id="multiselect_rightAll"
                                                                            class="btn btn-block"><i
                                                                                class="glyphicon glyphicon-forward"></i>
                                                                    </button>
                                                                    <button type="button" id="multiselect_rightSelected"
                                                                            class="btn btn-block"><i
                                                                                class="glyphicon glyphicon-chevron-right"></i>
                                                                    </button>
                                                                    <button type="button" id="multiselect_leftSelected"
                                                                            class="btn btn-block"><i
                                                                                class="glyphicon glyphicon-chevron-left"></i>
                                                                    </button>
                                                                    <button type="button" id="multiselect_leftAll"
                                                                            class="btn btn-block"><i
                                                                                class="glyphicon glyphicon-backward"></i>
                                                                    </button>
                                                                </div>

                                                                <div class="col-md-3 col-sm-12 col-xs-12">
                                                                    <select name="to[]" id="multiselect_to"
                                                                            class="form-control" size="8"
                                                                            multiple="multiple">
                                                                        {% for representant in demandes.representants %}
                                                                            <option value="{{ representant.id }}">{{ representant.firstname }} {{ representant.lastname }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>

                                                                <div class="col-md-2 col-sm-12 col-xs-12"></div>

                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="tab4">
                                                            <h3 class="block">Provide your billing and credit card
                                                                details</h3>
                                                            <div class="row form-group">

                                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                                    Programme
                                                                </div>

                                                                <div style="padding-left: 60px;"
                                                                     class="col-md-4 col-sm-12 col-xs-12">

                                                                    <div style="padding-top: 15px;"
                                                                         class="md-checkbox-list">
                                                                        <div class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox1"
                                                                                   value="1"
                                                                                   name="checkbox1"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox1">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Pause Café
                                                                                d'accueil
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox2"
                                                                                   value="2"
                                                                                   name="checkbox2"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox2">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Réunion 1
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox3"
                                                                                   value="3"
                                                                                   name="checkbox3"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox3">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Pause Café
                                                                                Matin
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox22"
                                                                                   value="22"
                                                                                   name="checkbox22"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox22">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Réunion 2
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox4"
                                                                                   value="4"
                                                                                   name="checkbox4"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox4">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Déjeuner
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox23"
                                                                                   value="23"
                                                                                   name="checkbox23"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox23">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Réunion 3
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox5"
                                                                                   value="5"
                                                                                   name="checkbox5"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox5">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Pause Café
                                                                                Après-Midi
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox24"
                                                                                   value="24"
                                                                                   name="checkbox24"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox24">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Réunion 4
                                                                            </label>
                                                                        </div>
                                                                        <div style="padding-top: 5px;"
                                                                             class="md-checkbox">
                                                                            <input type="checkbox" id="checkbox6"
                                                                                   value="6"
                                                                                   name="checkbox6"
                                                                                   class="md-check-list">
                                                                            <label for="checkbox6">
                                                                                <span class="inc"></span>
                                                                                <span class="check"></span>
                                                                                <span class="box"></span> Dîner ou
                                                                                Coktail
                                                                            </label>
                                                                        </div>
                                                                    </div>

                                                                </div>

                                                                <div class="col-md-4 col-sm-12 col-xs-12">

                                                                    <div style="padding-top: 20px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heurePause1, 'Heure Pause Café d\'accueil') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heureReunion, 'Heure Réunion 1') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heurePause2, 'Heure Pause Café Matin') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heureReunion2, 'Heure Réunion 2') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heureDejeuner, 'Heure Déjeuner') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heureReunion3, 'Heure Réunion 3') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heurePause3, 'Heure Pause Café Après Midi') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heureReunion4, 'Heure Réunion 4') }}</div>
                                                                    <div style="padding-top: 15px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12">{{ form_label(form.heureDiner, 'Heure Dîner') }}</div>
                                                                </div>

                                                                <div id="times" style="padding-right: 60px;"
                                                                     class="col-md-4 col-sm-12 col-xs-12">

                                                                    <div style="position: relative;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heurePause1, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heurePause1) }}
                                                                        </div>

                                                                    </div>

                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heureReunion, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heureReunion) }}
                                                                        </div>

                                                                    </div>

                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heurePause2, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heurePause2) }}
                                                                        </div>

                                                                    </div>

                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heureReunion2, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heureReunion2) }}
                                                                        </div>

                                                                    </div>

                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heureDejeuner, {'data':form.heureDejeuner.vars.value , 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heureDejeuner) }}
                                                                        </div>

                                                                    </div>

                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heureReunion3, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heureReunion3) }}
                                                                        </div>

                                                                    </div>


                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heurePause3, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heurePause3) }}
                                                                        </div>

                                                                    </div>

                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heureReunion4, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heureReunion4) }}
                                                                        </div>

                                                                    </div>


                                                                    <div style="position: relative;padding-top: 5px;"
                                                                         class="col-md-12 col-sm-12 col-xs-12 input-group">

                                                                        {{ form_widget(form.heureDiner, { 'attr': {'style':'position: absolute','class': 'form-control timepicker timepicker-24','required':true,'disabled':true} }) }}
                                                                        <span style="float: right;"
                                                                              class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-clock-o"></i>
                                                                        </button>
                                                                    </span>
                                                                        <div class="form-control-focus"></div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.heureDiner) }}
                                                                        </div>

                                                                    </div>

                                                                </div>

                                                            </div>
                                                            <div class="row form-group">
                                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                                    {{ form_label(form.commentaire, 'Commentaire') }}
                                                                    {{ form_widget(form.commentaire, { 'attr': {'class': 'form-control'} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.commentaire) }}
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="row form-group">
                                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                                    {{ form_label(form.otherPrestation, 'Autre Prestation') }}
                                                                    {{ form_widget(form.otherPrestation, { 'attr': {'class': 'form-control'} }) }}
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red">
                                                                        {{ form_errors(form.otherPrestation) }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="tab5">
                                                            <div class="col-md-12">
                                                                <div class="panel-group" id="accordion">
                                                                    <div class="panel panel-default" id="panel1">
                                                                        <div class="panel-heading active">
                                                                            <h4 class="panel-title">
                                                                                <a data-toggle="collapse"
                                                                                   data-target="#collapseOne"
                                                                                   href="#collapseOne">
                                                                                    <i class="glyphicon glyphicon-play-circle"></i>
                                                                                    ETAPE 1
                                                                                </a>
                                                                            </h4>

                                                                        </div>
                                                                        <div id="collapseOne"
                                                                             class="panel-collapse collapse in">
                                                                            <div class="panel-body">
                                                                                <div class="m-form__section m-form__section--first">
                                                                                    <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                        <label class="col-lg-4 col-md-4 col-form-label">
                                                                                            <i class="glyphicon glyphicon-chevron-right"></i>
                                                                                            Titre:</label>
                                                                                        <div class="col-md-8 col-lg-8">
                                                                                            <span class="m-form__control-static"
                                                                                                  id="title-request">sinortech.vertoffice.com</span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                        <label class="col-lg-4 col-md-4 col-form-label">
                                                                                            <i class="glyphicon glyphicon-chevron-right"></i>
                                                                                            TYPE:</label>
                                                                                        <div class="col-md-8 col-lg-8">
                                                                                            <span class="m-form__control-static"
                                                                                                  id="type-request">sinortech.admin</span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                        <label class="col-lg-4 col-md-4 col-form-label">
                                                                                            <i class="glyphicon glyphicon-chevron-right"></i>
                                                                                            NOMBRE DE
                                                                                            PARTICIPANT:</label>
                                                                                        <div class="col-lg-8 col-md-8">
                                                                                            <span class="m-form__control-static"
                                                                                                  id="nb-request">*********</span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                        <label class="col-lg-4 col-md-4 col-form-label">
                                                                                            <i class="glyphicon glyphicon-chevron-right"></i>
                                                                                            DATE HEURE DEBUT:</label>
                                                                                        <div class="col-lg-8 col-md-8">
                                                                                            <span class="m-form__control-static"
                                                                                                  id="debut-request">*********</span>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                        <label class="col-lg-4 col-md-4 col-form-label">
                                                                                            <i class="glyphicon glyphicon-chevron-right"></i>
                                                                                            DATE FIN:</label>
                                                                                        <div class="col-lg-8 col-md-8">
                                                                                            <span class="m-form__control-static"
                                                                                                  id="fin-request">*********</span>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="panel panel-default" id="panel2">
                                                                        <div class="panel-heading active">
                                                                            <h4 class="panel-title">
                                                                                <a data-toggle="collapse"
                                                                                   data-target="#collapseTwo"
                                                                                   href="#collapseTwo"
                                                                                   class="collapsed">
                                                                                    <i class="glyphicon glyphicon-play-circle"></i>
                                                                                    ETAPE 2
                                                                                </a>
                                                                            </h4>

                                                                        </div>
                                                                        <div id="collapseTwo"
                                                                             class="panel-collapse collapse">
                                                                            <div class="panel-body">
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>
                                                                                        TYPE DE PRESTATAIRE:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="prestataire-request">sinortech.vertoffice.com</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>
                                                                                        REGION:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="region-request">sinortech.admin</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>
                                                                                        PRESTATION:</label>
                                                                                    <div class="col-lg-8 col-md-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="prestation-request">*********</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>
                                                                                        CHOIX ARTICLE:</label>
                                                                                    <div class="col-lg-8 col-md-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="article-request">*********</span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>
                                                                                        COMPTE DE FACTURATION:</label>
                                                                                    <div class="col-lg-8 col-md-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="facturation-request">*********</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="panel panel-default" id="panel3">
                                                                        <div class="panel-heading active">
                                                                            <h4 class="panel-title">
                                                                                <a data-toggle="collapse"
                                                                                   data-target="#collapseThree"
                                                                                   href="#collapseThree"
                                                                                   class="collapsed">
                                                                                    <i class="glyphicon glyphicon-play-circle"></i>
                                                                                    ETAPE 3
                                                                                </a>
                                                                            </h4>

                                                                        </div>
                                                                        <div id="collapseThree"
                                                                             class="panel-collapse collapse">
                                                                            <div class="panel-body">
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>
                                                                                        REPESENTANTS:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="representants-request">sinortech.vertoffice.com</span>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="panel panel-default" id="panel4">
                                                                        <div class="panel-heading active">
                                                                            <h4 class="panel-title">
                                                                                <a data-toggle="collapse"
                                                                                   data-target="#collapseFour"
                                                                                   href="#collapseFour"
                                                                                   class="collapsed">
                                                                                    <i class="glyphicon glyphicon-play-circle"></i>
                                                                                    ETAPE 4
                                                                                </a>
                                                                            </h4>

                                                                        </div>
                                                                        <div id="collapseFour"
                                                                             class="panel-collapse collapse">
                                                                            <div class="panel-body">
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time1-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"
                                                                                           id="time1-request-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Pause
                                                                                        Café accueil:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time1-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time2-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Réunion
                                                                                        1:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time2-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time3-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Pause
                                                                                        Café matin:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time3-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time4-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"
                                                                                           id="time4-request-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Réunion
                                                                                        2:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time4-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time5-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Déjeuner:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time5-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time6-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Réunion3:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time6-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time7-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Pause
                                                                                        Café Aprés-Midi:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time7-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time8-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Réunion
                                                                                        4:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time8-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12"
                                                                                     id="time9-request-div">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Dîner
                                                                                        ou Coktail:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="time9-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i
                                                                                                class="glyphicon glyphicon-chevron-right"></i>Commentaire:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static"
                                                                                              id="comment-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group m-form__group m-form__group--sm col-xs-12">
                                                                                    <label class="col-lg-4 col-md-4 col-form-label"><i class="glyphicon glyphicon-chevron-right"></i>Autre Prestataire:</label>
                                                                                    <div class="col-md-8 col-lg-8">
                                                                                        <span class="m-form__control-static" id="other-prestation-request"></span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="form-actions">
                                                    <div class="row" style="float: right;padding-right: 20px;">
                                                        <div class="{#col-md-offset-3#} col-md-12">
                                                            <a href="javascript:;" class="btn default button-previous">
                                                                <i class="fa fa-angle-left"></i> Back </a>
                                                            <a href="javascript:;"
                                                               class="btn btn-outline submit button-next"> Continue
                                                                <i class="fa fa-angle-right"></i>
                                                            </a>
                                                            <input type="submit" class="btn confirm button-submit"
                                                                   value="Soummettre"/>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            {{ form_end(form) }}
                                            <!-- END FORM-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END PAGE HEADER-->
                </div>
                <!-- END CONTENT BODY -->
            </div>
            <!-- END CONTENT -->

        </div>
        <!-- END CONTAINER -->

    </div>

    <!-- BEGIN FOOTER -->
    <div class="page-footer">
        {% include 'commun/footer.html.twig' %}
    </div>
    <!-- END FOOTER -->

    {% block javascripts %}
        {{ parent() }}

        <script>
            $(document).ready(function () {
                $("#demo").on("hide.bs.collapse", function () {
                    $(".btn").html('<span class="glyphicon glyphicon-collapse-down"></span> Open');
                });
                $("#demo").on("show.bs.collapse", function () {
                    $(".btn").html('<span class="glyphicon glyphicon-collapse-up"></span> Close');
                });
                $('#millesima_client_demandeur_demande_edit_nbrePax').attr('type', 'number');
            });

            $(document).ready(function () {
                var dateToday = new Date();

                $("#millesima_client_demandeur_demande_edit_dateDebut").datepicker({format: "yyyy-mm-dd"});

                $(document).scroll(function () {
                    $('.form_meridian_datetime').datepicker('place');
                });

                $("#millesima_client_demandeur_demande_edit_dateDebut").change(function () {

                    var $startDate = $("#millesima_client_demandeur_demande_edit_dateDebut").val();
                    var $endDate = "";

                    var i = 0;
                    while ($startDate[i] != " ") {
                        $endDate += $startDate[i];
                        i += 1;
                    }

                    $("#millesima_client_demandeur_demande_edit_dateFin").val($endDate);

                });

                $("#millesima_client_demandeur_demande_edit_dateFin").click(function () {
                    var dateFin = $("#millesima_client_demandeur_demande_edit_dateFin").val();
                    $("#millesima_client_demandeur_demande_edit_dateFin").datepicker({
                        autoclose: true,
                        isRTL: App.isRTL(),
                        format: "yyyy-mm-dd",
                        pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left"),
                        todayBtn: true,
                        minDate: dateFin,
                        maxDate: dateFin,
                        startDate: dateFin,
                        endDate: dateFin,
                    });

                    $(document).scroll(function () {
                        $("#millesima_client_demandeur_demande_edit_dateFin").datepicker('place');
                    });
                });
            });

            var URL1 = Routing.generate('millesima_client_representant_ajax_get_by_region_and_type_for_show', {
                'idRegion': $("#millesima_client_demandeur_demande_edit_region").val(),
                'idType': $("#millesima_client_demandeur_demande_edit_typePrestataire").val(),
                'idAccount': $("#account").val(),
                'idDemande': $("#demande").val(),
            });

            var request = $.ajax({
                url: URL1,
                method: "POST",
            }).done(function (msg) {
                $("#add_fournisseur_ajax_response").html(msg);
            }).fail(function (jqXHR, textStatus) {
                console.log(textStatus);
            });

            $("#millesima_client_demandeur_demande_edit_region").change(function () {
                $('#add_articles_ajax_response').html('');
                $('#add_compte_facturation_ajax_response').html('');
                var URL1 = Routing.generate('millesima_client_representant_ajax_get_by_region_and_type_for_edit', {
                    'idRegion': $("#millesima_client_demandeur_demande_edit_region").val(),
                    'idType': $("#millesima_client_demandeur_demande_edit_typePrestataire").val(),
                    'idAccount': $("#account").val(),
                    'idDemande': $("#demande").val(),
                });
                {#{% set loadingSF =  asset('back/assets/global/img/ajax-loading.gif') %}
                $("#add_fournisseur_ajax_response").html("<img src = '{{ loadingSF }}' />");#}
                var request = $.ajax({
                    url: URL1,
                    method: "POST",
                }).done(function (msg) {
                    $("#add_fournisseur_ajax_response").html(msg);
                    /*i=0;
                    $('#millesima_client_demandeur_demande_edit_prestataire option').each(function(){
                        i++;
                    });
                    console.log(i);
                    if(i>1){
                        $('#add_compte_facturation_ajax_response').html('');
                        $("#add_fournisseur_ajax_response").show();
                        $('#add_articles').html('');
                    }else{
                        $('#add_compte_facturation_ajax_response').html('');
                        $('#add_articles').html('');
                        $("#add_fournisseur_ajax_response").show().html('<p class="prestataire-request">pas de prestataire dans cette region</p>');
                        $('#add_articles').hide();
                    }*/
                }).fail(function (jqXHR, textStatus) {
                    console.log(textStatus);
                });


                /*$("#add_fournisseur_ajax_response").change(function (){
                    var URL2 = Routing.generate('millesima_client_demandeur_ajax_get_articles_by_fournisseur_for_edit', {
                        'idFournisseur': $("#millesima_client_demandeur_demande_edit_prestataire").val(),
                        'idDemande' : $("#demande").val(),
                    });
                    {#{% set loadingSA =  asset('back/assets/global/img/ajax-loading.gif') %}
                    $("#add_articles_ajax_response").html("<img src = '{{ loadingSA }}' />");#}
                    var request = $.ajax({
                        url: URL2,
                        method: "POST",
                    }).done(function (msg) {
                        //console.log(msg);
                        $("#add_compte_facturation_ajax_response").html(msg);
                    }).fail(function (jqXHR, textStatus) {
                        console.log(textStatus);
                    });
                });

                $("#add_articles").click(function () {
                    var URL2 = Routing.generate('millesima_client_demandeur_ajax_get_articles_by_fournisseur_for_edit', {
                        'idFournisseur': $("#millesima_client_demandeur_demande_edit_prestataire").val(),
                        'idDemande' : $("#demande").val(),
                    });
                    {% set loadingSA =  asset('back/assets/global/img/ajax-loading.gif') %}
                    $("#add_articles_ajax_response").html("<img src = '{{ loadingSA }}' />");
                    var request = $.ajax({
                        url: URL2,
                        method: "POST",
                    }).done(function (msg) {
                        console.log(msg);
                        alert("ma5yeb rassek");
                        /!*$('#add_articles').html('<i style="left:20px" class="fa fa-plus"></i> Choix des Articles');
                        $("#add_articles_ajax_response").html(msg);*!/
                    }).fail(function (jqXHR, textStatus) {
                        console.log(textStatus);
                    });
                });

                $("#btn-valide-add").click(function () {
                    var checkedIds = $(".md-check:checked").map(function () {
                        return this.id;
                    }).toArray();
                    var $data_string = JSON.stringify(checkedIds);
                    console.log($data_string);
                    $("button#btn-valide-add").attr('id-variantes', ($data_string));
                    $("#millesima_client_demandeur_demande_edit_variantes").val($data_string);
                });*/
            });
        </script>


        <script type="text/javascript">
            $(document).ready(function ($) {
                $('#multiselect').multiselect();
                $('#millesima_client_demandeur_demande_edit_heurePause1').val('{{ form.heurePause1.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heurePause2').val('{{ form.heurePause2.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heureReunion').val('{{ form.heureReunion.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heureReunion2').val('{{ form.heureReunion2.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heureDejeuner').val('{{ form.heureDejeuner.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heureReunion3').val('{{ form.heureReunion3.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heurePause3').val('{{ form.heurePause3.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heureReunion4').val('{{ form.heureReunion4.vars.value }}');
                $('#millesima_client_demandeur_demande_edit_heureDiner').val('{{ form.heureDiner.vars.value }}');
                loadForm();
            });

            $('.millesima_client_demandeur_demande_edit').change(function () {
                loadForm();
            });

            function loadForm() {
                var represants = "";
                $("#multiselect_to option").each(function () {
                    represants += ($(this).text()) + "<br/>";
                });
                $('#title-request').html($('#millesima_client_demandeur_demande_edit_nomAction').val());
                $('#type-request').html($('#millesima_client_demandeur_demande_edit_typeAction :selected').text());
                $('#nb-request').html($('#millesima_client_demandeur_demande_edit_nbrePax').val() + ' personnes');
                $('#debut-request').html($('#millesima_client_demandeur_demande_edit_dateDebut').val());
                $('#fin-request').html($('#millesima_client_demandeur_demande_edit_dateFin').val());
                $('#prestataire-request').html($('#millesima_client_demandeur_demande_edit_typePrestataire :selected').text());
                $('#region-request').html($('#millesima_client_demandeur_demande_edit_region :selected').text());
                $('#prestation-request').html($('#millesima_client_demandeur_demande_edit_prestataire :selected').text());
                $('#facturation-request').html($('#millesima_client_demandeur_demande_edit_compteFacturation :selected').text());
                $('#representants-request').html(represants);
                $('#other-prestation-request').html($('#millesima_client_demandeur_demande_edit_otherPrestation').val());
                visibility('#time1-request', $('#millesima_client_demandeur_demande_edit_heurePause1').val());
                visibility('#time2-request', $('#millesima_client_demandeur_demande_edit_heureReunion').val());
                visibility('#time3-request', $('#millesima_client_demandeur_demande_edit_heurePause2').val());
                visibility('#time4-request', $('#millesima_client_demandeur_demande_edit_heureReunion2').val());
                visibility('#time5-request', $('#millesima_client_demandeur_demande_edit_heureDejeuner').val());
                visibility('#time6-request', $('#millesima_client_demandeur_demande_edit_heureReunion3').val());
                visibility('#time7-request', $('#millesima_client_demandeur_demande_edit_heurePause3').val());
                visibility('#time8-request', $('#millesima_client_demandeur_demande_edit_heureReunion4').val());
                visibility('#time9-request', $('#millesima_client_demandeur_demande_edit_heureDiner').val());
                visibility('#comment-request', $('#millesima_client_demandeur_demande_edit_commentaire').val());
            }

            function visibility(target, value) {
                if(value ==" "){
                    value="";
                }
                if (value != "") {
                    $(target).html(value);
                    $(target + '-div').show();
                }else{
                    $(target + '-div').hide();
                }
            }
            $('.timepicker-24').timepicker({
                showMeridian: false,
            });

            {#$('#millesima_client_demandeur_demande_edit_heureDiner').val("{{ demande.heureDiner| date('H:i') }}");#}
        </script>
        {#{% if demande.heurePause1 == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heurePause1').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heurePause1').val("{{ demande.heurePause1| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox1').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}

        {#{% if demande.heureReunion == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion').val("{{ demande.heureReunion| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox2').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}

        {#{% if demande.heurePause2 == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heurePause2').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heurePause2').val("{{ demande.heurePause2| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox3').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}

        {#{% if demande.heureReunion2 == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion2').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion2').val("{{ demande.heureReunion2| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox22').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}

        {#{% if demande.heureDejeuner == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureDejeuner').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureDejeuner').val("{{ demande.heureDejeuner| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox4').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}

        {#{% if demande.heureReunion3 == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion3').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion3').val("{{ demande.heureReunion3| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox23').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}

        {#{% if demande.heurePause3 == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heurePause3').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heurePause3').val("{{ demande.heurePause3| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox5').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}

        {#{% if demande.heureReunion4 == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion4').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureReunion4').val("{{ demande.heureReunion4| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox24').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}


        {#{% if demande.heureDiner == null %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureDiner').val("");#}
        {#</script>#}
        {#{% else %}#}
        {#<script>#}
        {#$('#millesima_client_demandeur_demande_edit_heureDiner').val("{{ demande.heureDiner| date('H:i') }}").attr("disabled",false);#}
        {#$('#checkbox6').attr("checked","checked");#}
        {#</script>#}
        {#{% endif %}#}
    {% endblock %}

{% endblock %}