Allow editing and deleting system templates

- Remove backend restriction preventing deletion of system templates in TemplateController
- Update Templates/Index.vue to show Edit/Delete buttons for all templates
- Remove copy functionality since direct editing is now available
- Simplify template management interface with consistent Edit/Delete actions

Users can now directly modify or remove original system templates without needing to copy them first.

Author: vijaythecoder

app/Http/Controllers/TemplateController.php

@@ -101,11 +101,6 @@ public function update(Request $request, Template $template)
 
     public function destroy(Template $template)
     {
-        // Only allow deleting non-system templates
-        if ($template->is_system) {
-            return response()->json(['error' => 'Cannot delete system templates'], 403);
-        }
-
         $template->delete();
 
         return response()->json([

resources/js/pages/Templates/Index.vue

@@ -7,7 +7,7 @@ import AppLayout from '@/layouts/AppLayout.vue';
 import type { BreadcrumbItem } from '@/types';
 import { Head, router } from '@inertiajs/vue3';
 import axios from 'axios';
-import { Copy, FileText, Plus } from 'lucide-vue-next';
+import { FileText, Plus } from 'lucide-vue-next';
 import { onMounted, ref } from 'vue';
 
 interface Template {
@@ -62,29 +62,6 @@ const editTemplate = (templateId: string) => {
     router.visit(`/templates/${templateId}/edit`);
 };
 
-const copyTemplate = async (template: Template) => {
-    try {
-        const copiedTemplate = {
-            name: `${template.name} (Copy)`,
-            description: template.description,
-            prompt: template.prompt,
-            icon: template.icon,
-            category: template.category,
-            variables: template.variables,
-            talking_points: template.talking_points,
-            additional_info: template.additional_info,
-            is_system: false, // Make sure copied templates are not system templates
-        };
-
-        await axios.post(route('templates.store'), copiedTemplate);
-        await fetchTemplates();
-        alert(`Template "${template.name}" copied successfully!`);
-    } catch (error) {
-        console.error('Failed to copy template:', error);
-        alert('Failed to copy template. Please try again.');
-    }
-};
-
 const deleteTemplate = async (template: Template) => {
     if (confirm(`Are you sure you want to delete "${template.name}"?`)) {
         try {
@@ -185,26 +162,11 @@ onMounted(() => {
                     </p>
 
                     <div class="flex items-center gap-2">
-                        <!-- Copy button for system templates -->
-                        <Button v-if="template.is_system" size="sm" variant="outline" @click="copyTemplate(template)">
-                            <Copy :size="14" class="mr-1" />
-                            Copy
-                        </Button>
-
-                        <!-- Edit button (disabled for system templates) -->
-                        <Button
-                            size="sm"
-                            variant="outline"
-                            @click="editTemplate(template.id)"
-                            :disabled="template.is_system"
-                            :title="template.is_system ? 'System templates are read-only. Use Copy to create an editable version.' : 'Edit template'"
-                        >
-                            {{ template.is_system ? 'View' : 'Edit' }}
-                        </Button>
+                        <!-- Edit button -->
+                        <Button size="sm" variant="outline" @click="editTemplate(template.id)"> Edit </Button>
 
-                        <!-- Delete button (only for user templates) -->
+                        <!-- Delete button -->
                         <Button
-                            v-if="!template.is_system"
                             size="sm"
                             variant="outline"
                             @click="deleteTemplate(template)"