<x-modal name="confirm-platform-deletion"  
focusable
x-data="{ platformId: '-1' }"
{{--x-data="{ platformId: null }" 
x-on:open-modal.window="platformId = $event.detail.id"    --}}
 
>
 
 
<form method="post" action="{{ route('platforms.destroy', '99' ) }}" class="p-6">
  @csrf
  @method('delete')
 
  <div x-ref="div" x-model="platformId"></div>
 
  <h2 class="text-lg font-medium text-gray-900">
      {{ __('Are you sure you want to delete the platform?') }}
      ID: <span x-text="$refs.div._x_model.get()"></span>
  </h2>
  <p class="mt-1 text-sm text-gray-600">
      {{ __('This action can\'t be undone') }}
  </p>            
  <div class="mt-6 flex justify-left">
      {{--<x-secondary-button x-on:click="showModal = false">--}}
      <x-secondary-button x-on:click="$dispatch('close')">                                  
          {{ __('Cancel') }}
      </x-secondary-button>
      <x-danger-button class="ms-3">
          {{ __('Delete') }}
      </x-danger-button>
  </div>
</form>
</x-modal>