{% extends 'admin\\baseadmin.html.twig' %}
{% block content%}
				<!--START PAGE CONTENT -->
				<section class="page-content container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-xl-12">
                            <div class="card">
                                <div class="card-header">
                                    <ul class="actions top-right">
                                        <li><a href="javascript:void(0)" data-q-action="card-expand"><i class="icon dripicons-expand-2"></i></a></li>
                                    </ul>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered datatable-init" style="width:100%">
                                            <thead>
                                                <tr>
												<th>{{formType|trans({},'forms')}}</th>
												<th>{{formName|trans({},'forms')}}</th>
												<th>{{createdDate|trans({},'forms')}}</th>
												<th class="no-sort tableactions">{{actionsLabel|trans({},'forms')}}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="export-excel" tabindex="-1" role="dialog" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="ModalTitle1">{{'export_excel'|trans({},'forms')}}</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="{{'close'|trans({},'studio')}}">
                                        <span aria-hidden="true" class="zmdi zmdi-close"></span>
                                    </button>
                                </div>
                                <form action="{{path('admin_forms_export')}}" method="post" target="_blank">
                                <div class="modal-body">
                                    <div class="row">
                                            <div class="col-4 form-group">
                                                <label for="metatitle">{{'export_form'|trans({},'forms')}}</label>
                                                <select id="formname" name="formname" class="form-control" tabindex="-1" aria-hidden="true">
                                                    {% for name in formNames %}
                                                        <option value="{{name.formName}}">{{name.formName}}</option>
                                                    {% endfor %}
                                                </select>
                                            </div>
                                            <div class="col-4 form-group">
                                                <label for="metatitle">{{'export_date_start'|trans({},'forms')}}</label>
                                                <input type="text" autocomplete="off" class="form-control pull-right daterangepicker-single" id="date_start" name="date_start" required value="" >
                                            </div>
                                            <div class="col-4 form-group">
                                                <label for="metatitle">{{'export_date_end'|trans({},'forms')}}</label>
                                                <input type="text" autocomplete="off" class="form-control pull-right daterangepicker-single" id="date_end" name="date_end" value="">
                                            </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary btn-outline" data-dismiss="modal">{{'cancel'|trans({},'studio')}}</button>
                                    <button type="submit" class="btn btn-primary">{{'export'|trans({},'studio')}}</button>
                                </div>
                                </form>
                            </div>
                        </div>
                    </div>                    
                </section>
{% endblock %}
{% block javascripts %}
{{parent()}}
{{ encore_entry_script_tags('daterangepicker') }}
    <script>

        var config={
            processing: true,
            serverSide: true,
            stateSave: true,
            stateDuration: -1,
            ajax: "/{{ app.request.getLocale() }}/admin/forms",
             language: {
                "sEmptyTable": "{{'emptytable'|trans({},'studio')}}",
                "sLoadingRecords": "{{'loadingrecords'|trans({},'studio')}}",
                "sProcessing": "{{'processing'|trans({},'studio')}}",
                "sLengthMenu": "{{'showmenulength'|trans({},'studio')}}",
                "sZeroRecords":  "{{'zerorecords'|trans({},'studio')}}",
                "sSearch": "{{'searchlabel'|trans({},'studio')}}",
                "sInfo":   "{{'infostart'|trans({},'studio')}}",
                "sInfoFiltered": "{{'infofiltered'|trans({},'studio')}}",
                "sInfoEmpty":    "{{'infoempty'|trans({},'studio')}}",
                "oPaginate": {
                    "sFirst":    "{{'first'|trans({},'studio')}}",
                    "sPrevious": "{{'previous'|trans({},'studio')}}",
                    "sNext":     "{{'next'|trans({},'studio')}}",
                    "sLast":     "{{'last'|trans({},'studio')}}"
                },
            },
            columns: [
				{ data: 'formType' },
				{ data: 'formName' },
                { data: 'createdDate' },
				{ data: 'actions',
                  render: function (data,type,row,meta){
                      var result='';
                      jQuery.each(data,function(index,item){
							switch (item.type){
								case "edit":
									cssclass='edit';
									itemfunction='';
									break;
								case "delete":
									cssclass='trash';
									itemfunction='onclick="return confirm(\'Are you sure?\')"';
									break;
                          }
                          result+='<a href="'+item.url+'"><i class="la la-'+cssclass+'" '+itemfunction+'></i></a>';
                      });
                      return result;
                  } }
            ],
            columnDefs: [
                {
                    className: "tableactions", 
                    "targets": [ "tableactions" ],
                    orderable:false,
                    "targets": [ "tableactions" ]
                }
            ],
        };

        $('.daterangepicker-single').daterangepicker({
            singleDatePicker: true,
            timePicker: false,
            autoUpdateInput: true,
            autoApply:true,
            locale: {
                format: 'DD/MM/YYYY',
            }
        });
    </script>
{% endblock %}