From 40d9f1b2387cabfb3858e71afe99d33c9aab68bb Mon Sep 17 00:00:00 2001
From: paoloGuagnano <piolo2286@hotmail.it>
Date: Sat, 10 Feb 2024 12:55:47 +0100
Subject: [PATCH] Add layout Upload file

---
 resources/views/words/index.blade.php         | 45 ++++++++++---------
 .../words/partials/upload-file.blade.php      | 20 +++++++++
 2 files changed, 44 insertions(+), 21 deletions(-)
 create mode 100644 resources/views/words/partials/upload-file.blade.php

diff --git a/resources/views/words/index.blade.php b/resources/views/words/index.blade.php
index df56b78..9f0acc6 100644
--- a/resources/views/words/index.blade.php
+++ b/resources/views/words/index.blade.php
@@ -1,25 +1,4 @@
 <x-app-layout>
-{{--    <table class="table table-striped">--}}
-{{--        <thead>--}}
-{{--        <tr>--}}
-{{--            <th>Word</th>--}}
-{{--            <th>Translation</th>--}}
-{{--        </tr>--}}
-{{--        </thead>--}}
-{{--        <tbody>--}}
-
-{{--        @forelse ($words as $word)--}}
-{{--            <tr>--}}
-{{--                <td>{{$word->name}}</td>--}}
-{{--                <td>{{$word->translation}}</td>--}}
-{{--            </tr>--}}
-{{--        @empty--}}
-{{--            <tr>--}}
-{{--                <td class="text-center" colspan="2">No words</td>--}}
-{{--            </tr>--}}
-{{--        @endforelse--}}
-{{--        </tbody>--}}
-{{--    </table>--}}
     <x-slot name="header">
         <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
             {{ __('Table Words') }}
@@ -27,6 +6,30 @@
     </x-slot>
 
     <div class="py-12">
+        <div class="row">
+            <div class="col-lg-7 col-xl-8 grid-margin stretch-card">
+                <div class="card">
+                    <div class="card-body">
+                        <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                            <div class="max-w-xl">
+                                @include('words.partials.insert-word-form')
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-5 col-xl-4 grid-margin stretch-card">
+                <div class="card">
+                    <div class="card-body">
+                        <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                            <div class="max-w-xl">
+                                @include('words.partials.upload-file')
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
             <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
                 <div class="max-w-xl">
diff --git a/resources/views/words/partials/upload-file.blade.php b/resources/views/words/partials/upload-file.blade.php
new file mode 100644
index 0000000..2850fae
--- /dev/null
+++ b/resources/views/words/partials/upload-file.blade.php
@@ -0,0 +1,20 @@
+<section>
+    <header>
+        <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+            {{ __('Upload CSV File ') }}
+        </h2>
+
+        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+            {{ __("Upload file to add group of word in db") }}
+        </p>
+    </header>
+
+    <form class="mt-6 space-y-6">
+        <x-text-input type="file" id="myFile" name="filename"/>
+        {{--<input type="submit">--}}
+        <div class="flex items-center gap-4">
+            <br><br><br><br>
+            <x-primary-button>{{ __('Submit') }}</x-primary-button>
+        </div>
+    </form>
+</section>