Step 01: In UserController, adding destroy() method
public function destroy( User $user ) { $user->delete(); return redirect()->route( 'users.index' )->with( 'success', 'User deleted successfully' ); }
Step 02: Optimizing code in resources/js/app.js to fix logout dropdown not working issue in menu bar
//require('./bootstrap'); // removing this line to prevent double bootstrap requiring window.bootstrap = require('bootstrap/dist/js/bootstrap.bundle.js'); window.$ = window.jQuery = require('jquery'); import userModel from './users/modal'; userModel.delete();
Step 03: Changing jquery click method with on() method inside modal.js under resources/js/users folder
const modal = { delete : () => { //console.log('in modal'); $(".delete-row").on( "click", function() { $('#modal-delete-title').html($(this).data('rowname')); let delModal = document.getElementById("modal-delete-confirm"); let modal = new bootstrap.Modal(delModal, { backdrop: false }); modal.show(); }); } } export default modal;