[Feature] Filament Modal Form Component

[mohaphez]

• Filament Modal Form Component:
  • Added Filament modals component to enhance form submission and user interaction.

[what-the-diff[bot]]

PR Summary

• Enhanced Form Display Features The update offers a more dynamic and visually appealing display of forms. This includes things like background color options, display of logos and covers, and better readability of the code by structuring the information more clearly.

• Improved URL Generation This change introduces a more robust mechanism for link generation in breadcrumb extensions thus enhancing navigation through different pages.

• Introduction of Loading Template A loading template is now included for non-inline forms, allowing users to have a clear notification that the page content is loading.

• Display for Form Details Changes now include conditions that check for the presence of a form's attributes such as description and start date, providing users with more information about the form upfront.

• Form Submission Status Checks There's added functionality to check whether a form has been submitted or not. Depending on the status, different views (i.e., a submission sent confirmation, or the fillable form) will be presented.

• Inclusion of Action Buttons and Modals Action mechanisms have been set up for form submissions and a new modal component has been integrated to facilitate interactivity.

[atmonshi]

thank you @mohaphez can you revert the code formatting. also shouldn't the action modal be in the layout component level like here?

[mohaphez]

You're welcome @code-factor sorry about code styles , i fixed that .

i tried and put filament modal in code app.blade.php didn't work . especially when we use that as livewire component . i even tried in my custom page like this

<x-filament-panels::page>
    <livewire:bolt.fill-form slug="{{$record->slug}}" inline="false"/>

    <x-filament-actions::modals/>
</x-filament-panels::page>

but still didn't work , just work when i put modal component after form component .