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

{% block stylesheets %}
    <!-- third party css -->
    <link href="{{ asset('libs/datatables/dataTables.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('libs/datatables/responsive.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('libs/datatables/buttons.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('libs/datatables/select.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
    <!-- third party css end -->

    <!-- Plugin css -->
    <link href="{{ asset('libs/fullcalendar/fullcalendar.min.css') }}" rel="stylesheet" type="text/css" />

    <!-- dropify -->
    <link href="{{ asset('libs/dropify/dropify.min.css') }}" rel="stylesheet" type="text/css" />

    <!-- Plugins css -->
    <link href="{{ asset('libs/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet" />
    <link href="{{ asset('libs/switchery/switchery.min.css') }}" rel="stylesheet" type="text/css" />

    <link href="{{ asset('libs/multiselect/multi-select.css') }}"  rel="stylesheet" type="text/css" />
    <link href="{{ asset('libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('libs/switchery/switchery.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('libs/bootstrap-timepicker/bootstrap-timepicker.min.css') }}" rel="stylesheet">
    <link href="{{ asset('libs/bootstrap-colorpicker/bootstrap-colorpicker.min.css') }}" rel="stylesheet">
    <link href="{{ asset('libs/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('libs/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">

    {{ parent() }}

    <style>
        .hr-ou {
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #cbc2c2;
            line-height: 0.1em;
            margin: 10px 35px 30px;
            color: #6c757d;
        }

        .hr-ou span {
            background:#fff;
            padding:0 10px;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="content">

        <!-- Start Content-->
        <div class="container-fluid">

            <div class="row">
                <div class="col-12" >
                    <div class="card-box">
                        <h4 class="mt-0 header-title">Planning</h4>
                        <!-- block btn start -->
                        <div class="mb-3 text-right">
                                <a href="#" class="btn btn-primary ml-auto" data-toggle="modal" data-target="#add-event"><i class="fas fa-plus"></i> Ajouter Évènement</a>
                                <div id="export-btn" class="ml-2"></div>
                        </div>
                        <!-- block btn end -->
                        <table id="datatable-buttons" class="table table-striped table-bordered nowrap">
                            <thead>
                            <tr>
                                <th>Tache</th>
                                <th>Chef de projet</th>
                                <th>Designer</th>
                                <th>BRIEF</th>
                                <th>Fiche presta</th>
                                <th>Etat de l'évent</th>
                                {% if 'ROLE_ADMIN' in app.user.roles %}
                                <th width="6%">Action</th>
                                {% endif %}
                            </tr>
                            </thead>

                            <tbody>
                            {% for key,task in tasks_list %}

                                {% for keyy,tas in task %}
                                    {% if keyy == 'event' %}
                                        <tr>
                                            <td colspan="6" style="text-align: center;background-color: #cff3e1;">
                                                <h3 class="mb-2 mt-0">{{ tas.title }}</h3>
                                                <span>{{ tas.date_start|date('d/m/Y') }} --> {{ tas.date_end|date('d/m/Y') }}</span>
                                            </td>
                                            {% if 'ROLE_ADMIN' in app.user.roles %}
                                            <td>
                                                <a href="{{ path('add_task', {'event_id' : key}) }}" class="btn btn-icon waves-effect waves-light btn-success btn-xs" data-toggle="tooltip" data-placement="top" title="" data-original-title="Ajouter évènement"> <i class="fas fa-plus"></i> </a>
                                            </td>
                                            {% endif %}
                                        </tr>
                                    {% else %}
                                        {% set i = 0 %}
                                        {% for t in tas %}

                                            {% if i == 0 %}
                                            <tr>
                                                <td>{{ tas.title }}</td>
                                                <td>{{ tas.manager.firstName }} {{ tas.manager.lastName }}</td>
                                                <td>
                                                    {% if tas.designer %}
                                                        {{ tas.designer.firstName }} {{ tas.designer.lastName }}
                                                    {% else %}
                                                        {% if 'ROLE_PROJECT_MANAGER' in app.user.roles %}
                                                            {% if tas.designer %}
                                                                {{ tas.designer.firstName }} {{ tas.designer.lastName }}
                                                            {% else %}
                                                                <a href="#" data-toggle="modal" data-target="#add-designer" data-id="{{ tas.id }}" onclick="addTaskId({{ tas.id }})"><u>ajouter designer</u></a>
                                                            {% endif %}
                                                        {% else %}
                                                            -
                                                        {% endif %}
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if tas.brief %}
                                                        <a href="{{ asset('uploads/files/brief/' ~ tas.brief) }}" target="_blank">voir BRIEF</a>
                                                    {% else %}
                                                        {% if 'ROLE_PROJECT_MANAGER' in app.user.roles %}
                                                            {% if tas.brief != null %}
                                                                <a href="{{ asset('uploads/files/brief/' ~ tas.brief) }}" target="_blank">voir BRIEF</a>
                                                            {% else %}
                                                                <a href="#" data-toggle="modal" data-target="#add-brief" data-id="{{ tas.id }}" onclick="addTaskId({{ tas.id }})"><u>ajouter BRIEF</u></a>
                                                            {% endif %}
                                                        {% else %}
                                                            -
                                                        {% endif %}
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if tas.presta %}
                                                        <a href="{{ asset('uploads/files/presta/' ~ tas.presta) }}" target="_blank">voir fiche presta</a>
                                                    {% else %}
                                                        {% if 'ROLE_PROJECT_MANAGER' in app.user.roles %}
                                                            {% if tas.presta != null %}
                                                                <a href="{{ asset('uploads/files/presta/' ~ tas.presta) }}" target="_blank">voir fiche presta</a>
                                                            {% else %}
                                                                <a href="#" data-toggle="modal" data-target="#add-presta" data-id="{{ tas.id }}" onclick="addTaskId({{ tas.id }})"><u>ajouter fiche presta</u></a>
                                                            {% endif %}
                                                        {% else %}
                                                            -
                                                        {% endif %}
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    {% if tas.status == 0 %}
                                                        <span class="badge badge-danger badge-pill text-center" {% if 'ROLE_DESIGNER' in app.user.roles %}data-toggle="modal" data-target="#add-status" onclick="addTaskIdAndStatus({{ tas.id }},0)" {% endif %}>En attente</span>
                                                    {% elseif tas.status == 1 %}
                                                        <span class="badge badge-primary badge-pill text-center" {% if 'ROLE_DESIGNER' in app.user.roles %}data-toggle="modal" data-target="#add-status" onclick="addTaskIdAndStatus({{ tas.id }},1)" {% endif %}>En cours</span>
                                                    {% elseif tas.status == 2 %}
                                                        <span class="badge badge-success badge-pill text-center" {% if 'ROLE_DESIGNER' in app.user.roles %}data-toggle="modal" data-target="#add-status" onclick="addTaskIdAndStatus({{ tas.id }},2)" {% endif %}>Terminé</span>
                                                    {% endif %}
                                                </td>
                                                {% if 'ROLE_ADMIN' in app.user.roles %}
                                                <td>
                                                </td>
                                                {% endif %}
                                            </tr>
                                            {% endif %}
                                            {% set i = 1 %}
                                        {% endfor %}
                                    {% endif %}
                                {% endfor %}

                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-12" >

                    <div class="row">
{#                        <div class="col-lg-3">#}
{#                            <div class="widget">#}
{#                                <div class="widget-body">#}
{#                                    <a href="#" data-toggle="modal" data-target="#add-category" class="btn btn-lg btn-success font-16 btn-block waves-effect waves-light">#}
{#                                        <i class="fa fa-plus mr-1"></i> Create New#}
{#                                    </a>#}
{#                                    <div id="external-events" class="mt-3">#}
{#                                        <p>Drag and drop your event or click in the calendar</p>#}
{#                                        <div class="external-event bg-primary" data-class="bg-primary">#}
{#                                            <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>New Theme Release#}
{#                                        </div>#}
{#                                        <div class="external-event bg-pink" data-class="bg-pink">#}
{#                                            <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>My Event#}
{#                                        </div>#}
{#                                        <div class="external-event bg-warning" data-class="bg-warning">#}
{#                                            <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>Meet manager#}
{#                                        </div>#}
{#                                        <div class="external-event bg-purple" data-class="bg-purple">#}
{#                                            <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>Create New theme#}
{#                                        </div>#}
{#                                    </div>#}

{#                                    <!-- checkbox -->#}
{#                                    <div class="custom-control custom-checkbox mt-3">#}
{#                                        <input type="checkbox" class="custom-control-input" id="drop-remove">#}
{#                                        <label class="custom-control-label" for="drop-remove">Remove after drop</label>#}
{#                                    </div>#}

{#                                </div>#}
{#                            </div>#}
{#                        </div> <!-- end col-->#}
                        <div class="col-lg-12">
                            <div class="card-box">
                                <div id="calendar"></div>
                            </div>
                        </div> <!-- end col -->
                    </div>  <!-- end row -->

                    <!-- BEGIN MODAL -->
                    <!-- Modal Add Category -->
                    <div class="modal fade none-border" id="add-event">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title mt-0"><strong>Ajouter évènement </strong></h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body">
                                    {{ form_start(form, {'attr': {'method': 'post','novalidate': 'novalidate','data-parsley-validate': ''}}) }}
                                        <div class="row">
{#                                            <div class="col-md-12">#}
{#                                                <label class="control-label">Choisir existe évènement :</label>#}
{#                                                <select class="form-control form-white" data-placeholder="Choisir évènement..." id="this-event" name="this-event">#}

{#                                                    <option value="">Choisir évènement...</option>#}
{#                                                    {% for event in events %}#}
{#                                                        <option value="{{ event.id }}">{{ event.title }}</option>#}
{#                                                    {% endfor %}#}

{#                                                </select>#}
{#                                            </div>#}

{#                                            <h4 class="hr-ou mt-4"><span>OU</span></h4>#}

                                            <div class="col-md-12">
                                                <label class="control-label">Nom évènement :</label>
                                                {{ form_widget(form.title, {'attr': {'class': 'form-control form-white','placeholder':'Titre évènement'}}) }}
                                            </div>

                                            <div class="col-md-3 mt-3">
                                                <h4 class="header-title mt-0 mb-3">Logo :</h4>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="card-box">
                                                    {{ form_widget(form.imageFile, {'attr': {'class': 'dropify','data-max-file-size':'10M'}}) }}
                                                </div>
                                            </div>

                                            <div class="col-md-12 mb-3">
                                                <label class="col-form-label">Date évènement :</label>
                                                <div class="input-daterange input-group" id="date-range">
                                                    {{ form_widget(form.startDate, {'attr': {'class': 'form-control','placeholder':'date début'}}) }}
                                                    {{ form_widget(form.endDate, {'attr': {'class': 'form-control','placeholder':'date fin'}}) }}
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><i class="ti-calendar"></i></span>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">Annuler</button>
                                            <button type="submit" class="btn btn-danger waves-effect waves-light">Enregistrer</button>
                                        </div>
                                    {{ form_end(form) }}
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="modal fade none-border" id="add-designer">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title mt-0"><strong>Ajouter Designer </strong></h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <form action="{{ path('add_designer') }}" method="post">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label class="control-label">Designer :</label>
                                                <select name="designer" class="form-control form-white" required>
                                                    <option value="">Choisir designer</option>
                                                    {% for designer in designers %}
                                                    <option value="{{ designer.id }}">{{ designer.firstName }} {{ designer.lastName }}</option>
                                                    {% endfor %}
                                                </select>
                                            </div>

                                        </div>
                                        <input type="hidden" id="task_id" name="task_id" value="">
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">Annuler</button>
                                            <button type="submit" class="btn btn-danger waves-effect waves-light add-designer">Enregistrer</button>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="modal fade none-border" id="add-brief">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title mt-0"><strong>Ajouter BRIEF </strong></h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <form action="{{ path('add_brief') }}" method="post" enctype="multipart/form-data">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label class="control-label">BRIEF PDF :</label>
                                                <input type="file" name="brief_pdf">
                                            </div>

                                        </div>
                                        <input type="hidden" id="brief_task_id" name="brief_task_id" value="">
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">Annuler</button>
                                            <button type="submit" class="btn btn-danger waves-effect waves-light">Enregistrer</button>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="modal fade none-border" id="add-presta">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title mt-0"><strong>Ajouter fiche presta </strong></h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <form action="{{ path('add_presta') }}" method="post" enctype="multipart/form-data">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label class="control-label">Fiche Presta PDF :</label>
                                                <input type="file" name="presta_pdf">
                                            </div>

                                        </div>
                                        <input type="hidden" id="presta_task_id" name="presta_task_id" value="">
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">Annuler</button>
                                            <button type="submit" class="btn btn-danger waves-effect waves-light">Enregistrer</button>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="modal fade none-border" id="add-status">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title mt-0"><strong>Modifier Statut </strong></h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <form action="{{ path('add_status') }}" method="post" enctype="multipart/form-data">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label class="control-label">Statut :</label>
                                                <select id="status_event_id" name="status_event_id" class="form-control form-white" required>
                                                    <option value="0">En attente</option>
                                                    <option value="1">En cours</option>
                                                    <option value="2">Terminé</option>
                                                </select>
                                            </div>

                                        </div>
                                        <input type="hidden" id="status_task_id" name="status_task_id" value="">
                                        <input type="hidden" id="status_event" name="status_event" value="">
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">Annuler</button>
                                            <button type="submit" class="btn btn-danger waves-effect waves-light">Modifier</button>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>


                    <div class="modal fade none-border" id="event-modal">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title mt-0"><strong>Add New Event</strong></h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body"></div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-success save-event waves-effect waves-light">Create event</button>
                                    <button type="button" class="btn btn-danger delete-event waves-effect waves-light" data-dismiss="modal">Delete</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Modal Add Category -->
                    <div class="modal fade none-border" id="add-category">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h4 class="modal-title mt-0"><strong>Add a category </strong></h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <form role="form">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <label class="control-label">Category Name</label>
                                                <input class="form-control form-white" placeholder="Enter name" type="text" name="category-name"/>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="control-label">Choose Category Color</label>
                                                <select class="form-control form-white" data-placeholder="Choose a color..." name="category-color">
                                                    <option value="success">Success</option>
                                                    <option value="danger">Danger</option>
                                                    <option value="info">Info</option>
                                                    <option value="pink">Pink</option>
                                                    <option value="primary">Primary</option>
                                                    <option value="warning">Warning</option>
                                                    <option value="inverse">Inverse</option>
                                                </select>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-danger waves-effect waves-light save-category" data-dismiss="modal">Save</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END MODAL -->
                </div>
                <!-- end col-12 -->
            </div>
            <!-- end row -->

        </div> <!-- container -->

    </div> <!-- content -->
{% endblock %}

{% block javascripts %}
    <!-- Vendor js -->
    <script src="{{ asset('js/vendor.min.js') }}"></script>

    <!-- third party js -->
    <script src="{{ asset('libs/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/dataTables.bootstrap4.js') }}"></script>
    <script src="{{ asset('libs/datatables/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/buttons.print.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/dataTables.keyTable.min.js') }}"></script>
    <script src="{{ asset('libs/datatables/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('libs/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('libs/pdfmake/vfs_fonts.js') }}"></script>
    <!-- third party js ends -->

    <!-- fullcalendar plugins -->
    <script src="{{ asset('libs/moment/moment.js') }}"></script>
    <script src="http://interactions-dev.com/cnfce/cnfceprod/web/js/vendors/moment/moment-with-locales.min.js"></script>

    <script src="{{ asset('libs/jquery-ui/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('libs/fullcalendar/fullcalendar.min.js') }}"></script>

    <!-- fullcalendar js -->
{#    <script src="{{ asset('js/pages/fullcalendar.init.js') }}"></script>#}

    <!-- dropify js -->
    <script src="{{ asset('libs/dropify/dropify.min.js') }}"></script>

    <!-- form-upload init -->
    <script src="{{ asset('js/pages/form-fileupload.init.js') }}"></script>

    <script>
        var dateNow = new Date();
        var nowInsert = dateNow.getFullYear() + '-' + dateNow.getMonth() + '-' + dateNow.getDay() + 'T' + dateNow.getHours() + ':' + dateNow.getMinutes();

        //calendar of events
        var i = $("#calendar").fullCalendar({
            plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],

            header: {
                left: "prev,next today",
                center: "title",
                right: "month,agendaWeek,agendaDay,listWeek"
            },
            locale: 'fr',

            dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
            dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
            monthNamesShort: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jui', 'Juil', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],
            monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
            buttonText: {
                today:    'Aujourd\'hui',
                month:    'Mois',
                week:     'Semaine',
                day:      'Jour',
                list:     'Liste'
            },

            buttonIcons: {
                prev: "fas fa-angle-left",
                next: "fas fa-angle-right",
                prevYear: "fa fa-angle-left",
                nextYear: "fa fa-angle-right"
            },
            longPressDelay: 0,
            events: '/load-event',

            selectable: true,
            selectHelper: true,
            editable: true,

            select: function () {

                // $(".start").datetimepicker({
                //     widgetPositioning: {
                //         horizontal: 'left',
                //         vertical: 'bottom'
                //     }
                // });
                // $(".end").datetimepicker({
                //     useCurrent: false,
                //     widgetPositioning: {
                //         horizontal: 'left',
                //         vertical: 'bottom'
                //     }
                // });
                //
                // $(".start").on("dp.change", function (e) {
                //     $(".end").data("DateTimePicker").minDate(e.date);
                // });
                // $(".end").on("dp.change", function (e) {
                //     $(".start").data("DateTimePicker").maxDate(e.date);
                // });
                //
                // $('#add_event').modal({show: true});

            },
            eventResize: function (event) {
                // var start = $.fullCalendar.formatDate(event.start, 'Y-MM-DD HH:mm:ss');
                // var end = $.fullCalendar.formatDate(event.end, 'Y-MM-DD HH:mm:ss');
                // var title = event.title;
                // var description = event.description;
                // var id = event.id;
                // $.ajax({
                //     url: Routing.generate('drag_calendar_rdv'),
                //     type: 'POST',
                //     data: {
                //         'start': start,
                //         'end': end,
                //         'token': event.token,
                //     },
                //     success: function (result) {
                //         if (result == 1) {
                //             i.fullCalendar('refetchEvents');
                //         } else {
                //             alert('erreur');
                //         }
                //     }
                // })
            },
            eventDrop: function (event) {
                // var start = $.fullCalendar.formatDate(event.start, 'YYYY-MM-DD HH:mm:ss');
                // var end = $.fullCalendar.formatDate(event.end, 'YYYY-MM-DD HH:mm:ss');
                // $.ajax({
                //     url: Routing.generate('drag_calendar_rdv'),
                //     type: 'POST',
                //     data: {
                //         'start': start,
                //         'end': end,
                //         'token': event.token,
                //     },
                //     success: function (result) {
                //         if (result == 1) {
                //             i.fullCalendar('refetchEvents');
                //         } else {
                //             alert('erreur');
                //         }
                //     }
                // })
            },
            eventClick: function (event) {
                {#var startDate = $.fullCalendar.formatDate(event.start, 'YYYY-MM-DD HH:mm');#}
                {#var endDate = $.fullCalendar.formatDate(event.end, 'YYYY-MM-DD HH:mm');#}
                {#$(".startEdit").datetimepicker({#}
                {#    widgetPositioning: {#}
                {#        horizontal: 'left',#}
                {#        vertical: 'bottom'#}
                {#    }#}
                {#});#}
                {#$(".endEdit").datetimepicker({#}
                {#    useCurrent: false,#}
                {#    widgetPositioning: {#}
                {#        horizontal: 'left',#}
                {#        vertical: 'bottom'#}
                {#    }#}
                {#});#}

                {#$(".startEdit").on("dp.change", function (e) {#}
                {#    $(".endEdit").data("DateTimePicker").minDate(e.date);#}
                {#});#}
                {#$(".endEdit").on("dp.change", function (e) {#}
                {#    $(".startEdit").data("DateTimePicker").maxDate(e.date);#}
                {#});#}

                {#$(".className").val(event.className);#}
                {#$('.titleEdit').val(event.title);#}
                {#$('.descriptionEdit').val(event.description);#}
                {#$('.startEdit').val(startDate);#}
                {#$('.endEdit').val(endDate);#}
                {#$('.colorEdit').val(event.className);#}
                {#$('.token').val(event.token);#}
                {#$('.registred_list').attr('href',Routing.generate('rdv_register_calendar',{'token':event.token,'role':'{{ role }}'}))#}
                {#$('#delete').attr('data-token',event.token);#}
                {#$('.fileEdit').removeAttr('required');#}
                {#{% if 'ROLE_AGENDA_RDV' in app.user.roles %}#}
                {#$('#edit_event').modal({show: true});#}
                {#{% else %}#}
                {#$('#edit_event').modal({show: true});#}
                {#{% endif %}#}

            }
        });
    </script>
    <!-- Plugins Js -->
    <script src="{{ asset('libs/bootstrap-tagsinput/bootstrap-tagsinput.min.js') }}"></script>
    <script src="{{ asset('libs/switchery/switchery.min.js') }}"></script>
    <script src="{{ asset('libs/multiselect/jquery.multi-select.js') }}"></script>
    <script src="{{ asset('libs/jquery-quicksearch/jquery.quicksearch.min.js') }}"></script>

{#    <script src="{{ asset('libs/select2/select2.min.js') }}"></script>#}
    <script src="{{ asset('libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js') }}"></script>
    <script src="{{ asset('libs/jquery-mask-plugin/jquery.mask.min.js') }}"></script>
    <script src="{{ asset('libs/moment/moment.js') }}"></script>
    <script src="{{ asset('libs/bootstrap-timepicker/bootstrap-timepicker.min.js') }}"></script>
    <script src="{{ asset('libs/bootstrap-colorpicker/bootstrap-colorpicker.min.js') }}"></script>
    <script src="{{ asset('libs/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('libs/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <script src="{{ asset('libs/bootstrap-maxlength/bootstrap-maxlength.min.js') }}"></script>

    <!-- Init js-->
    <script src="{{ asset('js/pages/form-advanced.init.js') }}"></script>

    <!-- Validation js (Parsleyjs) -->
    <script src="{{ asset('libs/parsleyjs/parsley.min.js') }}"></script>

    <!-- validation init -->
    <script src="{{ asset('js/pages/form-validation.init.js') }}"></script>

    <!-- Datatables init -->
    <script src="{{ asset('js/pages/datatables.init.js') }}"></script>

    {{ parent() }}

    <script>
        function addTaskId(task_id){
            $('#task_id').val(task_id);
            $('#brief_task_id').val(task_id);
            $('#presta_task_id').val(task_id);
        }

        function addTaskIdAndStatus(task_id, status){
            $('#status_task_id').val(task_id);
            $('#status_event').val(status);

            $("#status_event_id option").each(function(){
                if($(this).val() == status){
                    $(this).attr("selected","selected");
                }
            });
        }
    </script>
{% endblock %}