Delete Modal Popup with Laravel, Bootstrap and jQuery

Delete Modal Popup with Laravel, Bootstrap and jQuery

Raw

 Controller.php

	public function index(){
	$categoryList = Category::all();
	return view('category.list')->with('categoryList', $categoryList);
	}

Raw

 list.blade.php

	<div>
	@include('modal')
	<table class="table table-bordered table-striped table-hover category-table" data-toggle="dataTable" data-form="deleteForm">
	<thead>
	<tr>
	<th>Name</th>
	<th>Action</th>
	</tr>
	</thead>
	<tbody>
	@foreach($categoryList as $category)
	<tr>
	<td>{{ $category->category_name }}</td>
	<td>
	<a href="{{ route('categories.edit', $category->id) }}" class="btn btn-info btn-xs">{{ trans('categories.edit') }}</a>
	{!! Form::model($category, ['method' => 'delete', 'route' => ['categories.destroy', $category->id], 'class' =>'form-inline form-delete']) !!}
	{!! Form::hidden('id', $category->id) !!}
	{!! Form::submit(trans('categories.delete'), ['class' => 'btn btn-xs btn-danger delete', 'name' => 'delete_modal']) !!}
	{!! Form::close() !!}
	</td>
	</tr>
	@endforeach
	</tbody>
	</table>
	</div>

Raw

 modal.blade.php

	<div class="modal" id="confirm">
	<div class="modal-dialog">
	<div class="modal-content">
	<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4 class="modal-title">Delete Confirmation</h4>
	</div>
	<div class="modal-body">
	<p>Are you sure you, want to delete?</p>
	</div>
	<div class="modal-footer">
	<button type="button" class="btn btn-sm btn-primary" id="delete-btn">Delete</button>
	<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
	</div>
	</div>
	</div>
	</div>

Raw

 script.js

	$('table[data-form="deleteForm"]').on('click', '.form-delete', function(e){
	e.preventDefault();
	var $form=$(this);
	$('#confirm').modal({ backdrop: 'static', keyboard: false })
	.on('click', '#delete-btn', function(){
	$form.submit();
	});
	});

reference : https://gist.github.com/milon/030f12aaaf54dd178657