{% block extends %}
{{ "{% extends '::base_admin.html.twig' %}" }}
{% endblock extends %}

{{ "{% form_theme form ':Form:fields.html.twig' %}" }}

{% block last_stylesheet %}
{{ "{% block last_stylesheet %}
    <link href='{{ asset('includes/css/plugins/datapicker/datepicker3.css') }}' rel='stylesheet'>
    <link href='{{ asset('includes/css/plugins/daterangepicker/daterangepicker-bs3.css') }}' rel='stylesheet'>
    <link href='{{ asset('includes/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css') }}' rel='stylesheet'>
{% endblock %}" }}
{% endblock last_stylesheet %}

{% block body %}
{{ "{% block body -%}" }}
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">

        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>All form elements <small>With custom checbox and radion elements.</small></h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="#">Config option 1</a>
                            </li>
                            <li><a href="#">Config option 2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>

                    <br /> <div class="ibox-content">

                    {{ '{{ form(form, {attr: {class: "form-horizontal form-label-left input_mask"}}) }}' }}
                </div>
            </div>
        </div>
    </div>
</div>

    {#{% set hide_edit, hide_delete = true, true %}#}
    {#{% include 'crud/views/others/record_actions.html.twig.twig' %}#}
{{ "{% endblock %}" }}
{% endblock body %}

{% block last_javascript %}
{{ "{% block last_javascript %}
    {% for elem in form %}
        {% if date_active is not defined and 'date' in elem.vars['block_prefixes'] %}
            {% set date_active = 'true' %}
            <script src='{{ asset('includes/js/plugins/fullcalendar/moment.min.js') }}'></script>
            <script type='text/javascript' src='{{ asset('includes/js/plugins/daterangepicker/daterangepicker.js') }}'></script>
            <script src='{{ asset('js/plugins/datapicker/bootstrap-datepicker.js') }}'></script>
            <script type='text/javascript'>
                $(document).ready(function() {
                    $('.gns-datepicker').daterangepicker({
                        singleDatePicker: true,
                        calender_style: 'picker_4',
                        format: 'DD-MM-YYYY'
                    })
                })
            </script>
        {% endif %}
        {% if checkbox_active is not defined and 'checkbox' in elem.vars['block_prefixes'] %}
            {% set checkbox_active = 'true' %}
            <link href='{{ asset('includes/css/switchery/switchery.min.css') }}' rel='stylesheet'>
        {% endif %}
        {% if file_active is not defined and 'file' in  elem.vars['block_prefixes'] %}
            {% set file_active = 'true' %}
            <link href='{{ asset('includes/css/upload_button.css') }}' rel='stylesheet'>
            <script type='text/javascript' src='{{ asset('includes/js/filePreview.js') }}'></script>
        {% endif %}
        {% if choice_active is not defined and 'choice' in elem.vars['block_prefixes'] %}
        {% set choice_active = 'true' %}
            <script type='text/javascript' src='{{ asset('includes/js/select/select2.full.js') }}'></script>
            <link href='{{ asset('includes/css/select/select2.min.css') }}' rel='stylesheet'>
            <script>
                $(document).ready(function () {
                    $('.select2_multiple').select2({
                        allowClear: true,
                        placeholder: 'Make your choice...'
                    });
                });
            </script>
        {% endif %}
    {% endfor %}
{% endblock %}" }}
{% endblock last_javascript %}