@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.surveys') }}
@endpush

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="row">
                @include('components.datatable.custom-search', [
                    'tableId' => 'datatable-main',
                    'actionButton' => Auth::user()->can('create', \App\Models\Survey::class) ? [
                        'text' => __('labels.new_survey'),
                        'url' => route('surveys.create'),
                    ] : null,
                ])
                @include('components.common.flush-message')
                <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                    <div class="table-responsive full-data">
                        <table class="table-responsive-lg table display dataTablesCard student-tab dataTable no-footer"
                            id="datatable-main">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('labels.title') }}</th>
                                    {{-- <th>{{ __('labels.group') }}</th> --}}
                                    <th>{{ __('labels.votes') }}</th>
                                    <th>{{ __('labels.created_at') }}</th>
                                    <th>{{ __('labels.published_at') }}</th>
                                    <th class="text-end">{{ __('labels.action') }}</th>
                                </tr>
                            </thead>
                            <tbody data-table-container>
                                @include('pages.surveys.partials.rows', [
                                    'listresults' => $listresults,
                                ])
                            </tbody>
                        </table>
                    </div>

                    <div data-pagination class="pagination-links mt-3">
                        {{ $listresults->links() }}
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
@endsection
@push('js')
    <script>
        $(document).ready(function() {
            initBackendPagination();
        });
    </script>
@endpush