{% extends 'admin\\baseadmin.html.twig' %}
{% block content%}
    <!--START PAGE CONTENT -->
    {% if is_granted('ROLE_SUPER_ADMIN') %}
    <div class="col-lg-12 col-xl-12">
                    <a class="btn btn-primary" style="float:right;margin-top:-40px;margin-right:16px" href="{{path('language_new') }}" role="button">{{'new'|trans({},'configs')}} </a>
                </div>
    {% endif %}
    <section class="page-content container-fluid">
        <form name="form-filters" class="filters-datatable-wrap">
        <div class="row">
            <div class="col-lg-12 col-xl-12">
                <div class="card">
                   <div class="card-header" style="background: #e0e8f5;">            
                            <div class="row">
                                <div class="col">
                                    <h6>Filtros</h6>
                                    <div class="d-flex">
                                        <div class="filters-datatable-field">
                                            <div class="filters-datatable-btn ml-0">
                                                <a href="javascript:void(0)" class="btn btn-secondary" data-toggle="dropdown" role="button" data-bs-auto-close="false" aria-haspopup="true" aria-expanded="true">
                                                    <i class="la la-filter"></i>
                                                </a>                                    
                                                <div class="dropdown-menu dropdown-menu-right p-0">
                                                    <div class="card card-notification mb-0">
                                                        <div class="card-header">
                                                            <h5 class="card-title mb-0">{{'language_filters'|trans({},'languages')}}</h5>
                                                        </div>
                                                        <div class="card-body">    
                                                        <!-- Checkbox Start -->                                   
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <div class="custom-control custom-checkbox d-flex align-items-center form-check">
                                                                            <input type="checkbox" id="lang_search_filter_all" name="lang_search_filter_all" class="custom-control-input form-check-input js-add-to-datatable" checked="" value="all">
                                                                            <label class="custom-control-label form-check-label" for="lang_search_filter_all">{{'language_all'|trans({},'languages')}}</label>
                                                                        </div>     
                                                                    </div>
                                                                </div>
                                                            </div> 
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <div class="custom-control custom-checkbox d-flex align-items-center form-check">
                                                                            <input type="checkbox" id="lang_search_filter_code" name="lang_search_filter_code" class="custom-control-input form-check-input js-add-to-datatable" value="code">
                                                                            <label class="custom-control-label form-check-label" for="lang_search_filter_code">{{'language_code'|trans({},'languages')}}</label>
                                                                        </div>   
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <div class="custom-control custom-checkbox d-flex align-items-center form-check">
                                                                            <input type="checkbox" id="lang_search_filter_name" name="lang_search_filter_name" class="custom-control-input form-check-input js-add-to-datatable" value="name">
                                                                            <label class="custom-control-label form-check-label" for="lang_search_filter_name">{{'language_name'|trans({},'languages')}}</label>
                                                                        </div>   
                                                                    </div>
                                                                </div>
                                                            </div>                      
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <div class="custom-control custom-checkbox d-flex align-items-center form-check">
                                                                            <input type="checkbox" id="lang_search_filter_order" name="lang_search_filter_order" class="custom-control-input form-check-input js-add-to-datatable" value="order">
                                                                            <label class="custom-control-label form-check-label" for="lang_search_filter_order">{{'language_order'|trans({},'languages')}}</label>
                                                                        </div>     
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="form-group">
                                                                        <div class="custom-control custom-checkbox d-flex align-items-center form-check">
                                                                            <input type="checkbox" id="lang_search_filter_locale" name="lang_search_filter_locale" class="custom-control-input form-check-input js-add-to-datatable" value="localization">
                                                                            <label class="custom-control-label form-check-label" for="lang_search_filter_locale">{{'language_localization'|trans({},'languages')}}</label>
                                                                        </div>   
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- END OF CHECKBOX -->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>                                    
                                        </div>                                    
                                        <div class="filters-datatable-field col pl-0 pr-0">
                                            <div class="form-group">
                                                <input autocomplete="off" class="form-control form-control-search js-add-to-datatable" id="search" name="search" minlength="3" placeholder="Pesquisar">
                                            </div>  
                                        </div>
                                        <div class="filters-datatable-field">
                                            <div class="form-group">
                                                <select id="language_public" name="language_public" class="select2-style form-control select2-hidden-accessible js-add-to-datatable" tabindex="-1" aria-hidden="true">
                                                    <option value="all">{{'language_public'|trans({},'languages')}}</option>
                                                    <option value="1">{{'yes'|trans({},'languages')}}</option>
                                                    <option value="0">{{'no'|trans({},'languages')}}</option>
                                                </select>
                                            </div>
                                        </div> 
                                        <div class="filters-datatable-field">
                                            <div class="form-group">
                                                <select id="language_active" name="language_active" class="select2-style form-control select2-hidden-accessible js-add-to-datatable" tabindex="-1" aria-hidden="true">
                                                    <option value="all">{{'language_active'|trans({},'languages')}}</option>
                                                    <option value="1">{{'yes'|trans({},'languages')}}</option>
                                                    <option value="0">{{'no'|trans({},'languages')}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="filters-datatable-field">
                                            <div class="form-group">
                                                <select id="language_default" name="language_default" class="select2-style form-control select2-hidden-accessible js-add-to-datatable" tabindex="-1" aria-hidden="true">
                                                    <option value="all">{{'language_default'|trans({},'languages')}}</option>
                                                    <option value="1">{{'yes'|trans({},'languages')}}</option>
                                                    <option value="0">{{'no'|trans({},'languages')}}</option>
                                                </select>
                                            </div>
                                        </div>                                        
                                        <div class="filters-datatable-field">
                                            <div class="form-group">
                                                <button type="button" id="bt_apply_filters" name="bt_apply_filters" class="btn-primary btn apply-filters" data-submit-on-click="true">{{'apply_filters'|trans({},'studio')}}</button>
                                            </div>
                                        </div>                 
                                    </div>
                                </div>
                            </div>       
                        </div>        
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered datatable-init js-datatable-init table-text-align-right-cart" style="width:100%;margin-bottom:118px !important"
                                            data-searching="false" 
                                            data-semptytable="{{'emptytable'|trans({},'studio')}}"
                                            data-sloadingrecords="{{'loadingrecords'|trans({},'studio')}}"
                                            data-sprocessing="{{'processing'|trans({},'studio')}}"
                                            data-slengthmenu="{{'showmenulength'|trans({},'studio')}}"
                                            data-szerorecords="{{'zerorecords'|trans({},'studio')}}"
                                            data-sinfo="{{'infostart'|trans({},'studio')}}"
                                            data-sinfofiltered="{{'infofiltered'|trans({},'studio')}}"
                                            data-sinfoempty="{{'infoempty'|trans({},'studio')}}"
                                            data-sfirst="{{'first'|trans({},'studio')}}"
                                            data-sprevious="{{'previous'|trans({},'studio')}}"
                                            data-snext="{{'next'|trans({},'studio')}}">
                                <thead>
                                    <tr>
                                        <th data-column-data="language_code" class="">{{'language_code'|trans({},'languages')}}</th>                                       
                                        <th data-column-data="language_name" class="">{{'language_name'|trans({},'languages')}}</th>
                                        <th data-column-data="language_public" class="">{{'language_public'|trans({},'languages')}}</th>
                                        <th data-column-data="language_active" class="">{{'language_active'|trans({},'languages')}}</th>
                                        <th data-column-data="language_default" class="">{{'language_default'|trans({},'languages')}}</th>
                                        <th data-column-data="language_order" class="">{{'language_order'|trans({},'languages')}}</th>
                                        <th data-column-data="locale" class="">{{'language_localization'|trans({},'languages')}}</th>
                                        <th data-column-data="actions" class="no-sort tableactions">{{'actions'|trans({},'studio')}}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </form>
{% endblock %}
{% block javascripts %}
{{parent()}}
{{ encore_entry_script_tags('daterangepicker') }}
<script>
        $(document).on("click",".dropdown-menu",function(e){
            var t = $(this), toggle = $(this).prev("a[data-toggle=\"dropdown\"]");
            if(toggle.attr("data-bs-auto-close") == "false"){
                e.stopPropagation();
            }
        });
        $('.datepicker-single').daterangepicker({
            singleDatePicker: true,
            timePicker: false,
            autoUpdateInput: false,
            locale: {
                format: 'DD/MM/YYYY',
                cancelLabel: 'Clear'
            }
        });

        $('.datepicker-single').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('DD/MM/YYYY'));
        });

        $('.datepicker-single').on('cancel.daterangepicker', function(ev, picker) {
            $(this).val('');
        });
        </script>
{% endblock %}