Async Modal but got 404 error

[viyyan]

Hi I tried to implements async modal but got this 404 error.

{message: "Async template: d590a2c095fd0d5838809cc4249db98f72d9122e not found",…}

Here is my code.

Modal

Layout::modal('detailsModal', [
                    Layout::table('subs_quiz', [
                        TD::make('quiz', 'Quiz'),
                        TD::make('answer', 'Answer')
                    ]),
                ])
                ->async('asyncGetAnswersDetails')
                ->title('Answers Combination')
                ->withoutApplyButton()

Modal Toggle

ModalToggle::make('Show Details')
                        ->modal('detailsModal')
                        ->icon('full-screen')
                        ->asyncParameters($item)

Async Method

public function asyncGetAnswersDetails(string $item): array
    {
        $arr = explode(".", $item);
        $sub_quizes = [];
        foreach ($arr as $key=>$item) {
            $quiz = Quiz::where("order", $key + 1)->first();
            $option = $quiz->options()->where("code", $item)->first();

            $data = [
                "quiz" => $key + 1,
                "answer" => $option->name
            ];
            $sub_quizes[] = $data;
        }

        return [
            'subs_quiz' => $sub_quizes,
        ];
    }

[ega22a]

In my case, the problem was not obvious, in the documentation is not spelled out, but here the answer was given. I, for example, had this code:

public function layout(): iterable
{
    $layouts = [];
    if ($this -> group -> exists)
    {
        $layouts[] = Layout::modal('studentEditModal', [
            EditStudentRows::class,
        ])
            -> async('asyncStudentEditModal');
    }
}

public function asyncStudentEditModal(string $additionals): iterable
{
    return [
        'additionals' => $additionals,
    ];
}

And it didn't work because the layout() method contained a condition. Asynchronous modal windows should be permanently rendered without any conditions:

public function layout(): iterable
{
    $layouts = [
        Layout::modal('studentEditModal', [
            EditStudentRows::class,
        ])
            -> async('asyncStudentEditModal');
    ];
}

public function asyncStudentEditModal(string $additionals): iterable
{
    return [
        'additionals' => $additionals,
    ];
}

References: #2047