Dev branch

resources/js/Pages/Admin/SmsProfiles/Index.vue

@@ -1,6 +1,6 @@
 <script setup>
 import AdminLayout from "@/Layouts/AdminLayout.vue";
-import DialogModal from "@/Components/DialogModal.vue";
+import CreateDialog from "@/Components/Dialogs/CreateDialog.vue";
 import { Head, useForm, router } from "@inertiajs/vue3";
 import { ref, watch } from "vue";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@@ -191,10 +191,16 @@ const formatDateTime = (s) => (s ? new Date(s).toLocaleString() : "—");
     </div>
 
     <!-- Create Profile Modal -->
-    <DialogModal :show="createOpen" max-width="2xl" @close="() => (createOpen = false)">
-      <template #title> Nov SMS profil </template>
-      <template #content>
-        <form @submit.prevent="submitCreate" id="create-sms-profile" class="space-y-5">
+    <CreateDialog
+      :show="createOpen"
+      title="Nov SMS profil"
+      max-width="2xl"
+      confirm-text="Shrani"
+      :processing="createForm.processing"
+      @close="() => (createOpen = false)"
+      @confirm="submitCreate"
+    >
+      <form @submit.prevent="submitCreate" id="create-sms-profile" class="space-y-5">
           <div class="grid gap-4 grid-cols-2">
             <div>
               <label class="label">Ime</label>
@@ -216,13 +222,8 @@ const formatDateTime = (s) => (s ? new Date(s).toLocaleString() : "—");
               <input v-model="createForm.api_password" type="password" class="input" autocomplete="new-password" />
             </div>
           </div>
-        </form>
-      </template>
-      <template #footer>
-        <button type="button" @click="() => (createOpen = false)" class="px-4 py-2 text-sm rounded-md border bg-white hover:bg-gray-50">Prekliči</button>
-        <button form="create-sms-profile" type="submit" :disabled="createForm.processing" class="px-4 py-2 text-sm rounded-md bg-indigo-600 text-white hover:bg-indigo-500 disabled:opacity-50">Shrani</button>
-      </template>
-    </DialogModal>
+      </form>
+    </CreateDialog>
 
     <!-- Test Send Modal -->
     <DialogModal :show="testOpen" max-width="2xl" @close="() => (testOpen = false)">