From 030deb8f06ab542c7c19a89f5803e7745f0bdf40 Mon Sep 17 00:00:00 2001
From: ttimot24 <ttimotster@gmail.com>
Date: Tue, 22 Oct 2024 15:59:28 +0200
Subject: [PATCH 1/5] Skeleton login page

---
 app/View/auth/login2.blade.php | 76 ++++++++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 app/View/auth/login2.blade.php

diff --git a/app/View/auth/login2.blade.php b/app/View/auth/login2.blade.php
new file mode 100644
index 00000000..31cd6b75
--- /dev/null
+++ b/app/View/auth/login2.blade.php
@@ -0,0 +1,76 @@
+@extends('layout', [
+    'title' => 'Welcome'
+])
+
+<section style="margin-bottom: -7.5rem;">
+      <div class="row h-100">
+        <div class="col-12 col-md-7 bsb-tpl-bg-platinum p-3 p-md-4 p-xl-5 h-100" style="background-size: cover; background-image: url(https://images.unsplash.com/photo-1508255139162-e1f7b7288ab7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)">
+            <div class="container">
+            <div class="d-flex flex-column justify-content-between h-100 p-3 p-md-4 p-xl-5">
+            <h3 class="m-0">Welcome!</h3>
+            <img class="img-fluid rounded mx-auto my-4" loading="lazy" src="{{ $admin_logo }}" width="245" height="80" alt="BootstrapBrain Logo">
+            <p class="mb-0"></p>
+          </div>
+        </div>
+        </div>
+        <div class="col-12 col-md-5 bsb-tpl-bg-lotion p-3 p-md-4 p-xl-5 mt-5">
+            <div class="container card mt-5">
+          <div class="p-3 p-md-4 p-xl-5 pt-5 card-body">
+            <div class="row mt-5">
+              <div class="col-12">
+                <div class="mb-5">
+                  <h3>Log in</h3>
+                </div>
+              </div>
+            </div>
+            <form action="{{ route('login') }}" role='form' method='POST'>
+              <div class="row gy-3 gy-md-4 overflow-hidden">
+                <div class="col-12">
+                  <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
+                  <input type='email' class="form-control  @error('username') is-invalid @enderror"
+                  id='email' name='email' placeholder="{{ trans('login.enter_username') }}" autofocus
+                  required>
+              @error('username')
+                  <span class="invalid-feedback" role="alert">
+                      <strong>{{ $errors->first('username') }}</strong>
+                  </span>
+              @enderror
+                </div>
+                <div class="col-12">
+                  <label for="password" class="form-label">Password <span class="text-danger">*</span></label>
+                  <input type='password' class="form-control  @error('password') is-invalid @enderror"
+                  id='pwd' name='password' placeholder="{{ trans('login.enter_password') }}" required>
+              @error('password')
+                  <span class="invalid-feedback" role="alert">
+                      <strong>{{ $errors->first('password') }}</strong>
+                  </span>
+              @enderror
+                </div>
+                <div class="col-12">
+                  <div class="form-check">
+                    <input class="form-check-input" type="checkbox" value="" name="remember_me" id="remember_me">
+                    <label class="form-check-label text-secondary" for="remember_me">
+                      Keep me logged in
+                    </label>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <div class="d-grid">
+                    <button class="btn bsb-btn-xl btn-primary" type="submit">Log in now</button>
+                  </div>
+                </div>
+              </div>
+            </form>
+            <div class="row">
+              <div class="col-12">
+                <hr class="mt-5 mb-4 border-secondary-subtle">
+                <div class="text-end">
+                  <a href="{{ route('password.reset', ['token' => 'empty']) }}" class="link-secondary text-decoration-none">Forgot password</a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+    </div>
+  </section>
\ No newline at end of file

From 58098029f470710c4f8dd87850dac7c222acecc4 Mon Sep 17 00:00:00 2001
From: ttimot24 <ttimotster@gmail.com>
Date: Tue, 22 Oct 2024 17:14:13 +0200
Subject: [PATCH 2/5] Show random stock images on login

---
 app/Controllers/Auth/LoginController.php |  2 +-
 app/Providers/EventServiceProvider.php   |  4 ----
 app/View/auth/login2.blade.php           | 14 +++++++-------
 app/View/media/header_images.blade.php   |  2 +-
 package-lock.json                        | 18 ++++++++++++++++++
 package.json                             |  1 +
 routes/api.php                           |  4 ++++
 7 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/app/Controllers/Auth/LoginController.php b/app/Controllers/Auth/LoginController.php
index ff93f1eb..47c929fa 100644
--- a/app/Controllers/Auth/LoginController.php
+++ b/app/Controllers/Auth/LoginController.php
@@ -48,7 +48,7 @@ public function redirectTo()
 
     public function username()
     {
-        return 'username';
+        return 'email';
     }
 
 
diff --git a/app/Providers/EventServiceProvider.php b/app/Providers/EventServiceProvider.php
index b77a2785..e106f4e9 100644
--- a/app/Providers/EventServiceProvider.php
+++ b/app/Providers/EventServiceProvider.php
@@ -13,10 +13,6 @@ class EventServiceProvider extends ServiceProvider
      * @var array
      */
     protected $listen = [
-        'App\Events\SomeEvent' => [
-            'App\Listeners\EventListener',
-        ],
-
         'Illuminate\Auth\Events\Login' => [
             '\App\Listeners\UserEventListener@countLogin',
         ],
diff --git a/app/View/auth/login2.blade.php b/app/View/auth/login2.blade.php
index 31cd6b75..d01ac76a 100644
--- a/app/View/auth/login2.blade.php
+++ b/app/View/auth/login2.blade.php
@@ -4,32 +4,32 @@
 
 <section style="margin-bottom: -7.5rem;">
       <div class="row h-100">
-        <div class="col-12 col-md-7 bsb-tpl-bg-platinum p-3 p-md-4 p-xl-5 h-100" style="background-size: cover; background-image: url(https://images.unsplash.com/photo-1508255139162-e1f7b7288ab7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)">
+        <div class="col-12 col-md-6 bsb-tpl-bg-platinum p-3 p-md-4 p-xl-5 h-100" style="background-size: cover; background-color:black; background-image: url(https://picsum.photos/1024/768)">
             <div class="container">
             <div class="d-flex flex-column justify-content-between h-100 p-3 p-md-4 p-xl-5">
-            <h3 class="m-0">Welcome!</h3>
-            <img class="img-fluid rounded mx-auto my-4" loading="lazy" src="{{ $admin_logo }}" width="245" height="80" alt="BootstrapBrain Logo">
+            <h1 class="m-0 text-white text-bold">Welcome!</h1>
+            <img class="img-fluid rounded mx-auto my-4" loading="lazy" src="{{ config('horizontcms.admin_logo') }}" width="245" height="80" alt=" ">
             <p class="mb-0"></p>
           </div>
         </div>
         </div>
-        <div class="col-12 col-md-5 bsb-tpl-bg-lotion p-3 p-md-4 p-xl-5 mt-5">
+        <div class="col-12 col-md-6 bsb-tpl-bg-lotion p-3 p-md-4 p-xl-5 mt-5">
             <div class="container card mt-5">
           <div class="p-3 p-md-4 p-xl-5 pt-5 card-body">
             <div class="row mt-5">
               <div class="col-12">
                 <div class="mb-5">
-                  <h3>Log in</h3>
+                  <h2>Log in</h2>
                 </div>
               </div>
             </div>
             <form action="{{ route('login') }}" role='form' method='POST'>
+              @csrf
               <div class="row gy-3 gy-md-4 overflow-hidden">
                 <div class="col-12">
                   <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                   <input type='email' class="form-control  @error('username') is-invalid @enderror"
-                  id='email' name='email' placeholder="{{ trans('login.enter_username') }}" autofocus
-                  required>
+                  id='email' name='email' placeholder="{{ trans('login.enter_username') }}" required>
               @error('username')
                   <span class="invalid-feedback" role="alert">
                       <strong>{{ $errors->first('username') }}</strong>
diff --git a/app/View/media/header_images.blade.php b/app/View/media/header_images.blade.php
index 37d8beeb..d85bb0cf 100644
--- a/app/View/media/header_images.blade.php
+++ b/app/View/media/header_images.blade.php
@@ -277,7 +277,7 @@ class='btn btn-primary'>{{ trans('actions.save') }}</button>
 
             <div class='modal upload_images' id='create_file' tabindex='-1' role='dialog'
                 aria-labelledby='myModalLabel' aria-hidden='true'>
-                <div class='modal-dialog modal-xl'>
+                <div class='modal-dialog modal-xl p-5'>
                     <div class='modal-content'>
                         <div class='modal-header modal-header-primary bg-primary'>
                             <h4 class='modal-title text-white'>Upload images</h4>
diff --git a/package-lock.json b/package-lock.json
index 88534920..206785b4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,6 +5,7 @@
     "packages": {
         "": {
             "dependencies": {
+                "@eonasdan/tempus-dominus": "^6.9.11",
                 "@popperjs/core": "^2.11.6",
                 "@vue/compiler-sfc": "^3.2.37",
                 "@vue/composition-api": "^1.7.0",
@@ -1864,6 +1865,23 @@
                 "node": ">=10.0.0"
             }
         },
+        "node_modules/@eonasdan/tempus-dominus": {
+            "version": "6.9.11",
+            "resolved": "https://registry.npmjs.org/@eonasdan/tempus-dominus/-/tempus-dominus-6.9.11.tgz",
+            "integrity": "sha512-KFOyMoCy6OCIl0dzWq4it2zu/jV4YWrSxxLmXR2XClVV9D9f/DaLjEhADJCYSjWBlTYanE18ACjVoyrfsHikgA==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://ko-fi.com/eonasdan"
+            },
+            "peerDependencies": {
+                "@popperjs/core": "^2.11.6"
+            },
+            "peerDependenciesMeta": {
+                "@popperjs/core\"": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
diff --git a/package.json b/package.json
index 68b6873f..9192a4db 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
         "webpack-cli": "^5.0.2"
     },
     "dependencies": {
+        "@eonasdan/tempus-dominus": "^6.9.11",
         "@popperjs/core": "^2.11.6",
         "@vue/compiler-sfc": "^3.2.37",
         "@vue/composition-api": "^1.7.0",
diff --git a/routes/api.php b/routes/api.php
index b128697e..9ceffba3 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -41,6 +41,10 @@
     return response()->json(['error'=>'Username or password incorrect'], 401);
 });
 
+Route::get('/blogposts/slug/{slug}', function($slug){
+  $blogpost = \App\Model\Blogpost::findBySlug($slug);
+  return response()->json($blogpost);
+});
 
 Route::apiResource('blogposts', \App\Controllers\BlogpostController::class)
             ->only(['index', 'show']);

From f9142b01e98280e73fd5ee6c73a10f410e6f7cc5 Mon Sep 17 00:00:00 2001
From: ttimot24 <ttimotster@gmail.com>
Date: Mon, 4 Nov 2024 22:26:24 +0100
Subject: [PATCH 3/5] #94 - Video support in header media

---
 app/Controllers/HeaderImageController.php     |  4 ++++
 app/Controllers/Trait/UploadsImage.php        |  2 +-
 app/Model/HeaderImage.php                     |  2 +-
 app/View/media/header_images.blade.php        | 20 +++++++++++++++++--
 ...0_20_000000_create_header_images_table.php |  1 +
 database/seeders/ContentSeeder.php            |  1 +
 6 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/app/Controllers/HeaderImageController.php b/app/Controllers/HeaderImageController.php
index 613edbe8..7c87ee81 100644
--- a/app/Controllers/HeaderImageController.php
+++ b/app/Controllers/HeaderImageController.php
@@ -88,6 +88,10 @@ public function store(Request $request)
         $header_image = new HeaderImage($request->all());
         $header_image->author()->associate($request->user());
 
+        if($request->hasFile($this->form_field_name)){
+            $header_image->type = explode('/',request()->{$this->form_field_name}->getMimeType())[0];
+        }
+
         $this->uploadImage($header_image);
 
         if ($header_image->save()) {
diff --git a/app/Controllers/Trait/UploadsImage.php b/app/Controllers/Trait/UploadsImage.php
index fb42af04..8f0a9f71 100644
--- a/app/Controllers/Trait/UploadsImage.php
+++ b/app/Controllers/Trait/UploadsImage.php
@@ -24,7 +24,7 @@ public function uploadImage($model): bool {
             File::ensureDirectoryExists($model->getImageDirectory());
             $img = request()->{$this->form_field_name}->store($this->getStrippedDirectoryPath($model));
             $model->attachImage($img);
-            if (extension_loaded('gd')) {
+            if (extension_loaded('gd') && starts_with(request()->{$this->form_field_name}->getMimeType(), 'image/')) {
 		        File::ensureDirectoryExists($model->getImageDirectory() . '/thumbs');
                 \Intervention\Image\ImageManagerStatic::make(storage_path($img))->fit(300, 200)->save($model->getThumbnailDirectory(). DIRECTORY_SEPARATOR . $model->image);
             }
diff --git a/app/Model/HeaderImage.php b/app/Model/HeaderImage.php
index 18a86ac5..2e7fd7d5 100644
--- a/app/Model/HeaderImage.php
+++ b/app/Model/HeaderImage.php
@@ -19,7 +19,7 @@ class HeaderImage extends Model {
      * @var array
      */
     protected $fillable = [
-        'title', 'link' ,'description', 'image', 'active',
+        'title', 'type' ,'link' ,'description', 'image', 'active',
     ];
 
 }
diff --git a/app/View/media/header_images.blade.php b/app/View/media/header_images.blade.php
index d85bb0cf..12cc822b 100644
--- a/app/View/media/header_images.blade.php
+++ b/app/View/media/header_images.blade.php
@@ -37,10 +37,19 @@
                                         <span class='fa fa-pencil' aria-hidden='true'
                                             style=' font-size: 1.4em;z-index:15;top:3px;right:3px;margin-bottom:-15px;'></span>
                                     </a>
+
+                                    @if($each->type === 'video')
+                                        <video controls width='100%' height='75%;' style="object-fit:cover;">
+                                            <source src="storage/images/header_images/{{ $each->image }}" >
+                                            Your browser does not support the video tag.
+                                        </video> 
+                                    @else
                                     <img src='storage/images/header_images/{{ $each->image }}' alt=''
                                         class='card-img-top' width='100%' height='75%;' style="object-fit:cover;">
+                                    @endif
+
                                     <div class="card-body text-black">
-                                        <h5 class="card-title">{{ $each->title }}</h5>
+                                        <h5 class="card-title">{{ $each->title }} <small> | {{$each->type}}</small></h5>
                                     </div>
                                     <ul class="list-group list-group-flush mb-3">
                                         <a class='btn btn-danger btn-xs btn-block'
@@ -175,8 +184,15 @@ class='btn btn-primary'>{{ trans('actions.save') }}</button>
                                         </div>
                                     </div>
                                 </div>
+                                @if($each->type === 'video')
+                                <video controls width='100%' height='75%;' style="object-fit:cover;">
+                                    <source src="storage/images/header_images/{{ $each->image }}" >
+                                    Your browser does not support the video tag.
+                                </video> 
+                                @else
                                 <img src='storage/images/header_images/{{ $each->image }}' alt=''
                                     class='card-img-top' width='100%' height='75%;' style="object-fit:cover;">
+                                @endif
                                 <div class="card-body text-black">
                                     <h5 class="card-title">{{ $each->title }}</h5>
                                 </div>
@@ -289,7 +305,7 @@ class='btn btn-primary'>{{ trans('actions.save') }}</button>
                                 @csrf
                                 <div class='form-group'>
                                     <label for='file'>Upload file:</label>
-                                    <input name='up_file' id='input-2' type='file' class='file' accept="image/*"
+                                    <input name='up_file' id='input-2' type='file' class='file' accept="image/*, video/*"
                                         multiple='true' data-show-upload='false' data-show-caption='true' required>
                                 </div>
                                 <div class="mb-3">
diff --git a/database/migrations/2016_10_20_000000_create_header_images_table.php b/database/migrations/2016_10_20_000000_create_header_images_table.php
index 606926d6..3c6985d7 100644
--- a/database/migrations/2016_10_20_000000_create_header_images_table.php
+++ b/database/migrations/2016_10_20_000000_create_header_images_table.php
@@ -20,6 +20,7 @@ public function up()
         Schema::create($this->table_name, function (Blueprint $table) {
             $table->increments('id');
             $table->string('title')->nullable();
+            $table->string('type')->nullable();
             $table->string('link')->nullable();
             $table->text('description')->nullable();
             $table->string('image');
diff --git a/database/seeders/ContentSeeder.php b/database/seeders/ContentSeeder.php
index ac06f407..864c82b6 100644
--- a/database/seeders/ContentSeeder.php
+++ b/database/seeders/ContentSeeder.php
@@ -76,6 +76,7 @@ public function run()
         DB::table('header_images')->insert([
             'id' => 1,
             'title' => 'default',
+            'type' => 'image',
             'image' => 'abovethecity.jpg',
             'author_id' => 1,
             'active' => 1

From 481177cef36db8b25a5d7f97fcdf2777f3e7a2ca Mon Sep 17 00:00:00 2001
From: ttimot24 <ttimotster@gmail.com>
Date: Mon, 4 Nov 2024 22:29:14 +0100
Subject: [PATCH 4/5] #94 - Revert login branch modifications

---
 app/Controllers/Auth/LoginController.php |  2 +-
 app/View/auth/login2.blade.php           | 76 ------------------------
 2 files changed, 1 insertion(+), 77 deletions(-)
 delete mode 100644 app/View/auth/login2.blade.php

diff --git a/app/Controllers/Auth/LoginController.php b/app/Controllers/Auth/LoginController.php
index 47c929fa..ff93f1eb 100644
--- a/app/Controllers/Auth/LoginController.php
+++ b/app/Controllers/Auth/LoginController.php
@@ -48,7 +48,7 @@ public function redirectTo()
 
     public function username()
     {
-        return 'email';
+        return 'username';
     }
 
 
diff --git a/app/View/auth/login2.blade.php b/app/View/auth/login2.blade.php
deleted file mode 100644
index d01ac76a..00000000
--- a/app/View/auth/login2.blade.php
+++ /dev/null
@@ -1,76 +0,0 @@
-@extends('layout', [
-    'title' => 'Welcome'
-])
-
-<section style="margin-bottom: -7.5rem;">
-      <div class="row h-100">
-        <div class="col-12 col-md-6 bsb-tpl-bg-platinum p-3 p-md-4 p-xl-5 h-100" style="background-size: cover; background-color:black; background-image: url(https://picsum.photos/1024/768)">
-            <div class="container">
-            <div class="d-flex flex-column justify-content-between h-100 p-3 p-md-4 p-xl-5">
-            <h1 class="m-0 text-white text-bold">Welcome!</h1>
-            <img class="img-fluid rounded mx-auto my-4" loading="lazy" src="{{ config('horizontcms.admin_logo') }}" width="245" height="80" alt=" ">
-            <p class="mb-0"></p>
-          </div>
-        </div>
-        </div>
-        <div class="col-12 col-md-6 bsb-tpl-bg-lotion p-3 p-md-4 p-xl-5 mt-5">
-            <div class="container card mt-5">
-          <div class="p-3 p-md-4 p-xl-5 pt-5 card-body">
-            <div class="row mt-5">
-              <div class="col-12">
-                <div class="mb-5">
-                  <h2>Log in</h2>
-                </div>
-              </div>
-            </div>
-            <form action="{{ route('login') }}" role='form' method='POST'>
-              @csrf
-              <div class="row gy-3 gy-md-4 overflow-hidden">
-                <div class="col-12">
-                  <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
-                  <input type='email' class="form-control  @error('username') is-invalid @enderror"
-                  id='email' name='email' placeholder="{{ trans('login.enter_username') }}" required>
-              @error('username')
-                  <span class="invalid-feedback" role="alert">
-                      <strong>{{ $errors->first('username') }}</strong>
-                  </span>
-              @enderror
-                </div>
-                <div class="col-12">
-                  <label for="password" class="form-label">Password <span class="text-danger">*</span></label>
-                  <input type='password' class="form-control  @error('password') is-invalid @enderror"
-                  id='pwd' name='password' placeholder="{{ trans('login.enter_password') }}" required>
-              @error('password')
-                  <span class="invalid-feedback" role="alert">
-                      <strong>{{ $errors->first('password') }}</strong>
-                  </span>
-              @enderror
-                </div>
-                <div class="col-12">
-                  <div class="form-check">
-                    <input class="form-check-input" type="checkbox" value="" name="remember_me" id="remember_me">
-                    <label class="form-check-label text-secondary" for="remember_me">
-                      Keep me logged in
-                    </label>
-                  </div>
-                </div>
-                <div class="col-12">
-                  <div class="d-grid">
-                    <button class="btn bsb-btn-xl btn-primary" type="submit">Log in now</button>
-                  </div>
-                </div>
-              </div>
-            </form>
-            <div class="row">
-              <div class="col-12">
-                <hr class="mt-5 mb-4 border-secondary-subtle">
-                <div class="text-end">
-                  <a href="{{ route('password.reset', ['token' => 'empty']) }}" class="link-secondary text-decoration-none">Forgot password</a>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        </div>
-    </div>
-  </section>
\ No newline at end of file

From 204bd04f6aa10a17f2d4336b36a685f814912e2c Mon Sep 17 00:00:00 2001
From: ttimot24 <ttimotster@gmail.com>
Date: Mon, 4 Nov 2024 22:35:25 +0100
Subject: [PATCH 5/5] #94 - Media text fixes

---
 app/View/media/header_images.blade.php | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/View/media/header_images.blade.php b/app/View/media/header_images.blade.php
index 12cc822b..fc3d43e4 100644
--- a/app/View/media/header_images.blade.php
+++ b/app/View/media/header_images.blade.php
@@ -49,7 +49,7 @@ class='card-img-top' width='100%' height='75%;' style="object-fit:cover;">
                                     @endif
 
                                     <div class="card-body text-black">
-                                        <h5 class="card-title">{{ $each->title }} <small> | {{$each->type}}</small></h5>
+                                        <h5 class="card-title">{{ $each->title }}<small> | {{$each->type}}</small></h5>
                                     </div>
                                     <ul class="list-group list-group-flush mb-3">
                                         <a class='btn btn-danger btn-xs btn-block'
@@ -194,7 +194,7 @@ class='btn btn-primary'>{{ trans('actions.save') }}</button>
                                     class='card-img-top' width='100%' height='75%;' style="object-fit:cover;">
                                 @endif
                                 <div class="card-body text-black">
-                                    <h5 class="card-title">{{ $each->title }}</h5>
+                                    <h5 class="card-title">{{ $each->title }}<small> | {{$each->type}}</small></h5>
                                 </div>
                             </div>
 
@@ -221,13 +221,21 @@ class='card-img-top' width='100%' height='75%;' style="object-fit:cover;">
                                                 </div>
                                                 <div class="mb-3">
                                                     <div class="row">
-                                                        <div class="col-11">
+                                                        <div class="col-9">
                                                             <label for="header-image-image"
-                                                                class="form-label">Image</label>
+                                                                class="form-label">Media</label>
                                                             <input type="text" class="form-control disabled"
                                                                 id="header-image-title" value="{{ $each->getImage() }}"
                                                                 disabled>
 
+                                                        </div>
+                                                        <div class="col-2">
+                                                            <label for="header-image-image"
+                                                                class="form-label">Media</label>
+                                                            <input type="text" class="form-control disabled"
+                                                                id="header-image-type" value="{{ $each->type }}"
+                                                                disabled>
+
                                                         </div>
                                                         <div class="col-1">
                                                             <label for="header-image-image"
@@ -304,7 +312,7 @@ class='btn btn-primary'>{{ trans('actions.save') }}</button>
                             <div class='modal-body'>
                                 @csrf
                                 <div class='form-group'>
-                                    <label for='file'>Upload file:</label>
+                                    <label for='file'>Upload file</label>
                                     <input name='up_file' id='input-2' type='file' class='file' accept="image/*, video/*"
                                         multiple='true' data-show-upload='false' data-show-caption='true' required>
                                 </div>