@if (session('flash'))
    @foreach (session('flash') as $type => $message)
        @php
            $color = 'bg-gray-200';
            
            if ($type == 'success') {
                $color = 'bg-green-500';
            }
        @endphp
        <div class="rounded-md -mt-4 mb-4 px-4 py-2 text-white {{ $color }} flex items-baseline"
            x-data="{ show: true }" x-show="show" x-transition:enter="transform ease-out duration-300"
            x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
            x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0">
            <span>{!! nl2br($message) !!}</span>
            <button type="button" @click="show = !show" class="close ml-auto" data-dismiss="alert">×</button>
        </div>
    @endforeach
@endif