From 7ef7df6137f9956478256e0b21a5211a38027564 Mon Sep 17 00:00:00 2001
From: MRoyhanF <froyhan0@gmail.com>
Date: Mon, 16 Dec 2024 21:41:31 +0700
Subject: [PATCH] fetch: airline | create airline

---
 src/resources/views/pages/airline/index.edge | 67 +++++++++++++++++++-
 src/resources/views/pages/city/index.edge    |  7 +-
 2 files changed, 69 insertions(+), 5 deletions(-)

diff --git a/src/resources/views/pages/airline/index.edge b/src/resources/views/pages/airline/index.edge
index b7a734a..0888712 100644
--- a/src/resources/views/pages/airline/index.edge
+++ b/src/resources/views/pages/airline/index.edge
@@ -12,7 +12,24 @@
                 Add Airlines
             @end
             @slot('content')
-            <h1>Ini Modal Add Airlines</h1>
+            
+            <form id="airlineForm" class="max-w-sm mx-auto">
+                <div class="mb-5">
+                    <label for="iataCode" class="block mb-2 text-sm font-medium text-gray-900">Airline ID</label>
+                    <input type="text" id="iataCode" name="iataCode" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="AH" required />
+                </div>
+                <div class="mb-5">
+                    <label for="name" class="block mb-2 text-sm font-medium text-gray-900">Airline Name</label>
+                    <input type="text" id="name" name="name" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" placeholder="Kodok Airlines" required />
+                </div>
+                <div class="mb-5">
+                    <label class="block mb-2 text-sm font-medium text-gray-900" for="image">Upload Image</label>
+                    <input type="file" id="image" name="image" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
+                </div>
+                <button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Submit</button>
+            </form>
+
+            
             @end
         @end
     </div>
@@ -50,5 +67,53 @@
     </div>
 </div>
 
+<script>
+$(document).ready(function () {
+    $('#airlineForm').on('submit', function (event) {
+        event.preventDefault();
+
+        const formData = new FormData(this);
+
+        $.ajax({
+            url: "{{ api }}/api/v1/airlines",
+            type: 'POST',
+            data: formData,
+            processData: false, 
+            contentType: false, 
+            success: function (response) {
+                if (response.success) {
+                    showToast("success", "Success", response.message || "Airline created successfully!");
+                    setTimeout(() => {
+                        window.location.reload();
+                    }, 2000);
+                } else {
+                    showToast("error", "Error", response.message || "An unexpected error occurred.");
+                }
+            },
+            error: function (xhr) {
+                if (xhr.status === 400 && xhr.responseJSON) {
+                    const errorResponse = xhr.responseJSON;
+                    let errorMessages = '';
+
+                    if (errorResponse.errors && Array.isArray(errorResponse.errors)) {
+                        errorResponse.errors.forEach(error => {
+                            errorMessages += `${error.field}: ${error.message}\n`;
+                        });
+                    } else {
+                        errorMessages = errorResponse.message || "Validation failed. Please check your inputs.";
+                    }
+
+                    showToast("error", "Validation Error", errorMessages);
+                } else {
+                    const errorMessage = xhr.responseJSON?.message || `Error ${xhr.status}: ${xhr.statusText}`;
+                    showToast("error", "Error", errorMessage);
+                }
+            }
+        });
+    });
+});
+
+</script>
+
 @endslot
 @end
\ No newline at end of file
diff --git a/src/resources/views/pages/city/index.edge b/src/resources/views/pages/city/index.edge
index be0d8ef..4b492c9 100644
--- a/src/resources/views/pages/city/index.edge
+++ b/src/resources/views/pages/city/index.edge
@@ -90,9 +90,6 @@
 
 
 <script>
-    const api = "{{ api }}/api/v1/cities"
-    console.log({api})
-
     $(document).ready(function () {
         $('#cityForm').on('submit', function (event) {
             event.preventDefault();
@@ -108,7 +105,9 @@
                 success: function (response) {
                     // Call showToast for success
                     showToast("success", "Success", "City created successfully!");
-                    window.location.reload();
+                    setTimeout(() => {
+                        window.location.reload();
+                    }, 2000);
                 },
                 error: function (xhr) {
                     const errorResponse = xhr.responseJSON || { message: 'Failed to submit the form. Please try again.' };