OwlCyberSecurity - MANAGER

Edit File: 4063914585b940de87d3601f185b45b2.php

<?php $__env->startSection('content'); ?>
    
    <link rel="stylesheet" href="https://cdn.datatables.net/rowreorder/1.2.8/css/rowReorder.dataTables.min.css">
    <style>
        .error_div {
            background-color: #ffc8c8;
            border-radius: 4px;
            padding: 0.4rem;
            padding-left: 1rem;
            color: #f11a1a;
            border: 1px solid #ff2a2a;
        }
        .success_div{
            background-color: #aedcaf;
            border-radius: 4px;
            padding: 0.4rem;
            padding-left: 1rem;
            color: #1f6d26;
            border: 1px solid #248526;
        }
        .select2-selection__rendered {
            text-align: left;
        }
        .select2-container .select2-selection--single {
            height: auto;
            padding: 3px;
        }
        tbody tr td:first-child {
            cursor: all-scroll;
            background: #e5e5e5;
        }
    </style>
    <div class="row p-2">
        
        <?php if(!empty($errors->all())): ?>
        <div class="col-12 error_div">
            <?php echo e($errors->first()); ?>

</div>
        <?php endif; ?>
        
        <?php if(session()->has('message')): ?>
        <div class="col-12 error_div">
            <?php echo e(session()->get('message')); ?>

</div>
        <?php endif; ?>
        
        <?php if(session()->has('success')): ?>
        <div class="col-12 success_div">
            <?php echo e(session()->get('success')); ?>

</div>
        <?php endif; ?>
    </div>
    <div class="row p-2">
        
        <div class="col">
            <h3>Coupons Listing</h3>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3 text-right">
            <select id="store_id" class="form-control select2">
                <option value="0">Select Store</option>
                <?php
                foreach($stores as $store) {
                ?>
                    <option <?php echo e(($StoreID == $store->id ? 'selected' : '')); ?> value="<?php echo e($store->id); ?>"><?php echo e($store->title); ?></option>
                <?php
                }
                ?>
            </select>
        </div>
        <?php
        // if($StoreID > 0) {
        ?>
            
        <?php
        // }
        ?>
        <div class="col-sm-12 col-md-1 col-lg-1 text-right">
            <a href="<?php echo e(route('get_coupons_add.add_coupons')); ?>"><button class="custom-blue-btn w-100">Add</button></a>
        </div>
        <div class="col-sm-12 col-md-1 col-lg-1  text-right" id="bulkCouponDeleteCol" style="display: none;">
            <a><button class="custom-red-btn w-100" id="bulkCouponDeleteBtn" onclick="bulkCouponDelete()">Delete</button></a>
        </div>
    </div>
    <div class="col" id="couponListingMessageDiv" style="display: none;">
    </div>
    
    <div class="row p-2">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <table id="couponsTable" class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th><input type="checkbox" name="allCouponCheckbox" id="allCouponCheckbox"></th>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Code</th>
                                <th>Store</th>
                                <th>Status</th>
                                <th>Created at</th>
                                <th>Updated at</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
    <script src="<?php echo e(asset('assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/plugins/datatables-responsive/js/dataTables.responsive.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/plugins/datatables-buttons/js/dataTables.buttons.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/plugins/moment/moment.min.js')); ?>"></script>
    <script src="https://cdn.datatables.net/rowreorder/1.2.8/js/dataTables.rowReorder.min.js"></script>
    <script src="<?php echo e(asset('assets/plugins/datatables/fnReloadAjax.js')); ?>"></script>
    <script>
        // variables
        // var couponsTable;
        var totalCouponRecords = 0;
        var showHideBulkDeleteBtn = '';
        var selectAllCouponCheckbox = $('#allCouponCheckbox');
        var couponBulkDeleteBtnCol = $('#bulkCouponDeleteCol');
        var couponBulkDeleteBtnBtn = $('#bulkCouponDeleteBtn');

// for messages
        function CouponListingMessage(type = '' , message = '' , timeout = 3000){
            var selectedClass = '';
            var holder = $('#couponListingMessageDiv');
            if(type.toLowerCase() == 'success'){
                selectedClass = 'success_div';
            }
            else {
                selectedClass = 'error_div';
            }
            var ht = `<div class="${selectedClass}">${message}</div>`;
            holder.html(ht);
            holder.hide().show().fadeIn('fast').delay(timeout).fadeOut('slow' , function(){
                $(this).stop(true);
            });
        }

// all Coupon select unselect function
        selectUnselectAll = (type) => {
            $('.checkboxes').prop('checked' , type);
        }

// all Coupon select
        $('#allCouponCheckbox').on('change' , (a) => {
            selectUnselectAll(a.target.checked);
        });

// Coupon delete functionality start
        showHideBulkDeleteBtn = () => {
            if($('.checkboxes:checked').length > 0 && totalCouponRecords > 0){
                couponBulkDeleteBtnCol.show();
            }
            else{
                couponBulkDeleteBtnCol.hide();
            }
        }

// Bulk Coupon delete function
        bulkCouponDelete = () => {
            var selectedCouponIDS = $('.checkboxes:checked').map((a , v) => {
                return v.value;
            }).get();
            sweetAlert('warning', 'Delete Coupon'+ (selectedCouponIDS.length > 1 ? "s" : "" ) , 'Do you really want to delete?' , 'Yes' , 'No').then((response) => {
                if(response){
                    $.ajax({
                        url: "<?php echo e(route('post_coupons_delete.delete_coupons')); ?>",
                        type: "post",
                        dataType: "json",
                        data: {
                            _token: "<?php echo e(csrf_token()); ?>",
                            ids: selectedCouponIDS
                        },
                        beforeSend: function(){
                            couponBulkDeleteBtnCol.hide();
                        },
                        success: function (response){
                            couponsTable.ajax.reload(null,false);
                            CouponListingMessage('success' , response.message)
                        },
                        error: function (response){
                            couponBulkDeleteBtnCol.show();
                            CouponListingMessage('error' , response.responseJSON.message)
                        }
                    });
                }
            });
        }

// add tags and keywords to search
        function addThisToSearch(p = ''){
            couponsTable.search(p).draw();
        }
            let couponTableOptions = {};
        // document ready start
        $(document).ready(function () {
            let couponsTable;

$('.select2').select2();

couponTableOptions = {
                rowReorder: true,
                scrollX: true,
                scrollCollapse: true,
                autoWidth: false,
                responsive: true,
                autoWidth: false,
                processing: true,
                serverSide: true,
                order: [ 1 , 'ASC' ],
                columnDefs: [{
                    targets: [0,1,2,3,4,5,6,7,8],
                    orderable: false
                }],
                ajax : {
                    url: "<?php echo e(route('post_coupons_listing.view_coupons')); ?>?store_id=<?php echo e($StoreID); ?>",
                    type: "POST",
                    dataType: "JSON",
                    data: {
                        _token: "<?php echo e(csrf_token()); ?>"
                    }
                },
                columns:[
                    { data: 'checkbox' },
                    { data: 'id' },
                    { data: 'name' },
                    { data: 'code' },
                    { data: 'store' },
                    { data: 'status' },
                    { data: 'created_at' },
                    { data: 'updated_at' },
                    { data: 'action' },
                ],
                initComplete: function () {
                },
                drawCallback: function (response){
                    totalCouponRecords = response.json.iTotalDisplayRecords;
                    // bind delete function to all checkboxes
                    $('.checkboxes , #allCouponCheckbox').bind('change' , showHideBulkDeleteBtn);
                    // if redraw uncheck all select
                    selectAllCouponCheckbox.prop('checked' , false);
                    // hide delet btn
                    couponBulkDeleteBtnCol.hide();
                },
            };

$('#store_id').change(function() {
                var store_id = parseInt($(this).val());
                if(store_id > 0) {
                    window.location.href="<?php echo e(url('admin/coupons?store_id=')); ?>"+store_id;
                } else {
                    window.location.href="<?php echo e(url('admin/coupons')); ?>";
                }
            });

// Main Coupon listing datatable
            couponsTable = $('#couponsTable').DataTable(couponTableOptions);
            // error and succes message time outs
            setTimeout(() => {
                $('.error_div').fadeOut('slow');
                $('.success_div').fadeOut('slow');
            }, 3000);

couponsTable.on('row-reorder', function (e, details, edit) {

// var temp = edit.triggerRow.data();
                // var result =
                //     "Reorder started on row: " + edit.triggerRow.data()["name"] + "<br>";
                
                // for (var i = 0, ien = diff.length; i < ien; i++) {
                //     var rowData = couponsTable.row(diff[i].node).data();
                // // console.log("diff["+i+"]: "+diff[i].newPosition);
                // // console.log("diff["+i+"]: "+diff[i].oldPosition);
                //     result =
                //     rowData["name"] +
                //     " updated to be in position " +
                //     diff[i].newPosition +
                //     " (was " +
                //     diff[i].oldPosition +
                //     ")<br>";
                // }
                
                // // $("#result").html("Event result:<br>" + result);
                // console.log("Event result: "+result);
            });

});
        function CouponReorder() {
            $.extend(
                $.fn.DataTable.RowReorder.defaults, {
                    selector: 'tr'
                }
            );

$('.coupon-reorder-btn').toggleClass('showbtn');

$.fn.DataTable.defaults.rowReorder = true;
                $.fn.DataTable.RowReorder.defaults.update = false;

// if ($('.coupon-reorder-btn').hasClass('showbtn')) {
            //     $.fn.DataTable.defaults.rowReorder = true;
            //     $.fn.DataTable.RowReorder.defaults.update = false;
            //     $('.ruleFilter').hide();
            //     $('#select-all').attr('disabled', 'disabled');
            //     $('.coupon-reorder-btn').text('Finish');
            //     $('.add-rule-btn').hide();
            //     $('.rules-listing-table').addClass('reorder-active');
            // } else {
            //     $.fn.DataTable.defaults.rowReorder = false;
            //     $.fn.DataTable.RowReorder.defaults.update = true;
            //     $('.ruleFilter').show();
            //     $('#select-all').removeAttr('disabled');
            //     $('.coupon-reorder-btn').text('Reorder');
            //     $('.add-rule-btn').show();
            //     $('.rules-listing-table').removeClass('reorder-active');
            // }
            // console.log(couponsTable);
            $('#couponsTable').clear();
            couponsTable = $('#couponsTable').DataTable(couponTableOptions);
            };
        // document ready end
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('master.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/frugalsvn/public_html/resources/views/Coupons/index.blade.php ENDPATH**/ ?>