Accueil Explorer Aide
S'inscrire Connexion
parisio
/
iao_team
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

modifiche template email + stile recupero password + stile first-login + stile reset password

ferrari il y a 3 mois
Parent
a818b424ea
commit
2cd27a7791
12 fichiers modifiés avec 1394 ajouts et 765 suppressions
Vue séparée Afficher les stats Diff
  1. BIN
      public/img/emails/Pattern_Leezard-01.jpg
  2. BIN
      public/img/emails/Pattern_Leezard-02.jpg
  3. BIN
      public/img/emails/Pattern_Leezard-03.jpg
  4. BIN
      public/img/emails/leezard-logo.png
  5. 57 52
      resources/views/auth/password-reset-form.blade.php
  6. 44 39
      resources/views/auth/password-reset-request.blade.php
  7. 239 85
      resources/views/emails/account-activated.blade.php
  8. 254 196
      resources/views/emails/export-notification.blade.php
  9. 217 71
      resources/views/emails/password-changed.blade.php
  10. 244 94
      resources/views/emails/password-reset.blade.php
  11. 251 130
      resources/views/emails/welcome-user.blade.php
  12. 88 98
      resources/views/first-login.blade.php

BIN
public/img/emails/Pattern_Leezard-01.jpg
Voir le fichier


BIN
public/img/emails/Pattern_Leezard-02.jpg
Voir le fichier


BIN
public/img/emails/Pattern_Leezard-03.jpg
Voir le fichier


BIN
public/img/emails/leezard-logo.png
Voir le fichier


+ 57 - 52
resources/views/auth/password-reset-form.blade.php
Voir le fichier 

@@ -1,71 +1,76 @@
 
 <!-- resources/views/auth/password-reset-form.blade.php -->
 
 <!DOCTYPE html>
 
 <html lang="it">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Nuova Password</title>
 
-    <link rel="stylesheet" href="https://use.typekit.net/dit2bgs.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-</head>
 
-<body>
 
-    <div class="login--box d-flex flex-column min-vh-100 justify-content-center align-items-center">
 
-        <img src="{{ env('LOGO', '') }}" alt="" class="img-fluid" id="login--logo" style="max-width:400px">
 
-        <div class="card--ui mt-5" style="width: 400px; height: 350px;">
 
-            <p class="form--title text-center mb-4">Imposta Nuova Password</p>
 
 
-            @if(session('success'))
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+        <title>Nuova Password</title>
 
+        <link rel="stylesheet" href="https://use.typekit.net/dit2bgs.css">
 
+        <link rel="stylesheet" href="/css/style.css">
 
+        <link rel="stylesheet" href="/css/new_style.css">
 
+    </head>
 
+
 
+    <body>
 
+        <div class="login--box d-flex flex-column min-vh-100 justify-content-center align-items-center">
 
+            <div class="card--ui mt-5" style="width: 400px;">
 
+                <img src="{{ env('LOGO', '') }}" alt="" class="img-fluid" id="login--logo" style="max-width:400px;width: 100%;margin-bottom: 30px;">
 
+
 
+                <h4 class="form--title text-center mb-3">Imposta nuova password</h4>
 
+
 
+                @if(session('success'))
 
                 <div class="alert alert-success mb-3">{{ session('success') }}</div>
 
-            @endif
 
+                @endif
 
 
-            @if(session('error'))
 
+                @if(session('error'))
 
                 <div class="alert alert-danger mb-3">{{ session('error') }}</div>
 
-            @endif
 
+                @endif
 
 
-            <form action="/password-reset" method="POST">
 
-                @csrf
 
-                <input type="hidden" name="token" value="{{ $token }}">
 
+                <form action="/password-reset" method="POST">
 
+                    @csrf
 
+                    <input type="hidden" name="token" value="{{ $token }}">
 
 
-                <div class="form--item input-group mb-3">
 
-                    <input type="email" class="form-control @error('email') is-invalid @enderror"
 
-                           placeholder="Email" name="email" value="{{ request('email') }}" required>
 
-                    <span class="input-group-text"><i class="ico--ui mail"></i></span>
 
-                    @error('email')
 
+                    <div class="form--item input-group mb-3">
 
+                        <label for="email">Email</label>
 
+                        <input type="email" class="form-control @error('email') is-invalid @enderror" placeholder="Email" id="email" name="email" value="{{ request('email') }}" required>
 
+                        <span class="input-group-text" id="basic-addon2"><i class="ico--ui mail"></i></span>
 
+                        @error('email')
 
                         <div class="invalid-feedback">{{ $message }}</div>
 
-                    @enderror
 
-                </div>
 
+                        @enderror
 
+                    </div>
 
 
-                <div class="form--item input-group mb-3">
 
-                    <input type="password" class="form-control @error('password') is-invalid @enderror"
 
-                           placeholder="Nuova Password" name="password" required>
 
-                    <span class="input-group-text"><i class="ico--ui lock"></i></span>
 
-                    @error('password')
 
+                    <div class="form--item input-group mb-3">
 
+                        <label for="password">Password</label>
 
+                        <input type="password" class="form-control @error('password') is-invalid @enderror" placeholder="Nuova password" id="password" name="password">
 
+                        <span class="input-group-text" id="basic-addon2"><i class="ico--ui lock"></i></span>
 
+                        @error('password')
 
                         <div class="invalid-feedback">{{ $message }}</div>
 
-                    @enderror
 
-                </div>
 
+                        @enderror
 
+                    </div>
 
 
-                <div class="form--item input-group mb-3">
 
-                    <input type="password" class="form-control @error('password_confirmation') is-invalid @enderror"
 
-                           placeholder="Conferma Password" name="password_confirmation" required>
 
-                    <span class="input-group-text"><i class="ico--ui lock"></i></span>
 
-                    @error('password_confirmation')
 
+                    <div class="form--item input-group mb-3">
 
+                        <label for="password_confirmation">Password</label>
 
+                        <input type="password" class="form-control @error('password_confirmation') is-invalid @enderror" placeholder="Conferma password" id="password_confirmation" name="password_confirmation">
 
+                        <span class="input-group-text" id="basic-addon2"><i class="ico--ui lock"></i></span>
 
+                        @error('password_confirmation')
 
                         <div class="invalid-feedback">{{ $message }}</div>
 
-                    @enderror
 
-                </div>
 
+                        @enderror
 
+                    </div>
 
 
-                <div class="form--item input-group d-flex align-items-center justify-content-between">
 
-                    <button type="submit" class="btn--ui">Aggiorna Password</button>
 
-                </div>
 
-            </form>
 
+                    <div class="form--item input-group d-flex align-items-center justify-content-center">
 
+                        <button type="submit" class="btn--ui">Aggiorna password</button>
 
+                    </div>
 
+                </form>
 
 
-            <div class="credential--recovery d-flex flex-column mt-4">
 
-                <a href="/">Torna al Login</a>
 
+                <div class="credential--recovery d-flex flex-column mt-4">
 
+                    <a href="/">Torna al Login</a>
 
+                </div>
 
             </div>
 
         </div>
 
-    </div>
 
 
-    <script src="/assets/js/bootstrap.bundle.js"></script>
 
-    <script src="/assets/js/app.js"></script>
 
-</body>
 
-</html>
 
+        <script src="/assets/js/bootstrap.bundle.js"></script>
 
+        <script src="/assets/js/app.js"></script>
 
+    </body>
 
+
 
+</html>

+ 44 - 39
resources/views/auth/password-reset-request.blade.php
Voir le fichier 

@@ -1,53 +1,58 @@
 
 <!-- resources/views/password-reset-request.blade.php -->
 
 <!DOCTYPE html>
 
 <html lang="it">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Reset Password</title>
 
-    <link rel="stylesheet" href="https://use.typekit.net/dit2bgs.css">
 
-    <link rel="stylesheet" href="/css/style.css">
 
-</head>
 
-<body>
 
-    <div class="login--box d-flex flex-column min-vh-100 justify-content-center align-items-center">
 
-        <img src="{{ env('LOGO', '') }}" alt="" class="img-fluid" id="login--logo" style="max-width:400px">
 
-        <div class="card--ui mt-5" style="width: 400px; height: 350px;">
 
-            <p class="form--title text-center mb-4">Reset Password</p>
 
-            <p class="text-center mb-4">Inserisci la tua email per ricevere le istruzioni di reset</p>
 
-
 
-            @if(session('success'))
 
+
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+        <title>Reset Password</title>
 
+        <link rel="stylesheet" href="https://use.typekit.net/dit2bgs.css">
 
+        <link rel="stylesheet" href="/css/style.css">
 
+        <link rel="stylesheet" href="/css/new_style.css">
 
+    </head>
 
+
 
+    <body>
 
+        <div class="login--box d-flex flex-column min-vh-100 justify-content-center align-items-center">
 
+            <div class="card--ui mt-5" style="width: 400px;">
 
+                <img src="{{ env('LOGO', '') }}" alt="" class="img-fluid" id="login--logo" style="max-width:400px;width: 100%;margin-bottom: 30px;">
 
+
 
+                <h4 class="form--title text-center mb-3">Reset password</h4>
 
+                <p class="text-center mb-4">Inserisci la tua email per ricevere le istruzioni di reset</p>
 
+
 
+                @if(session('success'))
 
                 <div class="alert alert-success mb-3">{{ session('success') }}</div>
 
-            @endif
 
+                @endif
 
 
-            @if(session('error'))
 
+                @if(session('error'))
 
                 <div class="alert alert-danger mb-3">{{ session('error') }}</div>
 
-            @endif
 
+                @endif
 
 
-            <form action="/password-reset-request" method="POST">
 
-                @csrf
 
+                <form action="/password-reset-request" method="POST">
 
+                    @csrf
 
 
-                <div class="form--item input-group mb-3">
 
-                    <input type="email" class="form-control @error('email') is-invalid @enderror"
 
-                           placeholder="Email" name="email" value="{{ old('email') }}" required>
 
-                    <span class="input-group-text"><i class="ico--ui mail"></i></span>
 
-                    @error('email')
 
+                    <div class="form--item input-group mb-3">
 
+                        <label for="email">Email</label>
 
+                        <input type="email" class="form-control @error('email') is-invalid @enderror" placeholder="Email" id="email" name="email" value="{{ old('email') }}" required>
 
+                        <span class="input-group-text" id="basic-addon2"><i class="ico--ui mail"></i></span>
 
+                        @error('email')
 
                         <div class="invalid-feedback">{{ $message }}</div>
 
-                    @enderror
 
-                </div>
 
+                        @enderror
 
+                    </div>
 
 
-                <div class="form--item input-group d-flex align-items-center justify-content-between">
 
-                    <button type="submit" class="btn--ui">Invia Reset</button>
 
-                </div>
 
-            </form>
 
+                    <div class="form--item input-group d-flex align-items-center justify-content-center">
 
+                        <button type="submit" class="btn--ui">Invia Reset</button>
 
+                    </div>
 
+                </form>
 
 
-            <div class="credential--recovery d-flex flex-column mt-4">
 
-                <a href="/">Torna al Login</a>
 
+                <div class="credential--recovery d-flex flex-column mt-3">
 
+                    <a href="/">Torna al Login</a>
 
+                </div>
 
             </div>
 
         </div>
 
-    </div>
 
 
-    <script src="/assets/js/bootstrap.bundle.js"></script>
 
-    <script src="/assets/js/app.js"></script>
 
-</body>
 
-</html>
 
+        <script src="/assets/js/bootstrap.bundle.js"></script>
 
+        <script src="/assets/js/app.js"></script>
 
+    </body>
 
+
 
+</html>

+ 239 - 85
resources/views/emails/account-activated.blade.php
Voir le fichier 

@@ -1,94 +1,248 @@
 
-<!DOCTYPE html>
 
-<html lang="it">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Il tuo account è attivo</title>
 
-    <style>
 
-        body {
 
-            font-family: Arial, sans-serif;
 
-            line-height: 1.6;
 
-            color: #333;
 
-            max-width: 600px;
 
-            margin: 0 auto;
 
-            padding: 20px;
 
-        }
 
-        .header {
 
-            background-color: #28a745;
 
-            color: white;
 
-            padding: 20px;
 
-            text-align: center;
 
-            border-radius: 8px 8px 0 0;
 
-        }
 
-        .content {
 
-            background-color: #f8f9fa;
 
-            padding: 30px;
 
-            border-radius: 0 0 8px 8px;
 
-        }
 
-        .login-button {
 
-            display: inline-block;
 
-            background-color: var(--color-blu);
 
-            color: white;
 
-            padding: 12px 30px;
 
-            text-decoration: none;
 
-            border-radius: 5px;
 
-            margin: 20px 0;
 
-            font-weight: bold;
 
-        }
 
-        .brand {
 
-            color: var(--color-blu);
 
-            font-weight: bold;
 
-        }
 
-        .footer {
 
-            margin-top: 30px;
 
-            padding-top: 20px;
 
-            border-top: 1px solid #dee2e6;
 
-            font-size: 14px;
 
-            color: #6c757d;
 
-        }
 
-        .login-url {
 
-            background-color: white;
 
-            border: 2px solid var(--color-blu);
 
-            border-radius: 8px;
 
-            padding: 15px;
 
-            margin: 20px 0;
 
-            word-break: break-all;
 
-            font-family: monospace;
 
-            font-size: 14px;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div class="header">
 
-        <h1>🎉 Account Attivato!</h1>
 
-    </div>
 
-
 
-    <div class="content">
 
-        <p>Ciao <strong>{{ $name }}</strong>,</p>
 
+<!doctype html>
 
+<html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 
 
-        <p>la tua registrazione su <span class="brand">Leezard.cloud</span> è andata a buon fine e il tuo account è stato attivato con successo.</p>
 
-
 
-        <p>Ora puoi accedere alla piattaforma utilizzando le tue credenziali.</p>
 
+<head>
 
+  <title></title>
 
+  <!--[if !mso]><!-->
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <!--<![endif]-->
 
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <style type="text/css">
 
+    #outlook a {
 
+      padding: 0;
 
+    }
 
 
-        <div style="text-align: center;">
 
-            <a href="{{ $login_url }}" class="login-button" style="color: #FFF!important">🚀 Accedi alla piattaforma</a>
 
-        </div>
 
+    body {
 
+      margin: 0;
 
+      padding: 0;
 
+      -webkit-text-size-adjust: 100%;
 
+      -ms-text-size-adjust: 100%;
 
+    }
 
 
-        <p>Oppure copia e incolla questo link nel tuo browser:</p>
 
+    table,
 
+    td {
 
+      border-collapse: collapse;
 
+      mso-table-lspace: 0pt;
 
+      mso-table-rspace: 0pt;
 
+    }
 
 
-        <div class="login-url">
 
-            {{ $login_url }}
 
-        </div>
 
+    img {
 
+      border: 0;
 
+      height: auto;
 
+      line-height: 100%;
 
+      outline: none;
 
+      text-decoration: none;
 
+      -ms-interpolation-mode: bicubic;
 
+    }
 
 
-        <p>Per qualsiasi dubbio o supporto, non esitare a contattarci.</p>
 
+    p {
 
+      display: block;
 
+      margin: 13px 0;
 
+    }
 
+  </style>
 
+  <!--[if mso]>
 
+    <noscript>
 
+    <xml>
 
+    <o:OfficeDocumentSettings>
 
+      <o:AllowPNG/>
 
+      <o:PixelsPerInch>96</o:PixelsPerInch>
 
+    </o:OfficeDocumentSettings>
 
+    </xml>
 
+    </noscript>
 
+    <![endif]-->
 
+  <!--[if lte mso 11]>
 
+    <style type="text/css">
 
+      .mj-outlook-group-fix { width:100% !important; }
 
+    </style>
 
+    <![endif]-->
 
+  <!--[if !mso]><!-->
 
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
 
+  <style type="text/css">
 
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
 
+  </style>
 
+  <!--<![endif]-->
 
+  <style type="text/css">
 
+    @media only screen and (min-width:480px) {
 
+      .mj-column-per-100 {
 
+        width: 100% !important;
 
+        max-width: 100%;
 
+      }
 
+    }
 
+  </style>
 
+  <style media="screen and (min-width:480px)">
 
+    .moz-text-html .mj-column-per-100 {
 
+      width: 100% !important;
 
+      max-width: 100%;
 
+    }
 
+  </style>
 
+  <style type="text/css">
 
+    @media only screen and (max-width:479px) {
 
+      table.mj-full-width-mobile {
 
+        width: 100% !important;
 
+      }
 
 
-        <p>A presto!</p>
 
+      td.mj-full-width-mobile {
 
+        width: auto !important;
 
+      }
 
+    }
 
+  </style>
 
+</head>
 
 
-        <div class="footer">
 
-            <p>Il team di <span class="brand">Leezard.cloud</span></p>
 
-            <p>Data attivazione: {{ date('d/m/Y H:i') }} ({{ date('T') }})</p>
 
-            <p>Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</p>
 
-        </div>
 
+<body style="word-spacing:normal;">
 
+  <div aria-roledescription="email" style="" role="article" lang="und" dir="auto">
 
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:800px;" width="800" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><v:rect style="width:800px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"><v:fill origin="0, -0.5" position="0, -0.5" src="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" type="frame" size="1,1" aspect="atleast" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
 
+    <div style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;margin:0px auto;max-width:800px;">
 
+      <div style="line-height:0;font-size:0;">
 
+        <table align="center" background="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;width:100%;">
 
+          <tbody>
 
+            <tr>
 
+              <td style="direction:ltr;font-size:0px;padding:75px 50px;text-align:center;">
 
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:500px;" ><![endif]-->
 
+                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
 
+                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
 
+                    <tbody>
 
+                      <tr>
 
+                        <td style="background-color:white;border-radius:10px;vertical-align:top;padding:20px;">
 
+                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
 
+                            <tbody>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td style="width:300px;" class="mj-full-width-mobile">
 
+                                          <img alt="" src="{{asset('/img/emails/leezard-logo.png')}}" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" height="auto" />
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <h3>Ciao {{ $name }} ,</h3>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">la tua registrazione su <strong>Leezard.cloud</strong> è andata a buon fine e il tuo account è stato attivato con successo.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Ora puoi accedere alla piattaforma utilizzando le tue credenziali.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td align="center" bgcolor="#0618be" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#0618be;" valign="middle">
 
+                                          <a href="{{ $login_url }}" style="display:inline-block;background:#0618be;color:white;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Accedi alla piattaforma </a>
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Oppure copia e incolla questo link nel tuo browser:</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#f8f9fa;font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">{{ $login_url }}</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Per qualsiasi dubbio o supporto, non esitare a contattarci.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">A presto.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;padding-top:40px;padding-right:0;padding-bottom:40px;padding-left:0;word-break:break-word;">
 
+                                  <p style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:100%;">
 
+                                  </p>
 
+                                  <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:460px;" role="presentation" width="460px" ><tr><td style="height:0;line-height:0;"> &nbsp;
 
+</td></tr></table><![endif]-->
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Il team di <strong>Leezard</strong></div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Data attivazione: {{ date('d/m/Y H:i') }} ({{ date('T') }})</div>
 
+                                </td>
 
+                              </tr>
 
+                            </tbody>
 
+                          </table>
 
+                        </td>
 
+                      </tr>
 
+                    </tbody>
 
+                  </table>
 
+                </div>
 
+                <!--[if mso | IE]></td></tr></table><![endif]-->
 
+              </td>
 
+            </tr>
 
+          </tbody>
 
+        </table>
 
+      </div>
 
     </div>
 
+    <!--[if mso | IE]></v:textbox></v:rect></td></tr></table><![endif]-->
 
+  </div>
 
 </body>
 
-</html>
 
+
 
+</html>

+ 254 - 196
resources/views/emails/export-notification.blade.php
Voir le fichier 

@@ -1,206 +1,264 @@
 
-<!DOCTYPE html>
 
-<html lang="it">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Prima Nota - Export</title>
 
-    <style>
 
-        body {
 
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
-            line-height: 1.6;
 
-            color: #333;
 
-            background-color: #f8f9fa;
 
-            margin: 0;
 
-            padding: 0;
 
-        }
 
-        .container {
 
-            max-width: 600px;
 
-            margin: 0 auto;
 
-            background-color: #ffffff;
 
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 
-        }
 
-        .header {
 
-            background: linear-gradient(135deg, var(--color-blu) 0%, var(--color-blu) 100%);
 
-            color: white;
 
-            padding: 30px 20px;
 
-            text-align: center;
 
-        }
 
-        .header h1 {
 
-            margin: 0;
 
-            font-size: 24px;
 
-            font-weight: 600;
 
-        }
 
-        .header .subtitle {
 
-            margin: 10px 0 0 0;
 
-            font-size: 14px;
 
-            opacity: 0.9;
 
-        }
 
-        .content {
 
-            padding: 30px 20px;
 
-        }
 
-        .greeting {
 
-            font-size: 16px;
 
-            margin-bottom: 20px;
 
-        }
 
-        .export-details {
 
-            background-color: #f8f9fa;
 
-            border-left: 4px solid var(--color-blu);
 
-            padding: 20px;
 
-            margin: 20px 0;
 
-            border-radius: 0 6px 6px 0;
 
-        }
 
-        .export-details h3 {
 
-            margin: 0 0 15px 0;
 
-            color: var(--color-blu);
 
-            font-size: 18px;
 
-        }
 
-        .detail-item {
 
-            display: flex;
 
-            justify-content: space-between;
 
-            margin-bottom: 10px;
 
-            padding: 8px 0;
 
-            border-bottom: 1px solid #e9ecef;
 
-        }
 
-        .detail-item:last-child {
 
-            border-bottom: none;
 
-            margin-bottom: 0;
 
-        }
 
-        .detail-label {
 
-            font-weight: 600;
 
-            color: #495057;
 
-        }
 
-        .detail-value {
 
-            color: var(--color-blu);
 
-            font-weight: 500;
 
-        }
 
-        .attachment-info {
 
-            background-color: #e8f4f8;
 
-            border: 1px solid #b8daff;
 
-            border-radius: 6px;
 
-            padding: 15px;
 
-            margin: 20px 0;
 
-            text-align: center;
 
-        }
 
-        .attachment-icon {
 
-            font-size: 24px;
 
-            color: var(--color-blu);
 
-            margin-bottom: 10px;
 
-        }
 
-        .footer {
 
-            background-color: #f8f9fa;
 
-            padding: 20px;
 
-            text-align: center;
 
-            border-top: 1px solid #dee2e6;
 
-        }
 
-        .footer p {
 
-            margin: 5px 0;
 
-            font-size: 12px;
 
-            color: #6c757d;
 
-        }
 
-        .btn {
 
-            display: inline-block;
 
-            padding: 12px 24px;
 
-            background-color: var(--color-blu);
 
-            color: white;
 
-            text-decoration: none;
 
-            border-radius: 6px;
 
-            font-weight: 500;
 
-            margin: 10px 0;
 
-        }
 
-        .btn:hover {
 
-            background-color: var(--color-blu);
 
-        }
 
-        @media (max-width: 600px) {
 
-            .container {
 
-                margin: 0;
 
-                border-radius: 0;
 
-            }
 
-            .content {
 
-                padding: 20px 15px;
 
-            }
 
-            .detail-item {
 
-                flex-direction: column;
 
-                gap: 5px;
 
-            }
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div class="container">
 
-        <div class="header">
 
-            <h1>📊Export Prima Nota</h1>
 
-            <p class="subtitle">I tuoi dati sono pronti per il download</p>
 
-        </div>
 
-
 
-        <div class="content">
 
-            <div class="greeting">
 
-                Ciao {{ $data['user_name'] ?? 'Utente' }},
 
-            </div>
 
+<!doctype html>
 
+<html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 
 
-            <p>
 
-                Il tuo export della Prima Nota è stato generato con successo. Troverai il file Excel allegato a questa email con tutti i dati richiesti.
 
-            </p>
 
+<head>
 
+  <title></title>
 
+  <!--[if !mso]><!-->
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <!--<![endif]-->
 
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <style type="text/css">
 
+    #outlook a {
 
+      padding: 0;
 
+    }
 
 
-            <div class="export-details">
 
-                <h3>📋 Dettagli Export</h3>
 
+    body {
 
+      margin: 0;
 
+      padding: 0;
 
+      -webkit-text-size-adjust: 100%;
 
+      -ms-text-size-adjust: 100%;
 
+    }
 
 
-                <div class="detail-item">
 
-                    <span class="detail-label">📅 Periodo:</span>
 
-                    <span class="detail-value">{{ $data['from_date'] ?? 'N/A' }} - {{ $data['to_date'] ?? 'N/A' }}</span>
 
-                </div>
 
+    table,
 
+    td {
 
+      border-collapse: collapse;
 
+      mso-table-lspace: 0pt;
 
+      mso-table-rspace: 0pt;
 
+    }
 
 
-                <div class="detail-item">
 
-                    <span class="detail-label">📊 Record totali:</span>
 
-                    <span class="detail-value">{{ $data['total_records'] ?? 0 }}</span>
 
-                </div>
 
+    img {
 
+      border: 0;
 
+      height: auto;
 
+      line-height: 100%;
 
+      outline: none;
 
+      text-decoration: none;
 
+      -ms-interpolation-mode: bicubic;
 
+    }
 
 
-                <div class="detail-item">
 
-                    <span class="detail-label">🕒 Generato il:</span>
 
-                    <span class="detail-value">{{ $data['generated_at'] ?? now()->format('d/m/Y H:i:s') }}</span>
 
-                </div>
 
+    p {
 
+      display: block;
 
+      margin: 13px 0;
 
+    }
 
+  </style>
 
+  <!--[if mso]>
 
+    <noscript>
 
+    <xml>
 
+    <o:OfficeDocumentSettings>
 
+      <o:AllowPNG/>
 
+      <o:PixelsPerInch>96</o:PixelsPerInch>
 
+    </o:OfficeDocumentSettings>
 
+    </xml>
 
+    </noscript>
 
+    <![endif]-->
 
+  <!--[if lte mso 11]>
 
+    <style type="text/css">
 
+      .mj-outlook-group-fix { width:100% !important; }
 
+    </style>
 
+    <![endif]-->
 
+  <!--[if !mso]><!-->
 
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
 
+  <style type="text/css">
 
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
 
+  </style>
 
+  <!--<![endif]-->
 
+  <style type="text/css">
 
+    @media only screen and (min-width:480px) {
 
+      .mj-column-per-100 {
 
+        width: 100% !important;
 
+        max-width: 100%;
 
+      }
 
+    }
 
+  </style>
 
+  <style media="screen and (min-width:480px)">
 
+    .moz-text-html .mj-column-per-100 {
 
+      width: 100% !important;
 
+      max-width: 100%;
 
+    }
 
+  </style>
 
+  <style type="text/css">
 
+    @media only screen and (max-width:479px) {
 
+      table.mj-full-width-mobile {
 
+        width: 100% !important;
 
+      }
 
 
-                @if(isset($data['filters_applied']))
 
-                <div class="detail-item">
 
-                    <span class="detail-label">🔍 Filtri applicati:</span>
 
-                    <span class="detail-value">{{ $data['filters_applied'] }}</span>
 
-                </div>
 
-                @endif
 
+      td.mj-full-width-mobile {
 
+        width: auto !important;
 
+      }
 
+    }
 
+  </style>
 
+</head>
 
 
-                @if(isset($data['file_size']))
 
-                <div class="detail-item">
 
-                    <span class="detail-label">📁 Dimensione file:</span>
 
-                    <span class="detail-value">{{ $data['file_size'] }}</span>
 
+<body style="word-spacing:normal;">
 
+  <div aria-roledescription="email" style="" role="article" lang="und" dir="auto">
 
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:800px;" width="800" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><v:rect style="width:800px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"><v:fill origin="0, -0.5" position="0, -0.5" src="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" type="frame" size="1,1" aspect="atleast" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
 
+    <div style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;margin:0px auto;max-width:800px;">
 
+      <div style="line-height:0;font-size:0;">
 
+        <table align="center" background="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;width:100%;">
 
+          <tbody>
 
+            <tr>
 
+              <td style="direction:ltr;font-size:0px;padding:75px 50px;text-align:center;">
 
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:700px;" ><![endif]-->
 
+                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
 
+                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
 
+                    <tbody>
 
+                      <tr>
 
+                        <td style="background-color:white;border-radius:10px;vertical-align:top;padding:20px;">
 
+                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
 
+                            <tbody>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td style="width:300px;" class="mj-full-width-mobile">
 
+                                          <img alt="" src="{{asset('/img/emails/leezard-logo.png')}}" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" height="auto" />
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <h3>Ciao {{ $data['user_name'] ?? 'Utente' }},</h3>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Il tuo export della Prima Nota è stato generato con successo. Troverai il file Excel allegato a questa email con tutti i dati richiesti.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <h3>Dettagli Export</h3>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#f8f9fa;font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;">
 
+                                    <tr style="border-bottom: 1px solid #dee2e6;">
 
+                                      <td width="30%" style="padding: 10px 0;">Periodo:</td>
 
+                                      <td style="padding: 10px 0;" align="right"><strong>{{ $data['from_date'] ?? 'N/A' }} - {{ $data['to_date'] ?? 'N/A' }}</strong></td>
 
+                                    </tr>
 
+                                    <tr style="border-bottom: 1px solid #dee2e6;">
 
+                                      <td width="30%" style="padding: 10px 0;">Record totali:</td>
 
+                                      <td style="padding: 10px 0;" align="right"><strong>{{ $data['total_records'] ?? 0 }}</strong></td>
 
+                                    </tr>
 
+                                    <tr style="border-bottom: 1px solid #dee2e6;">
 
+                                      <td width="30%" style="padding: 10px 0;">Generato il:</td>
 
+                                      <td style="padding: 10px 0;" align="right"><strong>{{ $data['generated_at'] ?? now()->format('d/m/Y H:i:s') }}</strong></td>
 
+                                    </tr> @if(isset($data['filters_applied'])) <tr style="border-bottom: 1px solid #dee2e6;">
 
+                                      <td width="30%" style="padding: 10px 0;">Filtri applicati:</td>
 
+                                      <td style="padding: 10px 0;" align="right"><strong>{{ $data['filters_applied'] }}</strong></td>
 
+                                    </tr> @endif @if(isset($data['file_size'])) <tr>
 
+                                      <td width="30%" style="padding: 10px 0;">Dimensione file:</td>
 
+                                      <td style="padding: 10px 0;" align="right"><strong>{{ $data['file_size'] }}</strong></td>
 
+                                    </tr> @endif
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="background:#7738fa40;font-size:0px;padding:10px 25px;padding-top:30px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#000000;"><strong>File allegato:</strong> Prima Nota Export</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="background:#7738fa40;font-size:0px;padding:10px 25px;padding-bottom:30px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:center;color:#000000;">Il file Excel contiene tutti i dati del periodo selezionato con i filtri applicati.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:30px;line-height:30px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><strong>Cosa include questo export:</strong>
 
+                                    <ul>
 
+                                      <li style="margin-bottom:5px;">Tutte le transazioni del periodo specificato</li>
 
+                                      <li style="margin-bottom:5px;">Dettaglio entrate e uscite per metodo di pagamento</li>
 
+                                      <li style="margin-bottom:5px;">Totali riassuntivi</li>
 
+                                      <li style="margin-bottom:5px;">Causali e dettagli delle operazioni</li>
 
+                                      <li>Nominativi associati alle transazioni</li>
 
+                                    </ul>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:30px;line-height:30px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Se hai bisogno di assistenza o hai domande sui dati esportati, non esitare a contattare il supporto.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;padding-top:40px;padding-right:0;padding-bottom:40px;padding-left:0;word-break:break-word;">
 
+                                  <p style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:100%;">
 
+                                  </p>
 
+                                  <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:660px;" role="presentation" width="660px" ><tr><td style="height:0;line-height:0;"> &nbsp;
 
+</td></tr></table><![endif]-->
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Il team di <strong>Leezard</strong></div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Per qualsiasi problema tecnico, contatta il supporto.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Data generazione: {{ now()->format('d/m/Y H:i:s') }}</div>
 
+                                </td>
 
+                              </tr>
 
+                            </tbody>
 
+                          </table>
 
+                        </td>
 
+                      </tr>
 
+                    </tbody>
 
+                  </table>
 
                 </div>
 
-                @endif
 
-            </div>
 
-
 
-            <div class="attachment-info">
 
-                <div class="attachment-icon">📎</div>
 
-                <strong>File allegato:</strong> Prima Nota Export<br>
 
-                <small>Il file Excel contiene tutti i dati del periodo selezionato con i filtri applicati.</small>
 
-            </div>
 
-
 
-            <p>
 
-                <strong>Cosa include questo export:</strong>
 
-            </p>
 
-            <ul>
 
-                <li>📋 Tutte le transazioni del periodo specificato</li>
 
-                <li>💰 Dettaglio entrate e uscite per metodo di pagamento</li>
 
-                <li>📊 Totali riassuntivi</li>
 
-                <li>🏷️ Causali e dettagli delle operazioni</li>
 
-                <li>👥 Nominativi associati alle transazioni</li>
 
-            </ul>
 
-
 
-            <p>
 
-                Se hai bisogno di assistenza o hai domande sui dati esportati, non esitare a contattare il supporto.
 
-            </p>
 
-        </div>
 
-
 
-        <div class="footer">
 
-            <p>Questa email è stata generata automaticamente dal sistema.</p>
 
-            <p>Per qualsiasi problema tecnico, contatta il supporto.</p>
 
-            <p><small>Generato: {{ now()->format('d/m/Y H:i:s') }}</small></p>
 
-        </div>
 
+                <!--[if mso | IE]></td></tr></table><![endif]-->
 
+              </td>
 
+            </tr>
 
+          </tbody>
 
+        </table>
 
+      </div>
 
     </div>
 
+    <!--[if mso | IE]></v:textbox></v:rect></td></tr></table><![endif]-->
 
+  </div>
 
 </body>
 
-</html>
 
+
 
+</html>

+ 217 - 71
resources/views/emails/password-changed.blade.php
Voir le fichier 

@@ -1,80 +1,226 @@
 
-<!DOCTYPE html>
 
-<html lang="it">
 
+<!doctype html>
 
+<html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 
+
 
 <head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Password Modificata</title>
 
-    <style>
 
-        body {
 
-            font-family: Arial, sans-serif;
 
-            line-height: 1.6;
 
-            color: #333;
 
-            max-width: 600px;
 
-            margin: 0 auto;
 
-            padding: 20px;
 
-        }
 
-        .header {
 
-            background-color: #28a745;
 
-            color: white;
 
-            padding: 20px;
 
-            text-align: center;
 
-            border-radius: 8px 8px 0 0;
 
-        }
 
-        .content {
 
-            background-color: #f8f9fa;
 
-            padding: 30px;
 
-            border-radius: 0 0 8px 8px;
 
-        }
 
-        .warning {
 
-            background-color: #fff3cd;
 
-            border: 1px solid #ffeaa7;
 
-            color: #856404;
 
-            padding: 15px;
 
-            border-radius: 5px;
 
-            margin: 20px 0;
 
-        }
 
-        .footer {
 
-            margin-top: 30px;
 
-            padding-top: 20px;
 
-            border-top: 1px solid #dee2e6;
 
-            font-size: 14px;
 
-            color: #6c757d;
 
-        }
 
-        .brand {
 
-            color: var(--color-blu);
 
-            font-weight: bold;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div class="header">
 
-        <h1>🔒 Password Modificata</h1>
 
-    </div>
 
+  <title></title>
 
+  <!--[if !mso]><!-->
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <!--<![endif]-->
 
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <style type="text/css">
 
+    #outlook a {
 
+      padding: 0;
 
+    }
 
 
-    <div class="content">
 
-        <h2>Ciao {{ $name }},</h2>
 
+    body {
 
+      margin: 0;
 
+      padding: 0;
 
+      -webkit-text-size-adjust: 100%;
 
+      -ms-text-size-adjust: 100%;
 
+    }
 
 
-        <p>ti confermiamo che la tua password su <span class="brand">Leezard.cloud</span> è stata modificata con successo.</p>
 
+    table,
 
+    td {
 
+      border-collapse: collapse;
 
+      mso-table-lspace: 0pt;
 
+      mso-table-rspace: 0pt;
 
+    }
 
 
-        <div class="warning">
 
-            <strong>⚠️ Importante:</strong> Se non sei stato tu a effettuare questa operazione, ti invitiamo a contattarci immediatamente.
 
-        </div>
 
+    img {
 
+      border: 0;
 
+      height: auto;
 
+      line-height: 100%;
 
+      outline: none;
 
+      text-decoration: none;
 
+      -ms-interpolation-mode: bicubic;
 
+    }
 
 
-        <p>Se hai modificato la password tu stesso, puoi ignorare questa email.</p>
 
+    p {
 
+      display: block;
 
+      margin: 13px 0;
 
+    }
 
+  </style>
 
+  <!--[if mso]>
 
+    <noscript>
 
+    <xml>
 
+    <o:OfficeDocumentSettings>
 
+      <o:AllowPNG/>
 
+      <o:PixelsPerInch>96</o:PixelsPerInch>
 
+    </o:OfficeDocumentSettings>
 
+    </xml>
 
+    </noscript>
 
+    <![endif]-->
 
+  <!--[if lte mso 11]>
 
+    <style type="text/css">
 
+      .mj-outlook-group-fix { width:100% !important; }
 
+    </style>
 
+    <![endif]-->
 
+  <!--[if !mso]><!-->
 
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
 
+  <style type="text/css">
 
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
 
+  </style>
 
+  <!--<![endif]-->
 
+  <style type="text/css">
 
+    @media only screen and (min-width:480px) {
 
+      .mj-column-per-100 {
 
+        width: 100% !important;
 
+        max-width: 100%;
 
+      }
 
+    }
 
+  </style>
 
+  <style media="screen and (min-width:480px)">
 
+    .moz-text-html .mj-column-per-100 {
 
+      width: 100% !important;
 
+      max-width: 100%;
 
+    }
 
+  </style>
 
+  <style type="text/css">
 
+    @media only screen and (max-width:479px) {
 
+      table.mj-full-width-mobile {
 
+        width: 100% !important;
 
+      }
 
 
-        <p>Per maggiore sicurezza, assicurati sempre di:</p>
 
-        <ul>
 
-            <li>Utilizzare password uniche e complesse</li>
 
-            <li>Non condividere le tue credenziali con nessuno</li>
 
-            <li>Effettuare il logout dai dispositivi condivisi</li>
 
-        </ul>
 
+      td.mj-full-width-mobile {
 
+        width: auto !important;
 
+      }
 
+    }
 
+  </style>
 
+</head>
 
 
-        <div class="footer">
 
-            <p>Grazie,<br>
 
-            Il team di <span class="brand">Leezard.cloud</span></p>
 
-            <p>Data modifica: {{ date('d/m/Y H:i') }} ({{ date('T') }})</p>
 
-            <p>Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</p>
 
-        </div>
 
+<body style="word-spacing:normal;">
 
+  <div aria-roledescription="email" style="" role="article" lang="und" dir="auto">
 
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:800px;" width="800" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><v:rect style="width:800px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"><v:fill origin="0, -0.5" position="0, -0.5" src="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" type="frame" size="1,1" aspect="atleast" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
 
+    <div style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;margin:0px auto;max-width:800px;">
 
+      <div style="line-height:0;font-size:0;">
 
+        <table align="center" background="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;width:100%;">
 
+          <tbody>
 
+            <tr>
 
+              <td style="direction:ltr;font-size:0px;padding:75px 50px;text-align:center;">
 
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:700px;" ><![endif]-->
 
+                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
 
+                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
 
+                    <tbody>
 
+                      <tr>
 
+                        <td style="background-color:white;border-radius:10px;vertical-align:top;padding:20px;">
 
+                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
 
+                            <tbody>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td style="width:300px;" class="mj-full-width-mobile">
 
+                                          <img alt="" src="{{asset('/img/emails/leezard-logo.png')}}" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" height="auto" />
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <h3>Ciao {{ $name }},</h3>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">ti confermiamo che la tua password su <strong>Leezard.cloud</strong> è stata modificata con successo.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Se hai modificato la password tu stesso, puoi ignorare questa email.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><strong>Per maggiore sicurezza, assicurati sempre di:</strong>
 
+                                    <ul>
 
+                                      <li style="margin-bottom:5px;">Utilizzare password uniche e complesse</li>
 
+                                      <li style="margin-bottom:5px;">Non condividere le tue credenziali con nessuno</li>
 
+                                      <li>Effettuare il logout dai dispositivi condivisi</li>
 
+                                    </ul>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:30px;line-height:30px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#fff3cd;font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><strong>⚠️ Importante:</strong> Se non sei stato tu a effettuare questa operazione, ti invitiamo a contattarci immediatamente.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:30px;line-height:30px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Se hai bisogno di assistenza o hai domande sui dati esportati, non esitare a contattare il supporto.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;padding-top:40px;padding-right:0;padding-bottom:40px;padding-left:0;word-break:break-word;">
 
+                                  <p style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:100%;">
 
+                                  </p>
 
+                                  <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:660px;" role="presentation" width="660px" ><tr><td style="height:0;line-height:0;"> &nbsp;
 
+</td></tr></table><![endif]-->
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Il team di <strong>Leezard</strong></div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Data generazione: {{ now()->format('d/m/Y H:i:s') }}</div>
 
+                                </td>
 
+                              </tr>
 
+                            </tbody>
 
+                          </table>
 
+                        </td>
 
+                      </tr>
 
+                    </tbody>
 
+                  </table>
 
+                </div>
 
+                <!--[if mso | IE]></td></tr></table><![endif]-->
 
+              </td>
 
+            </tr>
 
+          </tbody>
 
+        </table>
 
+      </div>
 
     </div>
 
+    <!--[if mso | IE]></v:textbox></v:rect></td></tr></table><![endif]-->
 
+  </div>
 
 </body>
 
-</html>
 
+
 
+</html>

+ 244 - 94
resources/views/emails/password-reset.blade.php
Voir le fichier 

@@ -1,103 +1,253 @@
 
-<!DOCTYPE html>
 
-<html lang="it">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Reset Password</title>
 
-    <style>
 
-        body {
 
-            font-family: Arial, sans-serif;
 
-            line-height: 1.6;
 
-            color: #333;
 
-            max-width: 600px;
 
-            margin: 0 auto;
 
-            padding: 20px;
 
-        }
 
-        .header {
 
-            background-color: var(--color-blu);
 
-            color: white;
 
-            padding: 20px;
 
-            text-align: center;
 
-            border-radius: 8px 8px 0 0;
 
-        }
 
-        .content {
 
-            background-color: #f8f9fa;
 
-            padding: 30px;
 
-            border-radius: 0 0 8px 8px;
 
-        }
 
-        .reset-button {
 
-            display: inline-block;
 
-            background-color: var(--color-blu);
 
-            color: white;
 
-            padding: 15px 30px;
 
-            text-decoration: none;
 
-            border-radius: 5px;
 
-            margin: 20px 0;
 
-            font-weight: bold;
 
-            text-align: center;
 
-        }
 
-        .reset-url {
 
-            background-color: white;
 
-            border: 2px solid var(--color-blu);
 
-            border-radius: 8px;
 
-            padding: 15px;
 
-            margin: 20px 0;
 
-            word-break: break-all;
 
-            font-family: monospace;
 
-            font-size: 14px;
 
-        }
 
-        .warning {
 
-            background-color: #fff3cd;
 
-            border: 1px solid #ffeaa7;
 
-            color: #856404;
 
-            padding: 15px;
 
-            border-radius: 5px;
 
-            margin: 20px 0;
 
-        }
 
-        .footer {
 
-            margin-top: 30px;
 
-            padding-top: 20px;
 
-            border-top: 1px solid #dee2e6;
 
-            font-size: 14px;
 
-            color: #6c757d;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div class="header">
 
-        <h1>🔒 Reimposta la tua password – Leezard.cloud</h1>
 
-    </div>
 
-
 
-    <div class="content">
 
-        <h2>Ciao {{ $name }},</h2>
 
+<!doctype html>
 
+<html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 
 
-        <p>abbiamo ricevuto una richiesta di reset della password per il tuo account su <strong>Leezard.cloud</strong>.</p>
 
-
 
-        <p>Per impostare una nuova password, clicca sul pulsante qui sotto:</p>
 
+<head>
 
+  <title></title>
 
+  <!--[if !mso]><!-->
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <!--<![endif]-->
 
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <style type="text/css">
 
+    #outlook a {
 
+      padding: 0;
 
+    }
 
 
-        <div style="text-align: center;">
 
-            <a href="{{ $reset_url }}" class="reset-button" style="color: #FFF!important">🔑 Reimposta Password</a>
 
-        </div>
 
+    body {
 
+      margin: 0;
 
+      padding: 0;
 
+      -webkit-text-size-adjust: 100%;
 
+      -ms-text-size-adjust: 100%;
 
+    }
 
 
-        <p><strong>Oppure copia e incolla questo link nel tuo browser:</strong></p>
 
+    table,
 
+    td {
 
+      border-collapse: collapse;
 
+      mso-table-lspace: 0pt;
 
+      mso-table-rspace: 0pt;
 
+    }
 
 
-        <div class="reset-url">
 
-            {{ $reset_url }}
 
-        </div>
 
+    img {
 
+      border: 0;
 
+      height: auto;
 
+      line-height: 100%;
 
+      outline: none;
 
+      text-decoration: none;
 
+      -ms-interpolation-mode: bicubic;
 
+    }
 
 
-        <div class="warning">
 
-            <strong>⚠️ Importante:</strong> Questo link è valido per <strong>{{ $expires_at }}</strong> e può essere utilizzato una sola volta.
 
-        </div>
 
+    p {
 
+      display: block;
 
+      margin: 13px 0;
 
+    }
 
+  </style>
 
+  <!--[if mso]>
 
+    <noscript>
 
+    <xml>
 
+    <o:OfficeDocumentSettings>
 
+      <o:AllowPNG/>
 
+      <o:PixelsPerInch>96</o:PixelsPerInch>
 
+    </o:OfficeDocumentSettings>
 
+    </xml>
 
+    </noscript>
 
+    <![endif]-->
 
+  <!--[if lte mso 11]>
 
+    <style type="text/css">
 
+      .mj-outlook-group-fix { width:100% !important; }
 
+    </style>
 
+    <![endif]-->
 
+  <!--[if !mso]><!-->
 
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
 
+  <style type="text/css">
 
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
 
+  </style>
 
+  <!--<![endif]-->
 
+  <style type="text/css">
 
+    @media only screen and (min-width:480px) {
 
+      .mj-column-per-100 {
 
+        width: 100% !important;
 
+        max-width: 100%;
 
+      }
 
+    }
 
+  </style>
 
+  <style media="screen and (min-width:480px)">
 
+    .moz-text-html .mj-column-per-100 {
 
+      width: 100% !important;
 
+      max-width: 100%;
 
+    }
 
+  </style>
 
+  <style type="text/css">
 
+    @media only screen and (max-width:479px) {
 
+      table.mj-full-width-mobile {
 
+        width: 100% !important;
 
+      }
 
 
-        <p>Se non hai richiesto questa operazione, puoi ignorare questa email: nessuna modifica verrà applicata.</p>
 
+      td.mj-full-width-mobile {
 
+        width: auto !important;
 
+      }
 
+    }
 
+  </style>
 
+</head>
 
 
-        <div class="footer">
 
-            <p><strong>Grazie,<br>
 
-            Il team di Leezard.cloud</strong></p>
 
-            <p>Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</p>
 
-            <p>Data richiesta: {{ date('d/m/Y H:i') }} ({{ date('T') }})</p>
 
-            <p>Indirizzo email: {{ $email }}</p>
 
-        </div>
 
+<body style="word-spacing:normal;">
 
+  <div aria-roledescription="email" style="" role="article" lang="und" dir="auto">
 
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:800px;" width="800" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><v:rect style="width:800px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"><v:fill origin="0, -0.5" position="0, -0.5" src="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" type="frame" size="1,1" aspect="atleast" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
 
+    <div style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;margin:0px auto;max-width:800px;">
 
+      <div style="line-height:0;font-size:0;">
 
+        <table align="center" background="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;width:100%;">
 
+          <tbody>
 
+            <tr>
 
+              <td style="direction:ltr;font-size:0px;padding:75px 50px;text-align:center;">
 
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:500px;" ><![endif]-->
 
+                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
 
+                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
 
+                    <tbody>
 
+                      <tr>
 
+                        <td style="background-color:white;border-radius:10px;vertical-align:top;padding:20px;">
 
+                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
 
+                            <tbody>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td style="width:300px;" class="mj-full-width-mobile">
 
+                                          <img alt="" src="{{asset('/img/emails/leezard-logo.png')}}" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" height="auto" />
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <h3>Ciao {{ $name }} ,</h3>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">abbiamo ricevuto una richiesta di reset della password per il tuo account su <strong>Leezard.cloud</strong>.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Per impostare una nuova password, clicca sul pulsante qui sotto:</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td align="center" bgcolor="#0618be" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#0618be;" valign="middle">
 
+                                          <a href="{{ $reset_url }}" style="display:inline-block;background:#0618be;color:white;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Reimposta password </a>
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Oppure copia e incolla questo link nel tuo browser:</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#f8f9fa;font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">{{ $reset_url }}</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#fff3cd;font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><strong>⚠️ Importante:</strong> Questo link è valido per <strong>{{ $expires_at }}</strong> e può essere utilizzato una sola volta.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Se non hai richiesto questa operazione, puoi ignorare questa email: nessuna modifica verrà applicata.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;padding-top:40px;padding-right:0;padding-bottom:40px;padding-left:0;word-break:break-word;">
 
+                                  <p style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:100%;">
 
+                                  </p>
 
+                                  <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:460px;" role="presentation" width="460px" ><tr><td style="height:0;line-height:0;"> &nbsp;
 
+</td></tr></table><![endif]-->
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Il team di <strong>Leezard</strong></div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:7px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Data richiesta: {{ date('d/m/Y H:i') }} ({{ date('T') }})</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1;text-align:left;color:#6c757d;">Indirizzo email: {{ $email }}</div>
 
+                                </td>
 
+                              </tr>
 
+                            </tbody>
 
+                          </table>
 
+                        </td>
 
+                      </tr>
 
+                    </tbody>
 
+                  </table>
 
+                </div>
 
+                <!--[if mso | IE]></td></tr></table><![endif]-->
 
+              </td>
 
+            </tr>
 
+          </tbody>
 
+        </table>
 
+      </div>
 
     </div>
 
+    <!--[if mso | IE]></v:textbox></v:rect></td></tr></table><![endif]-->
 
+  </div>
 
 </body>
 
-</html>
 
+
 
+</html>

+ 251 - 130
resources/views/emails/welcome-user.blade.php
Voir le fichier 

@@ -1,139 +1,260 @@
 
-<!DOCTYPE html>
 
-<html lang="it">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>Benvenuto - Account Creato</title>
 
-    <style>
 
-        body {
 
-            font-family: Arial, sans-serif;
 
-            line-height: 1.6;
 
-            color: #333;
 
-            max-width: 600px;
 
-            margin: 0 auto;
 
-            padding: 20px;
 
-        }
 
-        .header {
 
-            background-color: var(--color-blu);
 
-            color: white;
 
-            padding: 20px;
 
-            text-align: center;
 
-            border-radius: 8px 8px 0 0;
 
-        }
 
-        .content {
 
-            background-color: #f8f9fa;
 
-            padding: 30px;
 
-            border-radius: 0 0 8px 8px;
 
-        }
 
-        .credentials-box {
 
-            background-color: white;
 
-            border: 2px solid var(--color-blu);
 
-            border-radius: 8px;
 
-            padding: 20px;
 
-            margin: 20px 0;
 
-        }
 
-        .credential-item {
 
-            margin: 10px 0;
 
-            font-size: 16px;
 
-        }
 
-        .credential-label {
 
-            font-weight: bold;
 
-            color: #007bff;
 
-        }
 
-        .credential-value {
 
-            background-color: #e9ecef;
 
-            padding: 5px 10px;
 
-            border-radius: 4px;
 
-            font-family: monospace;
 
-            margin-left: 10px;
 
-        }
 
-        .login-button {
 
-            display: inline-block;
 
-            background-color: var(--color-blu);
 
-            color: white;
 
-            padding: 12px 30px;
 
-            text-decoration: none;
 
-            border-radius: 5px;
 
-            margin: 20px 0;
 
-            font-weight: bold;
 
-        }
 
-        .footer {
 
-            margin-top: 30px;
 
-            padding-top: 20px;
 
-            border-top: 1px solid #dee2e6;
 
-            font-size: 14px;
 
-            color: #6c757d;
 
-        }
 
-        .warning {
 
-            background-color: #fff3cd;
 
-            border: 1px solid #ffeaa7;
 
-            color: #856404;
 
-            padding: 15px;
 
-            border-radius: 5px;
 
-            margin: 20px 0;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div class="header">
 
-        <h1>🎉 Benvenuto in {{ $company }}!</h1>
 
-    </div>
 
-
 
-    <div class="content">
 
-        <h2>Ciao {{ $name }} {{ $cognome }},</h2>
 
-
 
-        <p>Il tuo account è stato creato con successo da <strong>{{ $created_by }}</strong>. Ora puoi accedere alla piattaforma con le credenziali fornite di seguito.</p>
 
-
 
-        <div class="credentials-box">
 
-            <h3>🔐 Le tue credenziali di accesso:</h3>
 
+<!doctype html>
 
+<html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 
 
-            <div class="credential-item">
 
-                <span class="credential-label">Email:</span>
 
-                <span class="credential-value">{{ $email }}</span>
 
-            </div>
 
-
 
-            <div class="credential-item">
 
-                <span class="credential-label">Password:</span>
 
-                <span class="credential-value">{{ $password }}</span>
 
-            </div>
 
-
 
-            <div class="credential-item">
 
-                <span class="credential-label">Livello Account:</span>
 
-                <span class="credential-value">
 
-                    @if($level == 0)
 
-                        Amministratore
 
-                    @elseif($level == 1)
 
-                        Worker
 
-                    @else
 
-                        Istruttore
 
-                    @endif
 
-                </span>
 
-            </div>
 
-        </div>
 
+<head>
 
+  <title></title>
 
+  <!--[if !mso]><!-->
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <!--<![endif]-->
 
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
+  <style type="text/css">
 
+    #outlook a {
 
+      padding: 0;
 
+    }
 
 
-        <div class="warning">
 
-            <strong>⚠️ Importante:</strong> Per motivi di sicurezza, dovrai cambiare la password al primo accesso. Sarai reindirizzato dopo aver effettuato il login.
 
-        </div>
 
+    body {
 
+      margin: 0;
 
+      padding: 0;
 
+      -webkit-text-size-adjust: 100%;
 
+      -ms-text-size-adjust: 100%;
 
+    }
 
 
-        <div style="text-align: center;">
 
-            <a href="{{ $login_url }}" class="login-button" style="color: #FFF!important">🚀 Accedi Ora</a>
 
-        </div>
 
+    table,
 
+    td {
 
+      border-collapse: collapse;
 
+      mso-table-lspace: 0pt;
 
+      mso-table-rspace: 0pt;
 
+    }
 
 
-        <h3>📋 Cosa puoi fare ora:</h3>
 
-        <ul>
 
-            <li>Accedi alla piattaforma usando le credenziali sopra</li>
 
-            <li>Cambia la password per maggiore sicurezza</li>
 
-            <li>Completa il tuo profilo nella sezione "Profilo"</li>
 
+    img {
 
+      border: 0;
 
+      height: auto;
 
+      line-height: 100%;
 
+      outline: none;
 
+      text-decoration: none;
 
+      -ms-interpolation-mode: bicubic;
 
+    }
 
 
-        </ul>
 
+    p {
 
+      display: block;
 
+      margin: 13px 0;
 
+    }
 
+  </style>
 
+  <!--[if mso]>
 
+    <noscript>
 
+    <xml>
 
+    <o:OfficeDocumentSettings>
 
+      <o:AllowPNG/>
 
+      <o:PixelsPerInch>96</o:PixelsPerInch>
 
+    </o:OfficeDocumentSettings>
 
+    </xml>
 
+    </noscript>
 
+    <![endif]-->
 
+  <!--[if lte mso 11]>
 
+    <style type="text/css">
 
+      .mj-outlook-group-fix { width:100% !important; }
 
+    </style>
 
+    <![endif]-->
 
+  <!--[if !mso]><!-->
 
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
 
+  <style type="text/css">
 
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
 
+  </style>
 
+  <!--<![endif]-->
 
+  <style type="text/css">
 
+    @media only screen and (min-width:480px) {
 
+      .mj-column-per-100 {
 
+        width: 100% !important;
 
+        max-width: 100%;
 
+      }
 
+    }
 
+  </style>
 
+  <style media="screen and (min-width:480px)">
 
+    .moz-text-html .mj-column-per-100 {
 
+      width: 100% !important;
 
+      max-width: 100%;
 
+    }
 
+  </style>
 
+  <style type="text/css">
 
+    @media only screen and (max-width:479px) {
 
+      table.mj-full-width-mobile {
 
+        width: 100% !important;
 
+      }
 
 
-        <p>Se hai domande o problemi nell'accesso, contatta l'amministratore del sistema.</p>
 
+      td.mj-full-width-mobile {
 
+        width: auto !important;
 
+      }
 
+    }
 
+  </style>
 
+</head>
 
 
-        <div class="footer">
 
-            <p><strong>{{ $company }}</strong></p>
 
-            <p>Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</p>
 
-            <p>Data creazione account: {{ date('d/m/Y H:i') }} ({{ date('T') }})</p>
 
-        </div>
 
+<body style="word-spacing:normal;">
 
+  <div aria-roledescription="email" style="" role="article" lang="und" dir="auto">
 
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:800px;" width="800" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><v:rect style="width:800px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"><v:fill origin="0, -0.5" position="0, -0.5" src="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" type="frame" size="1,1" aspect="atleast" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
 
+    <div style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;margin:0px auto;max-width:800px;">
 
+      <div style="line-height:0;font-size:0;">
 
+        <table align="center" background="{{asset('/img/emails/Pattern_Leezard-01.jpg')}}" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:url('{{asset('/img/emails/Pattern_Leezard-01.jpg')}}') center top / cover no-repeat;background-position:center top;background-repeat:no-repeat;background-size:cover;width:100%;">
 
+          <tbody>
 
+            <tr>
 
+              <td style="direction:ltr;font-size:0px;padding:75px 50px;text-align:center;">
 
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:500px;" ><![endif]-->
 
+                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
 
+                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
 
+                    <tbody>
 
+                      <tr>
 
+                        <td style="background-color:white;vertical-align:top;padding:20px;border-radius:10px;">
 
+                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
 
+                            <tbody>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td style="width:300px;" class="mj-full-width-mobile">
 
+                                          <img alt="" src="{{asset('/img/emails/leezard-logo.png')}}" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" height="auto" />
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <h3>Ciao {{ $name }} {{ $cognome }},</h3>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Il tuo account è stato creato con successo da <strong>{{ $created_by }}</strong>. Ora puoi accedere alla piattaforma con le credenziali fornite di seguito.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#f8f9fa;font-size:0px;padding:10px 25px;padding-top:15px;padding-bottom:5px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><span style="color:#0618be; font-weight:bold; padding-right: 20px;">Email:</span>
 
+                                    {{$email}}
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#f8f9fa;font-size:0px;padding:10px 25px;padding-top:5px;padding-bottom:5px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><span style="color:#0618be; font-weight:bold; padding-right: 20px;">Password:</span>
 
+                                    {{$password}}
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#f8f9fa;font-size:0px;padding:10px 25px;padding-top:5px;padding-bottom:15px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><span style="color:#0618be; font-weight:bold; padding-right: 20px;">Livello account:</span> @if($level == 0) Amministratore @elseif($level == 1) Worker @else Istruttore @endif</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="background:#fff3cd;font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"><strong>⚠️ Importante:</strong> Per motivi di sicurezza, dovrai cambiare la password al primo accesso. Sarai reindirizzato dopo aver effettuato il login.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:20px;line-height:20px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
 
+                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
 
+                                    <tbody>
 
+                                      <tr>
 
+                                        <td align="center" bgcolor="#0618be" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#0618be;" valign="middle">
 
+                                          <a href="{{ $login_url }}" style="display:inline-block;background:#0618be;color:white;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">Accedi ora</a>
 
+                                        </td>
 
+                                      </tr>
 
+                                    </tbody>
 
+                                  </table>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td style="font-size:0px;word-break:break-word;">
 
+                                  <div style="height:40px;line-height:40px;">&#8202;</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <h4 style="margin-bottom: 0;">📋 Cosa puoi fare ora:</h4>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">
 
+                                    <ul style="margin-bottom: 30px;">
 
+                                      <li style="margin-bottom:5px;">Accedi alla piattaforma usando le credenziali sopra</li>
 
+                                      <li style="margin-bottom:5px;">Cambia la password per maggiore sicurezza</li>
 
+                                      <li>Completa il tuo profilo nella sezione "Profilo"</li>
 
+                                    </ul>
 
+                                  </div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;">Se hai domande o problemi nell'accesso, contatta l'amministratore del sistema.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="center" style="font-size:0px;padding:10px 25px;padding-top:40px;padding-right:0;padding-bottom:40px;padding-left:0;word-break:break-word;">
 
+                                  <p style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:100%;">
 
+                                  </p>
 
+                                  <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dee2e6;font-size:1px;margin:0px auto;width:460px;" role="presentation" width="460px" ><tr><td style="height:0;line-height:0;"> &nbsp;
 
+</td></tr></table><![endif]-->
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:6px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:11px;text-align:left;color:#6c757d;">Il team di <strong>Leezard</strong></div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;padding-bottom:6px;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:11px;text-align:left;color:#6c757d;">Questa email è stata generata automaticamente. Per favore, non rispondere a questo indirizzo.</div>
 
+                                </td>
 
+                              </tr>
 
+                              <tr>
 
+                                <td align="left" style="font-size:0px;padding:0;word-break:break-word;">
 
+                                  <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:11px;text-align:left;color:#6c757d;">Data creazione account: {{ date('d/m/Y H:i') }} ({{ date('T') }})</div>
 
+                                </td>
 
+                              </tr>
 
+                            </tbody>
 
+                          </table>
 
+                        </td>
 
+                      </tr>
 
+                    </tbody>
 
+                  </table>
 
+                </div>
 
+                <!--[if mso | IE]></td></tr></table><![endif]-->
 
+              </td>
 
+            </tr>
 
+          </tbody>
 
+        </table>
 
+      </div>
 
     </div>
 
+    <!--[if mso | IE]></v:textbox></v:rect></td></tr></table><![endif]-->
 
+  </div>
 
 </body>
 
-</html>
 
+
 
+</html>

+ 88 - 98
resources/views/first-login.blade.php
Voir le fichier 

@@ -10,11 +10,14 @@
 
     <!-- Font Awesome -->
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 
 
+    <link rel="stylesheet" href="/css/style.css">
 
+    <link rel="stylesheet" href="/css/new_style.css">
 
+
 
     <style>
 
         body {
 
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 
+            /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
 
             min-height: 100vh;
 
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
+            /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
 
         }
 
 
         .first-login-container {
 
@@ -81,119 +84,106 @@
 
             position: absolute;
 
             top: 20px;
 
             right: 20px;
 
-            color: white;
 
+            /* color: white; */
 
             text-decoration: none;
 
-            background: rgba(255,255,255,0.2);
 
-            padding: 8px 15px;
 
-            border-radius: 5px;
 
-            transition: background 0.3s;
 
+            /* background: rgba(255,255,255,0.2); */
 
+            /* padding: 8px 15px; */
 
+            /* border-radius: 5px; */
 
+            /* transition: background 0.3s; */
 
         }
 
 
-        .logout-link:hover {
 
-            background: rgba(255,255,255,0.3);
 
-            color: white;
 
-            text-decoration: none;
 
-        }
 
+        /* .logout-link:hover { */
 
+            /* background: rgba(255,255,255,0.3); */
 
+            /* color: white; */
 
+            /* text-decoration: none; */
 
+        /* } */
 
     </style>
 
 </head>
 
 <body>
 
-    <a href="/logout" class="logout-link">
 
+    <a href="/logout" class="logout-link btn btn-primary">
 
         <i class="fas fa-sign-out-alt"></i> Esci
 
     </a>
 
 
-    <div class="first-login-container">
 
-        <div class="container">
 
-            <div class="row justify-content-center">
 
-                <div class="col-md-8 col-lg-6">
 
+    <div class="login--box d-flex flex-column min-vh-100 justify-content-center align-items-center">
 
+        <div class="card--ui mt-5" style="max-width: 600px; width: 100%">
 
+            <img src="{{env('LOGO', '')}}" alt="" class="img-fluid" id="login--logo"  style="max-width:340px; width: 100%; margin: auto; display: block; margin-bottom: 30px;">
 
 
-                    <div class="card">
 
-                        <div class="card-header">
 
-                            <h3><i class="fas fa-user-cog"></i> Completa il tuo Profilo</h3>
 
-                            <p class="mb-0">Primo accesso - Configurazione obbligatoria</p>
 
-                        </div>
 
+                <h4 class="form--title text-center mb-3">Completa il tuo Profilo</h4>
 
+                <p class="text-center mb-4">Primo accesso - Configurazione obbligatoria</p>
 
 
-                        <div class="card-body p-4">
 
+                {{-- Welcome Message --}}
 
+                <div class="alert alert-warning mb-4">
 
+                    <h6><i class="fas fa-exclamation-triangle"></i> <strong>Primo Accesso</strong></h6>
 
+                    <p class="mb-2">Per motivi di sicurezza, devi <strong>impostare una nuova password</strong> prima di accedere alla piattaforma.</p>
 
+                    <p class="mb-0">I tuoi dati sono già stati configurati dall'amministratore.</p>
 
+                </div>
 
 
-                            {{-- Welcome Message --}}
 
-                            <div class="alert alert-warning mb-4">
 
-                                <h6><i class="fas fa-exclamation-triangle"></i> <strong>Primo Accesso</strong></h6>
 
-                                <p class="mb-2">Per motivi di sicurezza, devi <strong>impostare una nuova password</strong> prima di accedere alla piattaforma.</p>
 
-                                <p class="mb-0">I tuoi dati sono già stati configurati dall'amministratore.</p>
 
+                {{-- Success/Error Messages --}}
 
+                @if (session('success'))
 
+                    <div class="alert alert-success alert-dismissible fade show" role="alert">
 
+                        <i class="fas fa-check-circle"></i> {{ session('success') }}
 
+                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
 
+                    </div>
 
+                @endif
 
+
 
+                <form method="POST" action="{{ route('first-login.complete') }}">
 
+                    @csrf
 
+
 
+                    {{-- <div class="section-header">
 
+                        <h6 class="text-primary mb-0">
 
+                            <i class="fas fa-lock"></i> Imposta la Tua Password
 
+                        </h6>
 
+                    </div> --}}
 
+
 
+                    {{-- <div class="alert alert-info mb-3">
 
+                        <i class="fas fa-info-circle"></i>
 
+                        <strong>Cambia Password:</strong> Sostituisci la password temporanea con una tua password sicura.
 
+                    </div> --}}
 
+
 
+                    <div class="row mb-4">
 
+                        <div class="col-md-6">
 
+                            <div class="form--item input-group">
 
+                                <label for="password">Nuova Password <span class="text-danger">*</span></label>
 
+                                <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" placeholder="Inserisci una password sicura" required>
 
+                                <span class="input-group-text" id="basic-addon2"><i class="ico--ui lock"></i></span>
 
                             </div>
 
+                            <small class="form-text text-muted">
 
+                                <i class="fas fa-key"></i> Minimo 6 caratteri
 
+                            </small>
 
+                            @error('password')
 
+                                <div class="invalid-feedback">{{ $message }}</div>
 
+                            @enderror
 
+                        </div>
 
 
-                            {{-- Success/Error Messages --}}
 
-                            @if (session('success'))
 
-                                <div class="alert alert-success alert-dismissible fade show" role="alert">
 
-                                    <i class="fas fa-check-circle"></i> {{ session('success') }}
 
-                                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
 
-                                </div>
 
-                            @endif
 
-
 
-                            <form method="POST" action="{{ route('first-login.complete') }}">
 
-                                @csrf
 
-
 
-                                <div class="section-header">
 
-                                    <h6 class="text-primary mb-0">
 
-                                        <i class="fas fa-lock"></i> Imposta la Tua Password
 
-                                    </h6>
 
-                                </div>
 
-
 
-                                <div class="alert alert-info mb-3">
 
-                                    <i class="fas fa-info-circle"></i>
 
-                                    <strong>Cambia Password:</strong> Sostituisci la password temporanea con una tua password sicura.
 
-                                </div>
 
-
 
-                                <div class="row mb-4">
 
-                                    <div class="col-md-6">
 
-                                        <label for="password" class="form-label">Nuova Password <span class="text-danger">*</span></label>
 
-                                        <input type="password"
 
-                                               class="form-control @error('password') is-invalid @enderror"
 
-                                               id="password"
 
-                                               name="password"
 
-                                               placeholder="Inserisci una password sicura"
 
-                                               required>
 
-                                        <small class="form-text text-muted">
 
-                                            <i class="fas fa-key"></i> Minimo 6 caratteri
 
-                                        </small>
 
-                                        @error('password')
 
-                                            <div class="invalid-feedback">{{ $message }}</div>
 
-                                        @enderror
 
-                                    </div>
 
-
 
-                                    <div class="col-md-6">
 
-                                        <label for="password_confirmation" class="form-label">Conferma Password <span class="text-danger">*</span></label>
 
-                                        <input type="password"
 
-                                               class="form-control @error('password_confirmation') is-invalid @enderror"
 
-                                               id="password_confirmation"
 
-                                               name="password_confirmation"
 
-                                               placeholder="Ripeti la password"
 
-                                               required>
 
-                                        @error('password_confirmation')
 
-                                            <div class="invalid-feedback">{{ $message }}</div>
 
-                                        @enderror
 
-                                    </div>
 
-                                </div>
 
-
 
-                                {{-- Action Buttons --}}
 
-                                <div class="d-grid gap-2 d-md-block text-center">
 
-                                    <button type="submit" class="btn btn-primary btn-lg">
 
-                                        <i class="fas fa-key"></i> Imposta Password e Accedi
 
-                                    </button>
 
-                                </div>
 
-
 
-                                <div class="text-center mt-3">
 
-                                    <small class="text-muted">
 
-                                        <i class="fas fa-shield-alt"></i>
 
-                                        Dopo aver impostato la password, riceverai un'email di conferma dell'attivazione.
 
-                                    </small>
 
-                                </div>
 
-
 
-                            </form>
 
+                        <div class="col-md-6">
 
+                            <div class="form--item input-group">
 
+                                <label for="password_confirmation">Conferma password <span class="text-danger">*</span></label>
 
+                                <input type="password" class="form-control @error('password_confirmation') is-invalid @enderror" id="password_confirmation" name="password_confirmation" placeholder="Ripeti la password" required>
 
+                                <span class="input-group-text" id="basic-addon2"><i class="ico--ui lock"></i></span>
 
+                            </div>
 
+                            @error('password_confirmation')
 
+                                <div class="invalid-feedback">{{ $message }}</div>
 
+                            @enderror
 
                         </div>
 
                     </div>
 
 
-                </div>
 
-            </div>
 
+                    {{-- Action Buttons --}}
 
+                    <div class="d-grid gap-2 d-md-block text-center">
 
+                        <button type="submit" class="btn btn-primary">
 
+                            {{-- <i class="fas fa-key"></i> --}}
 
+                            Imposta password e accedi
 
+                        </button>
 
+                    </div>
 
+
 
+                    <div class="text-center mt-3">
 
+                        <small class="text-muted">
 
+                            <i class="fas fa-shield-alt"></i>
 
+                            Dopo aver impostato la password, riceverai un'email di conferma dell'attivazione.
 
+                        </small>
 
+                    </div>
 
+
 
+                </form>
 
+
 
         </div>
 
     </div>