I try to add popup for in livewire but not working any help please liveviwe view when I click submit it is return me to view livewire without doing any thing, can anyone check it and let me know where are the error?
<div>
<button type="button" class="p-2 m-2 btn btn-success" data-toggle="modal" data-target="#form">
<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="Label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<form class="form-horizontal" wire:submit.prevent="addName">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="Label">
Add new name</h5>
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-row">
<div class="form-group col-md-6">
<label for="name">name :</label>
<input type="text" class="form-control" id="name" name="name"
placeholder="Name" wire:model="name">
@error('name')
<p class="text-danger">{{ $message }}</p>
@enderror
</div>
</div>
<div class="form-group">
<label for="inputAddress">notes:</label>
<textarea name="notes" id="notes" class="form-control"
placeholder="notes" wire:model="notes"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Save</button>
</div>
</div>
</div>
</form>
</div>
</div>
Livevire component
public function addName()
{
dd('here test');
}