From 7abf810033594336f8009fd81f1a1e5fbeb135da Mon Sep 17 00:00:00 2001
From: Ghostie <ghostie@ghostpacket.org>
Date: Tue, 20 Aug 2024 19:23:43 -0500
Subject: [PATCH] created a controller in charge of the image upload

---
 app/Http/Controllers/ImageController.php | 15 +++++++++++++++
 resources/views/layouts/app.blade.php    |  2 ++
 resources/views/posts/create.blade.php   | 11 +++++++++--
 routes/web.php                           |  3 +++
 4 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 app/Http/Controllers/ImageController.php

diff --git a/app/Http/Controllers/ImageController.php b/app/Http/Controllers/ImageController.php
new file mode 100644
index 0000000..842299d
--- /dev/null
+++ b/app/Http/Controllers/ImageController.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class ImageController extends Controller
+{
+    public function store(Request $request)
+    {
+        $image = $request->file("file");
+
+        return response()->json(["image" => $image->extension()]);
+    }
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index bc3d2dd..cb84c44 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -7,6 +7,8 @@
 
     <title>@yield('title') | DevStagram</title>
 
+    @stack('styles')
+
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>
 
diff --git a/resources/views/posts/create.blade.php b/resources/views/posts/create.blade.php
index 966e609..becbd07 100644
--- a/resources/views/posts/create.blade.php
+++ b/resources/views/posts/create.blade.php
@@ -2,12 +2,19 @@
 
 @section('title', 'Create Post')
 
+@push('styles')
+    <link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
+@endpush
+
 @section('content')
     <div class="md:flex md-items-center">
 
         <div class="md:w-1/2 px-10">
-            <form action="/images" id="dropzone"
-                class="dropzone border-dashed border-2 w-full h-96 rounded flex flex-col justify-center items-center"></form>
+            <form action="{{ route('images.store') }}" id="dropzone"
+                class="dropzone border-dashed border-2 w-full h-96 rounded flex flex-col justify-center items-center"
+                method="POST" enctype="multipart/form-data">
+                @csrf
+            </form>
         </div>
 
         <div class="md:w-1/2 p-10 bg-white rounded-lg shadow-xl mt-10 md:mt-0">
diff --git a/routes/web.php b/routes/web.php
index b38c6d3..853fa5f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\ImageController;
 use App\Http\Controllers\LoginController;
 use App\Http\Controllers\LogoutController;
 use App\Http\Controllers\PostController;
@@ -20,3 +21,5 @@ Route::post("/logout", [LogoutController::class, "store"])->name("logout");
 
 Route::get("/{user:username}", [PostController::class, "index"])->name("posts.index");
 Route::get("/posts/create", [PostController::class, "create"])->name("posts.create");
+
+Route::post("/images", [ImageController::class, "store"])->name("images.store");