[ Avaa Bypassed ]

<?php $__env->startSection('title', 'All Schedules'); ?>
<?php $__env->startPush('custom_css'); ?>
    <link rel="stylesheet" href="<?php echo e(asset('assets/js/loader/waitMe.css')); ?>">
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">App Messages</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="<?php echo e(route('admin.dashboard')); ?>">Dashboard</a></li>
                        <li class="breadcrumb-item active">Messages</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header align-items-center d-flex">
            <h4 class="card-title mb-0 flex-grow-1">Messages</h4>
        </div><!-- end card header -->
        <div class="card-body">
            <div class="live-preview">
                <div class="table-responsive">
                    <table class="table align-middle mb-0 messages_data_table"
                           data-remove-uri="">
                        <thead>
                        <tr>
                            <th scope="col">#</th>
                            
                            <th scope="col">Message</th>
                            <th scope="col">Time</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div><!-- end card-body -->
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('custom_scripts'); ?>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script src="<?php echo e(asset('assets/js/loader/waitMe.js')); ?>"></script>

    <script type="module">
        import {initializeApp} from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js'
        import {getDatabase, ref, onValue, orderByChild, query} from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-database.js'

        const firebaseConfig = {
            apiKey: "AIzaSyDZmQ0YkO2JEPovk5UOwxGLNLiKZBiyNrU",
            authDomain: "muoroto-fm.firebaseapp.com",
            projectId: "muoroto-fm",
            storageBucket: "muoroto-fm.appspot.com",
            messagingSenderId: "1068304760580",
            appId: "1:1068304760580:web:117bbda4d0ca6840edda51",
            measurementId: "G-2R6R4EZXWT"
        };

        showLoader()

        const app = initializeApp(firebaseConfig);
        const db = getDatabase();
        const reference = ref(db, 'messages')
        const starCountRef = query(reference, orderByChild('time'))
        var messages = []

        var datatable = $('.messages_data_table').DataTable({
            processing: true,
            data: messages,
            columns: [
                {data: 'id'},
                {data: 'message'},
                {data: 'time'},
            ],
            columnDefs: [
                {
                    targets: 0,
                    orderable: false,
                    render: function (data, type, row, meta) {
                        return meta.row + meta.settings._iDisplayStart + 1;
                    }
                },
                {
                    targets: 1,
                    render: function (data, type, row) {
                        return row.message
                    }
                },
                {
                    targets: -1,
                    orderable: false,
                    render: function (data, type, row) {

                        return row.time

                    }
                },
            ],
        })

        onValue(starCountRef, (snapshot) => {
            showLoader()
            messages = []
            snapshot.forEach(child => {
                messages.push(child.val())
            })
            messages.sort(function(a, b) {
                var c = moment(a.time, "DD.MM.YYYY HH.mm.ss").toDate();
                var d = moment(b.time, "DD.MM.YYYY HH.mm.ss").toDate();
                return c-d;
            });

            datatable.clear().rows.add(messages.reverse()).draw();
            stopLoader()
        });

        function showLoader() {
            $('.card').waitMe({
                effect: 'bounce',
                text: 'Getting Messages. Please wait...',
                color: "#fff",
                bg: 'rgba(0,0,0,0.5)'
            });
        }

        function stopLoader() {
            $('.card').waitMe("hide");
        }

        datatable.on('draw', function () {
            $('.delete_btn').on('click', function (e) {
                e.preventDefault()
                let key = $(this).parents().eq(2).find('.item_key').val()
                let delete_uri = $('table').attr('data-remove-uri')
                delete_uri = delete_uri.replace(':id', key)

                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $('body').waitMe({
                            effect: 'bounce',
                            text: 'Deleting. Please wait...',
                            color: "#fff",
                            bg: 'rgba(0,0,0,0.5)'
                        })

                        $.ajax({
                            url: delete_uri,
                            dataType: 'json',
                            type: 'GET',
                            success: function (json) {
                                $('body').waitMe("hide");
                                if (json.status) {
                                    toastr.success('Message Deleted Successfully');
                                } else {
                                    toastr.error('Something went wrong. Please try again later!');

                                    Snackbar.show({
                                        text: json.message,
                                        pos: 'bottom-center',
                                        backgroundColor: '#a3220f',
                                        timeout: 3000
                                    });

                                }
                            },
                            error: function (json) {
                                Snackbar.show({
                                    text: 'Something went wrong. Please try again later!',
                                    pos: 'bottom-center',
                                    backgroundColor: '#a3220f'
                                });
                                $('body').waitMe("hide");
                            }
                        })
                    } else {
                        Swal.fire({
                            title: "Message not deleted!",
                            icon: "info",
                            confirmButtonClass: "btn btn-primary w-xs mt-2",
                            buttonsStyling: !1
                        })
                    }
                })
            })
        })
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('admin.layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/elspacio/public_html/muoroto-fm/resources/views/admin/messages/all_messages.blade.php ENDPATH**/ ?>