<div class="dropdown">
  <button class="btn btn-round btn-primary-rgba" type="button" id="CustomdropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="feather icon-more-vertical-"></i></button>
  <div class="dropdown-menu" aria-labelledby="CustomdropdownMenuButton1">
      <a class="dropdown-item btn btn-link" data-toggle="modal" data-target="#delete{{ $name }}" >
          <i class="feather icon-delete mr-2"></i>{{ __("Delete") }}</a>
      </a>
  </div>
</div>

<!-- delete Modal start -->
<div id="delete{{ $name }}" class="delete-modal modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <div class="delete-icon"></div>
      </div>
      <div class="modal-body text-center">
        <h4 class="modal-heading">Are You Sure ?</h4>
        <p>Do you really want to delete this module <b>{{$name}}</b> ? This process cannot be undone.</p>
      </div>
      <div class="modal-footer">
        <form method="post" action="{{ route('addon.delete') }}" class="pull-right">
          @csrf
          <input type="hidden" name="modulename" value="{{ $name }}">
          <button type="reset" class="btn btn-gray translate-y-3" data-dismiss="modal">No</button>
          <button type="submit" class="btn btn-danger">Yes</button>
        </form>
      </div>
    </div>
  </div>
</div>
