From 4f5b7450315380c583bbe2cea086e328d076b53b Mon Sep 17 00:00:00 2001
From: FlavioBarachino <flavio.barachino@gmail.com>
Date: Wed, 4 Oct 2023 09:09:14 +0200
Subject: [PATCH] Aggiunto icona calendario negli avvisi e rivisto layout dello
 stesso.

---
 public/css/calendaricon.css                 | 48 +++++++++++++++++++++
 resources/views/layouts/dashboard.blade.php | 32 ++++++++++----
 2 files changed, 71 insertions(+), 9 deletions(-)
 create mode 100644 public/css/calendaricon.css

diff --git a/public/css/calendaricon.css b/public/css/calendaricon.css
new file mode 100644
index 0000000..c0bae61
--- /dev/null
+++ b/public/css/calendaricon.css
@@ -0,0 +1,48 @@
+time.icon
+{
+  font-size: 0.5em; /* change icon size */
+  display: block;
+  position: relative;
+  width: 7em;
+  height: 7em;
+  background-color: #fff;
+  border-radius: 0.6em;
+  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
+  overflow: hidden;
+}
+
+time.icon *
+{
+  display: block;
+  width: 100%;
+  font-size: 1em;
+  font-weight: bold;
+  font-style: normal;
+  text-align: center;
+}
+
+time.icon strong
+{
+  position: absolute;
+  top: 0;
+  padding: 0.4em 0;
+  color: #fff;
+  background-color: #fd9f1b;
+  border-bottom: 1px dashed #f37302;
+  box-shadow: 0 2px 0 #fd9f1b;
+}
+
+time.icon em
+{
+  position: absolute;
+  bottom: 0.3em;
+  color: #fd9f1b;
+}
+
+time.icon span
+{
+  font-size: 2.8em;
+  letter-spacing: -0.05em;
+  padding-top: 0.8em;
+  color: #2f2f2f;
+}
\ No newline at end of file
diff --git a/resources/views/layouts/dashboard.blade.php b/resources/views/layouts/dashboard.blade.php
index 70d3ef4..ebee101 100644
--- a/resources/views/layouts/dashboard.blade.php
+++ b/resources/views/layouts/dashboard.blade.php
@@ -4,6 +4,10 @@
 <h1>Dashboard</h1>
 @endsection
 
+@section('css')
+<link rel="stylesheet" href="/css/calendaricon.css">
+@endsection
+
 @section('content')
 
 <div class="row">
@@ -100,16 +104,26 @@
     <div class="card-footer card-comment draggable">
         @foreach($avvisi as $avviso)
         <div class="card-comment">
-        <img class="img-circle img-sm" src="{{ Gravatar::get(App\Models\User::getUserById($avviso->creato_da)->email)}}" alt="User Image">
-            <div class="comment-text">
-                <span class="username">
-                    &nbsp;
-                    <span class="text-muted float-right">
-                        {{date_format(date_create($avviso->creato_il),'d/m/Y')}}
-                    </span>
-                </span>
-
+            <div class="row">
+                <div class="col-xs">
+                    <time datetime="{{ date_format(date_create($avviso->creato_il),'Y-m-d') }}" class="icon">
+                        <em>{{date_format(date_create($avviso->creato_il),'l')}}</em>
+                        <strong>{{date_format(date_create($avviso->creato_il),'F')}}</strong>
+                        <span>{{date_format(date_create($avviso->creato_il),'d')}}</span>
+                    </time> 
+                </div>
+                <div class="col">
+                    <div class="comment-text">
+                        <span class="username">
+                            &nbsp;
+                            <span class="text-muted float-right">
+                            <img class="img-circle img-sm" src="{{ Gravatar::get(App\Models\User::getUserById($avviso->creato_da)->email)}}" alt="User Image">
+                                
+                            </span>
+                        </span>
+                    </div>   
                 <p>{{ $avviso->avviso }}</p>
+                </div>
             </div>
         </div>
         @endforeach