From 3580895e0587dbda0803cfa8eac994a144cc7406 Mon Sep 17 00:00:00 2001
From: samy <samy.barbi@yahoo.fr>
Date: Tue, 17 Jun 2025 15:23:58 -1000
Subject: [PATCH] Add some examples

---
 .idea/blade.xml                          |   1 +
 src/View/blade-form-example.blade.php    | 126 ++++++++++++++++++++
 src/View/confirm-modal-example.blade.php |  26 +++++
 src/View/livewire-form-example.blade.php | 140 +++++++++++++++++++++++
 4 files changed, 293 insertions(+)
 create mode 100644 src/View/blade-form-example.blade.php
 create mode 100644 src/View/confirm-modal-example.blade.php
 create mode 100644 src/View/livewire-form-example.blade.php

diff --git a/.idea/blade.xml b/.idea/blade.xml
index c1971c7..bc0c53c 100644
--- a/.idea/blade.xml
+++ b/.idea/blade.xml
@@ -22,6 +22,7 @@
       <data directive="@csrf" />
       <data directive="@dd" injection="true" prefix="&lt;?php&#10;dd(" suffix="); ?&gt;" />
       <data directive="@default" />
+      <data directive="@detectLivewire" />
       <data directive="@disabled" injection="true" prefix="&lt;?php if(" suffix=") {echo 'disabled';}?&gt;" />
       <data directive="@dump" injection="true" prefix="&lt;?php&#10;dump(" suffix="); ?&gt;" />
       <data directive="@each" injection="true" prefix="&lt;?php&#10;echo $__env-&gt;renderEach(" suffix="); ?&gt;" />
diff --git a/src/View/blade-form-example.blade.php b/src/View/blade-form-example.blade.php
new file mode 100644
index 0000000..693fe29
--- /dev/null
+++ b/src/View/blade-form-example.blade.php
@@ -0,0 +1,126 @@
+{{-- A blade form example --}}
+<x-sk::form.main-wrapper>
+    <x-sk::form.main-title title="Un exemple de formulaire !" class="text-center"/>
+
+    <x-sk::form.form
+            method="POST"
+            action="{{ route('form.blade.submit') }}"
+    >
+        <x-sk::form.section-wrapper
+                title="Personal Information"
+                description="Please fill out a few details, nothing much."
+        >
+
+            <x-sk::form.input
+                    name="name"
+                    label="Name"
+                    type="text"
+                    grid-layout="col-span-12 md:col-span-6"
+                    placeholder="John Doe"
+            />
+
+            <x-sk::form.input
+                    name="email"
+                    label="E-mail"
+                    type="email"
+                    grid-layout="col-span-12 md:col-span-6"
+                    placeholder="you@example.com"
+                    help="We'll never share your email."
+            />
+
+            <x-sk::form.input
+                    name="birthdate"
+                    label="Birthdate"
+                    type="date"
+                    grid-layout="col-span-12 md:col-span-4"
+                    placeholder="2025-01-01"
+            />
+
+            <x-sk::form.input
+                    name="password"
+                    label="Password"
+                    type="password"
+                    grid-layout="col-span-12 md:col-span-4"
+            />
+
+            <x-sk::form.input
+                    name="age"
+                    label="Age"
+                    type="number"
+                    grid-layout="col-span-12 md:col-span-4"
+            />
+
+        </x-sk::form.section-wrapper>
+
+        <x-sk::form.section-wrapper
+                title="Professional Details"
+                description="This helps us understand your background and experience."
+        >
+            <x-sk::form.select
+                    name="country"
+                    label="Country"
+                    grid-layout="col-span-12 md:col-span-8"
+                    :options="[
+                                'pf' => 'French Polynesia',
+                                'fr' => 'France',
+                                'us' => 'United States',
+                            ]"
+                    help="Select your country of residence"
+            />
+
+            <x-sk::form.input
+                    name="cv"
+                    label="CV"
+                    type="file"
+                    grid-layout="col-span-12 md:col-span-4"
+                    multiple
+            />
+
+            <x-sk::form.textarea
+                    name="bio"
+                    label="Short Bio"
+                    placeholder="Tell us a little bit about yourself"
+                    grid-layout="col-span-12"
+            ></x-sk::form.textarea>
+        </x-sk::form.section-wrapper>
+
+        <x-sk::form.section-wrapper
+                title="Preferences"
+                description="Your tech stack and personal choices."
+        >
+            <x-sk::form.checkbox-wrapper
+                    title="Technologies you use"
+                    required
+            >
+                <x-sk::form.checkbox
+                        name="laravel"
+                        label="Laravel"
+                        toggle-look
+                        grid-layout="col-span-4"
+                />
+                <x-sk::form.checkbox
+                        name="daisy"
+                        label="Daisy UI"
+                        toggle-look
+                        grid-layout="col-span-4"
+                />
+            </x-sk::form.checkbox-wrapper>
+
+            <x-sk::form.radio
+                    name="prefered_os"
+                    title="Prefered OS"
+                    help="You must choose. Everbody does."
+                    required
+                    :options="[
+                                                'linux' => 'Linux',
+                                                'also_linux' => 'Linux',
+                                            ]"
+            />
+        </x-sk::form.section-wrapper>
+
+        <x-sk::form.submit-button
+                :cancel="route('home')"
+                cancelLabel="Go back home"
+        />
+    </x-sk::form.form>
+</x-sk::form.main-wrapper>
\ No newline at end of file
diff --git a/src/View/confirm-modal-example.blade.php b/src/View/confirm-modal-example.blade.php
new file mode 100644
index 0000000..ee979e5
--- /dev/null
+++ b/src/View/confirm-modal-example.blade.php
@@ -0,0 +1,26 @@
+{{--A normal URL modal--}}
+<a
+        x-data
+        x-confirm-modal
+        data-url="/some-url"
+        data-title="Do that?"
+        data-message="Doing that needs some confirmation."
+        data-confirm-label="Yes, do that"
+        data-cancel-label="No thanks"
+        class="btn btn-primary">
+    Button text
+</a>
+
+{{--A modal building a form and reaching the action with a method--}}
+<a
+        x-data
+        x-confirm-modal
+        data-action="/some-action"
+        data-method="METHOD"
+        data-title="Do that?"
+        data-message="Doing that needs some confirmation."
+        data-confirm-label="Yes, do that"
+        data-cancel-label="No thanks"
+        class="btn btn-error">
+    Button text
+</a>
\ No newline at end of file
diff --git a/src/View/livewire-form-example.blade.php b/src/View/livewire-form-example.blade.php
new file mode 100644
index 0000000..1516f4f
--- /dev/null
+++ b/src/View/livewire-form-example.blade.php
@@ -0,0 +1,140 @@
+{{-- A livewire form example --}}
+<div class="max-w-5xl mx-auto p-6">
+
+    <x-sk::form.main-wrapper>
+
+        <x-sk::form.main-title title="Un exemple de formulaire !"/>
+
+        <x-sk::form.form wire:submit="submit()">
+            <x-sk::form.section-wrapper
+                    title="Personal Information"
+                    description="Please fill out a few details, nothing much."
+            >
+
+                <x-sk::form.input
+                        name="name"
+                        label="Name"
+                        type="text"
+                        grid-layout="col-span-12 md:col-span-6"
+                        placeholder="John Doe"
+                        wire:model="name"
+                />
+
+                <x-sk::form.input
+                        name="email"
+                        label="E-mail"
+                        type="email"
+                        grid-layout="col-span-12 md:col-span-6"
+                        placeholder="you@example.com"
+                        help="We'll never share your email."
+                        wire:model="email"
+                />
+
+                <x-sk::form.input
+                        name="birthdate"
+                        label="Birthdate"
+                        type="date"
+                        grid-layout="col-span-12 md:col-span-4"
+                        placeholder="2025-01-01"
+                        wire:model="birthdate"
+                />
+
+                <x-sk::form.input
+                        name="password"
+                        label="Password"
+                        type="password"
+                        grid-layout="col-span-12 md:col-span-4"
+                        wire:model="password"
+                />
+
+                <x-sk::form.input
+                        name="age"
+                        label="Age"
+                        type="number"
+                        grid-layout="col-span-12 md:col-span-4"
+                        wire:model="age"
+                />
+
+            </x-sk::form.section-wrapper>
+
+            <x-sk::form.section-wrapper
+                    title="Professional Details"
+                    description="This helps us understand your background and experience."
+            >
+                <x-sk::form.select
+                        name="country"
+                        label="Country"
+                        grid-layout="col-span-12 md:col-span-8"
+                        :options="[
+                                'pf' => 'French Polynesia',
+                                'fr' => 'France',
+                                'us' => 'United States',
+                            ]"
+                        help="Select your country of residence"
+                        wire:model="country"
+                />
+
+                <x-sk::form.input
+                        name="cv"
+                        label="CV"
+                        type="file"
+                        grid-layout="col-span-12 md:col-span-4"
+                        multiple
+                        readonly
+                        wire:model="cv"
+                />
+
+                <x-sk::form.textarea
+                        name="bio"
+                        label="Short Bio"
+                        placeholder="Tell us a little bit about yourself"
+                        grid-layout="col-span-12"
+                        wire:model="bio"
+                ></x-sk::form.textarea>
+            </x-sk::form.section-wrapper>
+
+            <x-sk::form.section-wrapper
+                    title="Preferences"
+                    description="Your tech stack and personal choices."
+            >
+                <x-sk::form.checkbox-wrapper
+                        title="Technologies you use"
+                        required
+                >
+                    <x-sk::form.checkbox
+                            name="laravel"
+                            label="Laravel"
+                            toggle-look
+                            grid-layout="col-span-4"
+                            wire:model="laravel"
+                    />
+                    <x-sk::form.checkbox
+                            name="daisy"
+                            label="Daisy UI"
+                            toggle-look
+                            grid-layout="col-span-4"
+                            wire:model="daisy"
+                    />
+                </x-sk::form.checkbox-wrapper>
+
+                <x-sk::form.radio
+                        name="prefered_os"
+                        title="Prefered OS"
+                        help="You must choose. Everbody does."
+                        required
+                        :options="[
+                                                'linux' => 'Linux',
+                                                'also_linux' => 'Linux',
+                                            ]"
+                        wire:model="prefered_os"
+                />
+
+            </x-sk::form.section-wrapper>
+
+            <x-sk::form.submit-button
+                    :cancel="route('home')"
+                    cancelLabel="Go back home"
+            />
+        </x-sk::form.form>
+    </x-sk::form.main-wrapper>
+</div>
\ No newline at end of file