id }}, user_id: {{ auth()->id() }}, ...this.newRequest, status: 'open', }), }); const data = await response.json(); if (response.ok) { this.requests.unshift({ id: data.id, title: this.newRequest.equipment_name, raisedBy: '{{ auth()->user()->name }}', priority: this.newRequest.priority, status: 'open', date: new Date().toLocaleDateString('en-US', { day: '2-digit', month: 'short', year: 'numeric' }), issue_description: this.newRequest.issue_description, }); this.newRequest = { equipment_name: '', issue_description: '', priority: 'medium' }; this.showAddForm = false; } } catch (error) { console.error('Error:', error); } finally { this.loading = false; } }, async updateRequestStatus(requestId, newStatus) { if (this.loading) return; this.loading = true; try { const response = await fetch(`/api/admin/maintenance-requests/\${requestId}/status`, { method: 'PUT', headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').content, }, body: JSON.stringify({ status: newStatus }), }); if (response.ok) { const request = this.requests.find(r => r.id === requestId); if (request) request.status = newStatus; } } catch (error) { console.error('Error:', error); } finally { this.loading = false; } } }" class="space-y-4" >