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

{% block title %}{{ 'modal.add.event.title1'| trans }}{% endblock %}
{% block stylesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <div class="content" id="content"><!-- PAGE HEADING -->
        <div class="page-heading">
            <div class="page-heading__container">
                <div class="icon"><span class="li-expand4"></span></div>
                <h1 class="title">{{ 'modal.add.event.title1'| trans }}</h1>
            </div>
            <nav aria-label="breadcrumb" role="navigation">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">
                            {% if role == 'admin' %}
                                {{ 'adminMenu.title1.admin' |trans }}
                            {% elseif role=='be' %}
                                {{ 'adminMenu.title1.be' |trans }}
                            {% elseif role == 'super' %}
                                {{ 'adminMenu.title1.super' |trans }}
                            {% else %}
                                {{ 'adminMenu.title1.adh' |trans }}
                            {% endif %}
                        </a></li>
                    <li class="breadcrumb-item"><a href="{{ path('events_list_calendar',{'role':role}) }}">{{ 'adminMenu.title20' | trans }}</a></li>
                    <li class="breadcrumb-item active">{{ 'page.addPage.title2'| trans }}</li>
                </ol>
            </nav>
        </div><!-- //END PAGE HEADING -->
        <div class="container-fluid">
            <div class="card loaded" id="dt-ext-class">
                <div class="card-body">
                    <h4 id="rw-dt-class">{{ 'modal.add.event.title1'| trans }}</h4>
                    <p class="subtitle margin-top-30"></p>

                    {% include '@BackBundle/Events/events/form.html.twig' %}

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

    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('js/vendors/jquery/jquery-ui.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/ckeditor/ckeditor.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/ckeditor/jquery-validation.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/moment/moment.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/moment/moment-with-locales.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/datetimepicker/bootstrap-datetimepicker.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/daterangepicker/daterangepicker.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('packages/switchery/switchery.min.css') }}" />
    <script type="text/javascript" src="{{ asset('packages/switchery/switchery.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/vendors/dropzone/dropzone.js') }}"></script>


    <script>
        $('input[name="start"]').daterangepicker();
        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));

        elems.forEach(function(html) {
            var switchery = new Switchery(html);
        });

        $(document).ready(function() {
            $(".start").datetimepicker({
                widgetPositioning: {
                    horizontal: 'left',
                    vertical: 'bottom'
                }
            });
            $(".end").datetimepicker({
                useCurrent: false,
                widgetPositioning: {
                    horizontal: 'left',
                    vertical: 'bottom'
                }
            });

            var requiredMsg = "{{ 'page.addPage.title9' | trans }}";
            $('#pageForm').validate({
                ignore: [],
                rules: {
                    'eventsbundle_event[title]':{required:true},
                },
                messages: {
                    'eventsbundle_event[title]':{required:requiredMsg},
                },
            });
        });
    </script>

    {% include '@BackBundle/Events/modules/assetsAdd.html.twig' %}
{% endblock %}