@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>All Surveys</h4>
                    </div>
                    <div class="row">
                        <div class="col-md-3">
                            <label for="">Select date</label>
                            <input type="date" name="created_at" id="created_at" class="form-control_profile" value="{{ date('Y-m-d') }}" onchange="allSurveysData()">
                        </div>
                    </div>
                    <div class="table-responsive" id="tableData"></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="loader"></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