@extends('admin.dashboard')
@section('content')
    <section class="contact pad-btm">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="constes m3-h wow fadeInUp">
                        <h4>Admin Logs</h4>
                    </div>
                    <div class="table-responsive">
                        <table class="datatables-users table dataTable no-footer dtr-column" id="data-table" aria-describedby="DataTables_Table_0_info">
                            <thead class="border-top">
                            <tr>
                                <th class="text-center">S.No</th>
                                <th class="text-center">Description</th>
                                <th class="text-center">Created Date</th>
                                <th class="text-center">Status</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($logs) > 0)
                                @foreach($logs as $key => $val)
                                                                        <tr>
                                        <td class="text-center">{{ $counter++ }}</td>
                                        <td class="text-left"><strong>{{ $data."'s" }}</strong> {{ $val->description }} <strong>{{ $val->user->email }}</strong></td>
                                        <td class="text-center">{{ CommonHelper::date_format($val->created_at) }}</td>
                                        <td class="text-center">{{ CommonHelper::getUserStatusLabel($val->status) }}</td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td class="text-center" style="color: red" colspan="7">No record found !</td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')
    <script>
        $(function() {
            allSurveysData();

            $('#data-table').DataTable({
                paging: true,
                lengthMenu: [25, 50, 100, 200],
                dom: '<"top"Bf>rt<"bottom"lp><"clear">', // Customize the DOM structure
                buttons: [
                    'excel', // Enable Excel export button
                    'pdf',   // Enable PDF export button
                    'print',
                    'colvis'
                ]
            });
        });

        function allSurveysData() {
            var created_at = $('#created_at').val();
            $('#tableData').html('<div class="loading"></div>');
            $.ajax({
                url: '{{ url('/') }}/allSurveysData',
                type: 'GET',
                data: {created_at: created_at},
                success: function (result) {
                    $('#tableData').html(result);
                    $('#data-table').DataTable({
                        "destroy": true, //use for reinitialize datatable
                        paging: true,
                        lengthMenu: [25, 50, 100, 200],
                        dom: '<"top"Bf>rt<"bottom"lp><"clear">', // Customize the DOM structure
                        buttons: [
                            'excel', // Enable Excel export button
                            'pdf',   // Enable PDF export button
                            'print',
                            'colvis'
                        ]
                    });
                },
                error: function () {
                }
            });
        }
    </script>
@endsection