I have a delete button used to delete a record like so
{{Form::open(array('method'=>'DELETE', 'route' => array('users.destroy', $user->id)))}}
{{Form::submit('Delete', array('class'=>'btn btn-danger'))}}
{{Form::close()}}
The form routes to the controller destroy function which I have like so
public function destroy($id)
{
User::find($id)->delete();
return Redirect::route('users.index');
}
But I want a confirmation alert to pop up before deleting the record. Is there a way for the controller to open a modal dialog and get the return value? or does the controller open a view that opens a modal that yet again directs to another controller that deletes or a controller that reroutes...so confused by how the controller is supposed to control the logic this way...
I have twitter bootstrap and jquery in my <head> section like so
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"> |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
There is nothing you have to do with your controller, just some JavaScript will do the trick.
Since you are using bootstrap the easiest way would be using BootstrapDialog.
{{Form::open(array('method'=>'DELETE', 'route' => array('users.destroy', $user->id)))}}
{{Form::submit('Delete', array('class'=>'btn btn-danger'))}}
{{Form::close()}}
<script>
$(document).ready(function(){
$('form').submit(function(e){
e.preventDefault();
url = $(this).parent().attr('action');
BootstrapDialog.confirm('Are you sure you want to delete?', function(result){
if(result) {
$.ajax(url);
}
});
});
});
</script>
Note don't forget to add the following after Bootstrap and jQuery includes.
<script src="your link to bootstrap-dialog.js"></script>
You can download it from here.