{% 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('admin_translations_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="trans_search_filter_all" name="trans_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="trans_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="trans_search_filter_id" name="trans_search_filter_id" class="custom-control-input form-check-input js-add-to-datatable" value="code">
                                                                            <label class="custom-control-label form-check-label" for="trans_search_filter_id">{{'ID'|trans({},'translations')}}</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="trans_search_filter_label" name="trans_search_filter_label" class="custom-control-input form-check-input js-add-to-datatable" value="name">
                                                                            <label class="custom-control-label form-check-label" for="trans_search_filter_label">{{'label'|trans({},'translations')}}</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="trans_search_filter_content" name="trans_search_filter_content" class="custom-control-input form-check-input js-add-to-datatable" value="localization">
                                                                            <label class="custom-control-label form-check-label" for="trans_search_filter_content">{{'content'|trans({},'translations')}}</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="2" placeholder="Pesquisar">
                                            </div>  
                                        </div>
                                        <div class="filters-datatable-field col-2 px-0">
                                            <div class="form-group">
                                                <select id="domains" name="domains" class="select2-style form-control select2-hidden-accessible js-add-to-datatable" tabindex="-1" aria-hidden="true">
                                                    <option value="all" selected>{{'domain'|trans({},'translations')}}</option>
                                                    {% for domain in domains %}
                                                    <option value={{ domain }}>{{domain}}</option>
                                                    {% endfor %}

                                                </select>
                                            </div>
                                        </div>     
                                        <div class="filters-datatable-field col-1 px-0">
                                            <div class="form-group">
                                                <select id="languageCode" name="languageCode" class="select2-style form-control select2-hidden-accessible js-add-to-datatable" tabindex="-1" aria-hidden="true">
                                                    <option value="all" selected>{{'languages'|trans({},'translations')}}</option>
                                                    {% for language in languages %}
                                                    <option value={{ language.languageCode }}>{{ language.languageCode |trans({},'languages')}}</option>
                                                    {% endfor %}

                                                </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="label" class="">{{'label'|trans({},'translations')}}</th>                                       
                                        <th data-column-data="domain" class="">{{'domain'|trans({},'translations')}}</th>
                                        <th data-column-data="content" class="" data-width="10%">{{'defaultcontent'|trans({},'translations')}}</th>
                                        <th data-column-data="language_code" class="no-sort">{{'languages'|trans({},'studio')}}</th>
                                        <th data-column-data="actions" class="no-sort tableactions" data-width="70px">{{'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();
            }
        });
 
        </script>
{% endblock %}