twg_

This is my situation.

<div x-data="{ showModal: false }">
	<button x-on:click="showModal = !showModal">Open</button>
	@livewire('alertModal')
</div>

Livewire Component

<div x-show="showModal">
	<button wire:click="customEvent({{ $item->id }})" x-on:click="showModal = false">Acknowledge</button>
</div>

With it the way it is here, when I click the button in the modal, it run the customEvent but the modal flashes and stays open.

@chaudigv I've looked at that but the value that I would need to entangle would be outside of the the livewire component. Can that happen?

Is there a way that when I fire my livewire click event that I can also toggle a alpinejs variable?

@kevinbui That worked like a charm.

I have a table called EventNotifications and I'm returning all notifications associated to a users current team. I want to restrict the results coming back to only EventNotifications that don't have a relational entry in EventNotificationDismissal.

I'm currently returning all event by using the following code:

use App\Models\EventNotification;
use App\Models\EventNotificationDismissal;

public function events()
{
	return $this
            ->hasMany(EventNotification::class)
            ->with('event');
}

My dismissal table has a event_notification_id in it to referent back to the event_notifications.

Thanks for the help @tray2 . That got me working. I assumed it would mess up if fields were null. Probably should have just given it a try.

Would that still work if say series_started was null?

I have multiple fields in my table that I want to order by. Not all fields are filled out so I'm not sure how to order them with that. I do have a function on my model that generates the fullName() based on which fields are filled in. How can I do this on my eloquent model query?