adjust templates, add timezone and locale

app/views/accounts/show.html.erb

@@ -0,0 +1,36 @@
+<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
+  <%= render 'shared/settings_nav' %>
+  <div class="flex-grow max-w-xl mx-auto">
+    <h1 class="text-4xl font-bold mb-4">Account</h1>
+    <%= form_for '', url: settings_account_path, method: :patch, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
+      <%= f.fields_for current_account do |ff| %>
+        <div class="form-control">
+          <%= ff.label :name, 'Company Name', class: 'label' %>
+          <%= ff.text_field :name, required: true, class: 'base-input' %>
+        </div>
+        <div class="grid md:grid-cols-2 gap-4">
+          <div class="form-control">
+            <%= ff.label :timezone, class: 'label' %>
+            <%= ff.select :timezone, nil, {}, class: 'select base-input w-full font-normal' do %>
+              <%= time_zone_options_for_select(current_account.timezone) %>
+            <% end %>
+          </div>
+          <div class="form-control">
+            <%= ff.label :locale, 'Time format', class: 'label' %>
+            <%= ff.select :locale, options_for_select(controller.class::LOCALE_OPTIONS.invert, current_account.locale), {}, class: 'select base-input w-full font-normal' %>
+          </div>
+        </div>
+      <% end %>
+      <%= f.fields_for @encrypted_config || EncryptedConfig.find_or_initialize_by(account: current_account, key: EncryptedConfig::APP_URL_KEY) do |ff| %>
+        <div class="form-control">
+          <%= ff.label :value, 'App URL', class: 'label' %>
+          <%= ff.text_field :value, autocomplete: 'off', class: 'base-input' %>
+        </div>
+      <% end %>
+      <div class="form-control pt-2">
+        <%= f.button button_title(title: 'Update', disabled_with: 'Updating'), class: 'base-button' %>
+      </div>
+    <% end %>
+  </div>
+  <div class="w-0 md:w-52"></div>
+</div>

app/views/dashboard/index.html.erb

@@ -20,7 +20,7 @@
             </p>
             <p class="flex items-center space-x-1 text-xs text-base-content/60">
               <%= svg_icon('calendar', class: 'w-4 h-4') %>
-              <span><%= l(template.created_at, format: :long) %></span>
+              <span><%= l(template.created_at.in_time_zone(current_account.timezone), format: :short, locale: current_account.locale) %></span>
             </p>
           </div>
         </a>
@@ -39,18 +39,22 @@
       </div>
     <% end %>
   </div>
-  <%= render 'shared/pagination', pagy: @pagy, items_name: 'Templates' %>
+  <%= render 'shared/pagination', pagy: @pagy, items_name: 'templates' %>
 <% else %>
   <div class="card bg-base-200 h-96 mb-2">
     <div class="card-body text-center">
       <div class="flex items-center h-full">
-        <div class="max-w-lg mx-auto">
-          <h1 class="text-5xl font-bold">Welcome to DocuSeal</h1>
-          <p class="py-6">Streamline document workflows, from creating customizable templates to filling and signing document forms, with DocuSeal</p>
-          <%= link_to new_template_path, class: 'btn btn-neutral', data: { turbo_frame: :modal } do %>
-            <%= svg_icon('plus', class: 'w-6 h-6') %>
-            <span>Create Template</span>
-          <% end %>
+        <div class="mx-auto">
+          <div class="max-w-xl mx-auto">
+            <h1 class="text-5xl font-bold text-base-content">👋 Welcome to DocuSeal</h1>
+          </div>
+          <div class="max-w-lg mx-auto">
+            <p class="py-6 text-gray-600">Streamline document workflows, from creating customizable templates to filling and signing document forms, with DocuSeal</p>
+            <%= link_to new_template_path, class: 'base-button', data: { turbo_frame: :modal } do %>
+              <%= svg_icon('plus', class: 'w-6 h-6 stroke-2') %>
+              <span>Create Template</span>
+            <% end %>
+          </div>
         </div>
       </div>
     </div>

app/views/devise/registrations/new.html.erb

@@ -4,13 +4,21 @@
     <div class="space-y-2">
       <%= render 'devise/shared/error_messages', resource: %>
       <%= f.fields_for resource do |ff| %>
-        <div class="form-control">
-          <%= ff.label :first_name, class: 'label' %>
-          <%= ff.text_field :first_name, required: true, class: 'base-input' %>
+        <div class="grid gap-2 md:grid-cols-2 md:gap-4">
+          <div class="form-control">
+            <%= ff.label :first_name, class: 'label' %>
+            <%= ff.text_field :first_name, required: true, class: 'base-input' %>
+          </div>
+          <div class="form-control">
+            <%= ff.label :last_name, class: 'label' %>
+            <%= ff.text_field :last_name, required: true, class: 'base-input' %>
+          </div>
         </div>
+      <% end %>
+      <%= f.fields_for resource do |ff| %>
         <div class="form-control">
-          <%= ff.label :last_name, class: 'label' %>
-          <%= ff.text_field :last_name, required: true, class: 'base-input' %>
+          <%= ff.label :email, class: 'label' %>
+          <%= ff.email_field :email, required: true, class: 'base-input' %>
         </div>
       <% end %>
       <%= f.fields_for resource.account do |ff| %>
@@ -20,10 +28,6 @@
         </div>
       <% end %>
       <%= f.fields_for resource do |ff| %>
-        <div class="form-control">
-          <%= ff.label :email, class: 'label' %>
-          <%= ff.email_field :email, required: true, class: 'base-input' %>
-        </div>
         <div class="form-control">
           <%= ff.label :password, class: 'label' %>
           <%= ff.password_field :password, required: true, class: 'base-input' %>

app/views/email_settings/index.html.erb

@@ -2,9 +2,6 @@
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">Email SMTP</h1>
-    <p>
-      Configure your to send emails (TODO)
-    </p>
     <% value = @encrypted_config.value || {} %>
     <%= form_for @encrypted_config, url: settings_email_index_path, method: :post, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
       <%= f.fields_for :value do |ff| %>
@@ -29,11 +26,11 @@
           </div>
         </div>
         <div class="form-control">
-          <%= ff.label :from_email, 'Send from', class: 'label' %>
+          <%= ff.label :from_email, 'Send from Email', class: 'label' %>
           <%= ff.email_field :from_email, value: value['from_email'], required: true, class: 'base-input' %>
         </div>
       <% end %>
-      <div class="form-control">
+      <div class="form-control pt-2">
         <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
       </div>
     <% end %>

app/views/esign_settings/_result.html.erb

@@ -50,7 +50,7 @@
             </div>
             <div class="flex items-center space-x-1">
               <%= svg_icon('calendar', class: 'w-5 h-5 inline') %>
-              <span><%= l(signature.signing_time, format: :long) %></span>
+              <span><%= l(signature.signing_time.in_time_zone(current_account.timezone), format: :long, locale: current_account.locale) %></span>
             </div>
             <div class="flex items-center space-x-1">
               <%= svg_icon('certificate', class: 'w-5 h-5 inline') %>

app/views/esign_settings/index.html.erb

@@ -1,7 +1,7 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
-    <h1 class="text-4xl font-bold mb-4">Verify PDF Signature</h1>
+    <h1 class="text-4xl font-bold mb-4">PDF Signature</h1>
     <div id="result">
       <p class="mb-2">
         Upload signed PDF file to validate its signature:

app/views/invitations/edit.html.erb

@@ -1,5 +1,5 @@
 <div class="max-w-xl mx-auto px-2">
-  <h1 class="text-4xl font-bold text-center my-8">Welcome to Docuseal</h1>
+  <h1 class="text-4xl font-bold text-center my-8">👋 Welcome to Docuseal</h1>
   <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put, class: 'space-y-6' }) do |f| %>
     <div class="space-y-2">
       <%= render 'devise/shared/error_messages', resource: %>

app/views/pages/landing.html.erb

@@ -8,65 +8,61 @@
             DocuSeal
           </h1>
         </div>
-        <p class="mb-16 text-lg text-center text-gray-500">
-          A self-hosted, web-based platform providing secure and efficient digital document signing and transaction management.
-        </p>
+        <h2 class="mb-16 text-lg text-center text-gray-500">
+          A self-hosted and open-source web platform that provides secure and efficient digital document signing and processing.
+        </h2>
       </div>
     </div>
     <div class="grid grid-cols-1 gap-12 md:gap-10 md:grid-cols-2">
-      <div class="card bg-base-300">
+      <div class="card bg-base-200">
         <div class="card-body">
           <div class="text-center transition-all">
-            <div class="inline-block p-4 mb-6 -mt-16 bg-base-content rounded-full">
+            <div class="inline-block p-4 mb-4 -mt-16 bg-base-content rounded-full">
               <%= svg_icon('brand_docker', class: 'w-10 h-10 text-base-100 stroke-1') %>
             </div>
-            <h3 class="mb-4 text-2xl font-semibold">Easy to Install</h3>
+            <h3 class="mb-4 text-2xl font-semibold">Easy to Start</h3>
             <p class="text-base text-gray-500">
-              Simply initiate the process on your platform, deploy the solution via <a href="https://hub.docker.com/r/docuseal/docuseal" class="link link-neutral font-bold" target="_blank">Docker</a>,
-              or opt for its packaged version for ease of use.
+              Run on your own host using <a href="https://hub.docker.com/r/docuseal/docuseal" class="link link-neutral font-bold" target="_blank">Docker</a> container, or deploy on  your favorite managed PaaS with a single <a href="https:///www.docuseal.co/install" class="link link-neutral font-bold">click</a>.
             </p>
           </div>
         </div>
       </div>
-      <div class="card bg-base-300">
+      <div class="card bg-base-200">
         <div class="card-body">
           <div class="text-center transition-all">
-            <div class="inline-block p-4 mb-6 -mt-16 bg-base-content rounded-full">
+            <div class="inline-block p-4 mb-4 -mt-16 bg-base-content rounded-full">
               <%= svg_icon('devices', class: 'w-10 h-10 text-base-100') %>
             </div>
             <h3 class="mb-4 text-2xl font-semibold">Mobile Optimized</h3>
             <p class="text-base text-gray-500">
-              This self-hosted solution is mobile-ready, designed to offer a seamless user experience on any device.
-              Manage documents with ease, right from your smartphone or tablet.
+              Review and sign digital documents online from any device.
+              Docuseal document forms are optimized for screens of all sizes.
             </p>
           </div>
         </div>
       </div>
-      <div class="card bg-base-300">
+      <div class="card bg-base-200">
         <div class="card-body">
           <div class="text-center transition-all">
-            <div class="inline-block p-4 mb-6 -mt-16 bg-base-content rounded-full">
+            <div class="inline-block p-4 mb-4 -mt-16 bg-base-content rounded-full">
               <%= svg_icon('shield_check', class: 'w-10 h-10 text-base-100') %>
             </div>
             <h3 class="mb-4 text-2xl font-semibold">Secure</h3>
             <p class="text-base text-gray-500">
-              With a focus on security, this solution integrates top-level encryption within your own hosting infrastructure.
-              Comprehensive tracking of every action assures a secure environment for all digital transactions.
+              Host it on your hardware under a VPN to ensure that important documents can be accesses only within your organization.
             </p>
           </div>
         </div>
       </div>
-      <div class="card bg-base-300">
+      <div class="card bg-base-200">
         <div class="card-body">
           <div class="text-center transition-all">
-            <div class="inline-block p-4 mb-6 -mt-16 bg-base-content rounded-full">
+            <div class="inline-block p-4 mb-4 -mt-16 bg-base-content rounded-full">
               <%= svg_icon('brand_github', class: 'w-10 h-10 text-base-100') %>
             </div>
             <h3 class="mb-4 text-2xl font-semibold">Open Source</h3>
             <p class="text-base text-gray-500">
-              Don't hesitate to fetch <a href="https://github.com/docusealhq" class="link link-neutral font-bold" target="_blank">github.com/docusealhq</a>.
-              We warmly invite you to participate and help us enhance this project.
-              There's no need to shy away from becoming a contributor!
+              Source code is available under <a href="https://github.com/docusealhq/docuseal" class="link link-neutral font-bold" target="_blank">github.com/docusealhq</a>.<br>Open-source contributors are always ready to help!
             </p>
           </div>
         </div>

app/views/profile/index.html.erb

@@ -2,9 +2,6 @@
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">Profile</h1>
-    <p>
-      Manage your contact information
-    </p>
     <%= form_for current_user, url: update_contact_settings_profile_index_path, method: :patch, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
       <div class="grid md:grid-cols-2 gap-4">
         <div class="form-control">
@@ -20,13 +17,7 @@
         <%= f.label :email, 'Email', class: 'label' %>
         <%= f.email_field :email, autocomplete: 'off', class: 'base-input' %>
       </div>
-      <%= f.fields_for :account do |ff| %>
-        <div class="form-control">
-          <%= ff.label :name, 'Company Name', class: 'label' %>
-          <%= ff.text_field :name, required: true, class: 'base-input' %>
-        </div>
-      <% end %>
-      <div class="form-control">
+      <div class="form-control pt-2">
         <%= f.button button_title(title: 'Update', disabled_with: 'Updating'), class: 'base-button' %>
       </div>
     <% end %>
@@ -40,16 +31,7 @@
         <%= f.label :password_confirmation, 'Confirm new password', class: 'label' %>
         <%= f.password_field :password_confirmation, autocomplete: 'off', class: 'base-input' %>
       </div>
-      <div class="form-control">
-        <%= f.button button_title(title: 'Update', disabled_with: 'Updating'), class: 'base-button' %>
-      </div>
-    <% end %>
-    <p class="text-2xl font-bold mt-8 mb-4">App URL</p>
-    <%= form_for @encrypted_config, url: update_app_url_settings_profile_index_path, method: :patch, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
-      <div class="form-control">
-        <%= f.text_field :value, required: true, class: 'base-input' %>
-      </div>
-      <div class="form-control">
+      <div class="form-control pt-2">
         <%= f.button button_title(title: 'Update', disabled_with: 'Updating'), class: 'base-button' %>
       </div>
     <% end %>

app/views/send_submission_email/success.html.erb

@@ -1 +1,18 @@
-Email has bee sent
+<div class="max-w-md mx-auto px-2 mt-12 mb-4">
+  <div class="space-y-6 mx-auto">
+    <div class="space-y-6">
+      <div class="flex items-center justify-center">
+        <a href="/" class="flex items-center">
+          <div class="mr-3">
+            <%= render 'shared/logo', width: '50px', height: '50px' %>
+          </div>
+          <h1 class="text-5xl font-bold text-center">DocuSeal</h1>
+        </a>
+      </div>
+      <div class="text-center text-4xl font-bold">
+        Email has been sent
+      </div>
+    </div>
+  </div>
+</div>
+<%= render 'shared/attribution' %>

app/views/setup/index.html.erb

@@ -14,17 +14,21 @@
           </div>
         </div>
       <% end %>
+      <%= f.fields_for @user do |ff| %>
+        <div class="form-control">
+          <%= ff.label :email, class: 'label' %>
+          <%= ff.email_field :email, required: true, class: 'base-input' %>
+        </div>
+      <% end %>
       <%= f.fields_for @account do |ff| %>
+        <set-timezone data-input-id="_account_timezone"></set-timezone>
+        <%= ff.hidden_field :timezone %>
         <div class="form-control">
           <%= ff.label :name, 'Company name', class: 'label' %>
           <%= ff.text_field :name, required: true, class: 'base-input' %>
         </div>
       <% end %>
       <%= f.fields_for @user do |ff| %>
-        <div class="form-control">
-          <%= ff.label :email, class: 'label' %>
-          <%= ff.email_field :email, required: true, class: 'base-input' %>
-        </div>
         <div class="form-control">
           <%= ff.label :password, class: 'label' %>
           <%= ff.password_field :password, required: true, placeholder: '************', class: 'base-input' %>

app/views/shared/_no_data_banner.html.erb

@@ -1,8 +0,0 @@
-<div class="card bg-base-200">
-  <div class="card-body text-center">
-    <div class="max-w-md mx-auto">
-      <p class="text-4xl font-semibold text-gray-700 mb-4">Nothing to display</p>
-      <p class="text-gray-500">We apologize, but currently there is no data available to be displayed. You can try adding new entries or refreshing the page to see if any data becomes available.</p>
-    </div>
-  </div>
-</div>

app/views/shared/_pagination.html.erb

@@ -2,7 +2,7 @@
 <% if @pagy.pages > 1 %>
   <div class="flex my-6 justify-center md:justify-between">
     <div class="hidden md:block text-sm">
-      <%= @pagy.from %>-<%= @pagy.to %> of <%= @pagy.count %> of <%= local_assigns[:items_name] || 'items' %>
+      <%= @pagy.from %>-<%= @pagy.to %> of <%= @pagy.count %> <%= local_assigns[:items_name] || 'items' %>
     </div>
     <div class="join">
       <% if @pagy.prev %>

app/views/shared/_settings_nav.html.erb

@@ -6,6 +6,9 @@
       <li>
         <%= link_to 'Profile', settings_profile_index_path, class: 'text-base hover:bg-base-300' %>
       </li>
+      <li>
+        <%= link_to 'Account', settings_account_path, class: 'text-base hover:bg-base-300' %>
+      </li>
       <li>
         <%= link_to 'Email', settings_email_index_path, class: 'text-base hover:bg-base-300' %>
       </li>
@@ -13,7 +16,7 @@
         <%= link_to 'Storage', settings_storage_index_path, class: 'text-base hover:bg-base-300' %>
       </li>
       <li>
-        <%= link_to 'eSign', settings_esign_index_path, class: 'text-base hover:bg-base-300' %>
+        <%= link_to 'Signature', settings_esign_index_path, class: 'text-base hover:bg-base-300' %>
       </li>
       <li>
         <%= link_to 'Team', settings_users_path, class: 'text-base hover:bg-base-300' %>

app/views/start_form/completed.html.erb

@@ -1,4 +1,37 @@
-<p>
-  Form has been submitted already - thanks!
-</p>
-<%= button_to button_title(title: 'Send copy to Email', disabled_with: 'Sending'), send_submission_email_index_path, params: { template_slug: @template.slug, email: params[:email] }, form: { onsubmit: 'event.submitter.disabled = true' } %>
+<div class="max-w-md mx-auto px-2 mt-12 mb-4">
+  <div class="space-y-6 mx-auto">
+    <div class="space-y-6">
+      <div class="flex items-center justify-center">
+        <a href="/" class="flex items-center">
+          <div class="mr-3">
+            <%= render 'shared/logo', width: '50px', height: '50px' %>
+          </div>
+          <h1 class="text-5xl font-bold text-center">DocuSeal</h1>
+        </a>
+      </div>
+      <div class="flex items-center bg-base-300 rounded-xl p-4 mb-4">
+        <div class="flex items-center">
+          <div class="mr-3">
+            <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+              <path d="M3 19c3.333 -2 5 -4 5 -6c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 2.877 2.5 4c1.5 2 2.5 2.5 3.5 1c.667 -1 1.167 -1.833 1.5 -2.5c1 2.333 2.333 3.5 4 3.5h2.5" />
+              <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
+              <path d="M16 7h4" />
+            </svg>
+          </div>
+          <div>
+            <p class="text-lg font-bold mb-1"><%= @submitter.submission.template.name %></p>
+            <p class="text-sm">Signed on <%= l(@submitter.completed_at.to_date, format: :long, locale: @submitter.submission.template.account.locale) %></p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="text-center text-2xl font-semibold">
+      Form has been submitter already
+    </div>
+    <div>
+      <%= button_to button_title(title: 'Send copy to Email', disabled_with: 'Sending', icon: svg_icon('mail_forward', class: 'w-6 h-6')), send_submission_email_index_path, params: { submitter_slug: @submitter.slug }, form: { onsubmit: 'event.submitter.disabled = true' }, class: 'base-button w-full' %>
+    </div>
+  </div>
+</div>
+<%= render 'shared/attribution' %>

app/views/start_form/show.html.erb

@@ -10,10 +10,10 @@
             <h1 class="text-5xl font-bold text-center">DocuSeal</h1>
           </a>
           <p class="text-xl font-semibold text-center">You have been invited to submit the form</p>
-          <div class="flex items-center bg-neutral rounded-xl p-4">
+          <div class="flex items-center bg-base-content/10 rounded-xl p-4">
             <div class="flex items-center">
               <div class="mr-3">
-                <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10 text-gray-100 " width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                   <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                   <path d="M3 19c3.333 -2 5 -4 5 -6c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 2.877 2.5 4c1.5 2 2.5 2.5 3.5 1c.667 -1 1.167 -1.833 1.5 -2.5c1 2.333 2.333 3.5 4 3.5h2.5" />
                   <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
@@ -21,8 +21,8 @@
                 </svg>
               </div>
               <div>
-                <p class="text-gray-100 font-bold mb-1"><%= @template.name %></p>
-                <p class="text-sm text-gray-300">Invited by <%= @template.account.name %></p>
+                <p class="font-bold mb-1"><%= @template.name %></p>
+                <p class="text-sm">Invited by <%= @template.account.name %></p>
               </div>
             </div>
           </div>

app/views/storage_settings/index.html.erb

@@ -2,9 +2,6 @@
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">Storage</h1>
-    <p class="mb-4">
-      Select files storage option (TODO)
-    </p>
     <% value = @encrypted_config.value || { 'service' => 'disk' } %>
     <% configs = value['configs'] || {} %>
     <%= form_for @encrypted_config, url: settings_storage_index_path, method: :post, html: { autocomplete: 'off', class: 'w-full' } do |f| %>
@@ -29,10 +26,10 @@
       <disable-hidden id="aws_s3" class="block my-4 space-y-4 <%= 'hidden' if value['service'] != 'aws_s3' %>">
         <%= render 'aws_form', f:, configs:, value: %>
       </disable-hidden>
-      <disable-hidden id="google" class="block mt-4 space-y-4 mb-8 <%= 'hidden' if value['service'] != 'google' %>">
+      <disable-hidden id="google" class="block mt-4 space-y-4 mb-6 <%= 'hidden' if value['service'] != 'google' %>">
         <%= render 'google_cloud_form', f:, configs:, value: %>
       </disable-hidden>
-      <disable-hidden id="azure" class="block mt-4 space-y-4 mb-8 <%= 'hidden' if value['service'] != 'azure' %>">
+      <disable-hidden id="azure" class="block mt-4 space-y-4 mb-6 <%= 'hidden' if value['service'] != 'azure' %>">
         <%= render 'azure_form', f:, configs:, value: %>
       </disable-hidden>
       <div class="form-control">

app/views/submissions/_value.html.erb

@@ -25,7 +25,7 @@
     </div>
   <% elsif field['type'] == 'date' %>
     <div class="flex items-center px-0.5">
-      <%= l(Date.parse(value)) %>
+      <%= l(Date.parse(value), format: :long, locale: local_assigns[:locale]) %>
     </div>
   <% else %>
     <div class="flex items-center px-0.5">

app/views/submissions/show.html.erb

@@ -1,9 +1,9 @@
 <div style="max-width: 1600px" class="mx-auto pl-4">
   <div class="flex justify-between py-1.5 items-center pr-4">
-    <div class="flex space-x-3">
-      <a href="/"><%= render 'shared/logo' %></a>
+    <a href="<%= template_path(@submission.template) %>" class="flex space-x-3">
+      <span><%= render 'shared/logo' %></span>
       <span class="text-3xl font-semibold focus:text-clip"><%= @submission.template.name %></span>
-    </div>
+    </a>
     <div class="space-x-3 flex items-center">
       <% if last_submitter = @submission.submitters.select(&:completed_at?).max_by(&:completed_at) %>
         <download-button data-src="<%= submitter_download_index_path(last_submitter.slug) %>" class="base-button">
@@ -45,7 +45,7 @@
                 <% fields_index.dig(document.uuid, index)&.each do |(area, field)| %>
                   <% value = values[field['uuid']] %>
                   <% next if value.blank? %>
-                  <%= render 'submissions/value', area:, field:, attachments_index:, value: %>
+                  <%= render 'submissions/value', area:, field:, attachments_index:, value:, locale: current_account.locale %>
                 <% end %>
               </div>
             </div>
@@ -80,7 +80,7 @@
             </div>
             <% if submitter && !submitter.completed_at? %>
               <div class="mt-2 mb-1">
-                <a class="btn btn-xs btn-primary w-full" target="_blank" href="<%= submit_form_url(slug: submitter.slug) %>">
+                <a class="btn btn-sm btn-primary w-full" target="_blank" href="<%= submit_form_url(slug: submitter.slug) %>">
                   Submit Form
                 </a>
               </div>
@@ -118,7 +118,7 @@
                 <% elsif field['type'] == 'checkbox' %>
                   <%= svg_icon('check', class: 'w-6 h-6') %>
                 <% elsif field['type'] == 'date' %>
-                  <%= l(Date.parse(value)) %>
+                  <%= l(Date.parse(value), locale: current_account.locale, format: :long) %>
                 <% else %>
                   <%= Array.wrap(value).join(', ') %>
                 <% end %>

app/views/submit_form/completed.html.erb

@@ -12,7 +12,7 @@
       <div class="flex items-center bg-base-300 rounded-xl p-4 mb-4">
         <div class="flex items-center">
           <div class="mr-3">
-            <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10 text-gray-700 " width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
               <path stroke="none" d="M0 0h24v24H0z" fill="none" />
               <path d="M3 19c3.333 -2 5 -4 5 -6c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 2.877 2.5 4c1.5 2 2.5 2.5 3.5 1c.667 -1 1.167 -1.833 1.5 -2.5c1 2.333 2.333 3.5 4 3.5h2.5" />
               <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
@@ -20,8 +20,8 @@
             </svg>
           </div>
           <div>
-            <p class="text-lg text-gray-700 font-bold mb-1"><%= @submitter.submission.template.name %></p>
-            <p class="text-sm text-gray-500">Signed on <%= l(@submitter.completed_at.to_date, format: :long) %></p>
+            <p class="text-lg font-bold mb-1"><%= @submitter.submission.template.name %></p>
+            <p class="text-sm">Signed on <%= l(@submitter.completed_at.to_date, format: :long, locale: @submitter.submission.template.account.locale) %></p>
           </div>
         </div>
       </div>

app/views/submit_form/show.html.erb

@@ -1,5 +1,5 @@
 <% fields_index = Templates.build_field_areas_index(@submitter.submission.template) %>
-<% values = @submitter.submission.submitters.reduce({}) { |acc, sub| acc.merge(sub.values) } %>
+<% values = @submitter.submission.submitters.where.not(id: @submitter.id).reduce({}) { |acc, sub| acc.merge(sub.values) } %>
 <% attachments_index = ActiveStorage::Attachment.where(record: @submitter.submission.submitters, name: :attachments).preload(:blob).index_by(&:uuid) %>
 <div class="mx-auto block pb-72" style="max-width: 1000px">
   <div class="mt-4 flex">
@@ -17,7 +17,7 @@
           <% fields_index.dig(document.uuid, index)&.each do |(area, field)| %>
             <% value = values[field['uuid']] %>
             <% next if value.blank? %>
-            <%= render 'submissions/value', area:, field:, attachments_index:, value: %>
+            <%= render 'submissions/value', area:, field:, attachments_index:, value:, locale: @submitter.submission.template.account.locale %>
           <% end %>
         </div>
       </div>
@@ -28,7 +28,7 @@
 <div class="fixed bottom-0 w-full h-0 z-20">
   <div class="mx-auto" style="max-width: 1000px">
     <div class="relative md:mx-32">
-      <div class="shadow-md bg-base-100 absolute bottom-0 md:bottom-4 w-full border border-base-200 p-4 rounded">
+      <div class="shadow-md bg-base-100 absolute bottom-0 md:bottom-4 w-full border border-base-200 border p-4 rounded">
         <submission-form data-submitter-uuid="<%= @submitter.uuid %>" data-submitter-slug="<%= @submitter.slug %>" data-attachments="<%= attachments_index.values.select { |e| e.record_id == @submitter.id }.to_json(only: %i[uuid], methods: %i[url filename content_type]) %>" data-fields="<%= @submitter.submission.template.fields.select { |f| f['submitter_uuid'] == @submitter.uuid }.to_json %>" data-values="<%= @submitter.values.to_json %>" data-authenticity-token="<%= form_authenticity_token %>"></submission-form>
       </div>
     </div>

app/views/templates/show.html.erb

@@ -16,18 +16,22 @@
     <% end %>
   </div>
 </div>
-<div class="flex justify-between mb-4 items-end">
-  <p class="text-3xl font-bold">Submissions</p>
-  <div class="flex space-x-2">
-    <% if @template.submitters.to_a.size == 1 %>
-      <%= render 'shared/clipboard_copy', text: start_form_url(slug: @template.slug), class: 'base-button', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy Share Link', copied_title: 'Copied to Clipboard' %>
-    <% end %>
-    <%= link_to new_template_submission_path(@template), class: 'btn btn-primary text-base', data: { turbo_frame: 'modal' } do %>
-      <%= svg_icon('plus', class: 'w-6 h-6 stroke-2') %>
-      <span class="hidden md:block">Add Recipients</span>
-    <% end %>
+<% if !@pagy.count.zero? || @template.submitters.to_a.size == 1 %>
+  <div class="flex justify-between mb-4 items-end">
+    <p class="text-3xl font-bold">Submissions</p>
+    <div class="flex space-x-2">
+      <% if @template.submitters.to_a.size == 1 %>
+        <%= render 'shared/clipboard_copy', text: start_form_url(slug: @template.slug), class: 'base-button', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy Share Link', copied_title: 'Copied to Clipboard' %>
+      <% end %>
+      <% unless @pagy.count.zero? %>
+        <%= link_to new_template_submission_path(@template), class: 'btn btn-primary text-base', data: { turbo_frame: 'modal' } do %>
+          <%= svg_icon('plus', class: 'w-6 h-6 stroke-2') %>
+          <span class="hidden md:block">Add Recipients</span>
+        <% end %>
+      <% end %>
+    </div>
   </div>
-</div>
+<% end %>
 <% status_badges = { 'awaiting' => 'badge-info', 'sent' => 'badge-info', 'completed' => 'badge-success', 'opened' => 'badge-warning' } %>
 <% if @submissions.present? %>
   <div class="space-y-4">
@@ -46,9 +50,11 @@
             </div>
           </div>
           <div class="flex space-x-2 items-center">
-            <span class="badge <%= status_badges[submitter.status] %> w-32 badge-lg btn-sm uppercase text-sm font-medium border-1">
-              <%= submitter.status %>
-            </span>
+            <div class="tooltip flex" data-tip="<%= l(submitter.status_event_at.in_time_zone(current_account.timezone), format: :short, locale: current_account.locale) %>">
+              <span class="badge <%= status_badges[submitter.status] %> w-32 badge-lg btn-sm uppercase text-sm font-medium border-1">
+                <%= submitter.status %>
+              </span>
+            </div>
             <% if submitter.completed_at? %>
               <form onsubmit="event.preventDefault()">
                 <button onclick="event.stopPropagation()">
@@ -65,7 +71,7 @@
                 </button>
               </form>
             <% else %>
-              <%= render 'shared/clipboard_copy', text: submit_form_url(slug: submission.submitters.first.slug), class: 'btn btn-sm btn-neutral text-white w-36', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy Link' %>
+              <%= render 'shared/clipboard_copy', text: submit_form_url(slug: submission.submitters.first.slug), class: 'btn btn-sm btn-neutral text-white w-36 flex', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy Link' %>
             <% end %>
             <%= button_to submitter.completed_at? ? 'Archive' : 'Remove', submission_path(submission), class: 'btn btn-outline btn-sm w-28', title: 'Delete', method: :delete, data: { turbo_confirm: 'Are you sure?' }, onclick: 'event.stopPropagation()' %>
           </div>
@@ -82,10 +88,12 @@
                 </span>
                 <% unless submission.submitters.all?(&:completed_at?) %>
                   <div class="flex items-center space-x-3">
-                    <span class="badge w-24 <%= status_badges[submitter.status] %>  btn-xs uppercase text-xs font-medium border-1">
-                      <%= submitter.status %>
-                    </span>
-                    <%= render 'shared/clipboard_copy', text: submit_form_url(slug: submitter.slug), class: 'btn btn-xs text-xs btn-neutral text-white w-32', icon_class: 'w-4 h-4 text-white', copy_title: 'Copy Link' %>
+                    <div class="tooltip flex" data-tip="<%= l(submitter.status_event_at.in_time_zone(current_account.timezone), format: :short, locale: current_account.locale) %>">
+                      <span class="badge w-24 <%= status_badges[submitter.status] %> btn-xs uppercase text-xs font-medium border-1">
+                        <%= submitter.status %>
+                      </span>
+                    </div>
+                    <%= render 'shared/clipboard_copy', text: submit_form_url(slug: submitter.slug), class: 'btn btn-xs text-xs btn-neutral text-white w-32 flex', icon_class: 'w-4 h-4 text-white', copy_title: 'Copy Link' %>
                   </div>
                 <% end %>
               </div>
@@ -93,9 +101,11 @@
           </div>
           <div class="flex space-x-2 items-center">
             <% if submission.submitters.all?(&:completed_at?) %>
-              <span class="badge <%= status_badges[submitter.status] %> w-32 badge-lg btn-sm uppercase text-sm font-medium border-1">
-                <%= submitter.status %>
-              </span>
+              <div class="tooltip flex" data-tip="<%= l(submitter.status_event_at.in_time_zone(current_account.timezone), format: :short, locale: current_account.locale) %>">
+                <span class="badge <%= status_badges[submitter.status] %> w-32 badge-lg btn-sm uppercase text-sm font-medium border-1">
+                  <%= submitter.status %>
+                </span>
+              </div>
               <form onsubmit="event.preventDefault()">
                 <button onclick="event.stopPropagation()">
                   <download-button data-src="<%= submitter_download_index_path(submission.submitters.select(&:completed_at?).max_by(&:completed_at).slug) %>" class="btn btn-sm btn-neutral text-white w-36">
@@ -117,7 +127,18 @@
       </a>
     <% end %>
   </div>
-  <%= render 'shared/pagination', pagy: @pagy, items_name: 'Submissions' %>
+  <%= render 'shared/pagination', pagy: @pagy, items_name: 'submissions' %>
 <% else %>
-  <%= render 'shared/no_data_banner' %>
+  <div class="card bg-base-200">
+    <div class="card-body text-center py-16">
+      <div class="max-w-md mx-auto">
+        <p class="text-3xl font-bold text-base-content mb-4">There are no Submissions yet</p>
+        <p class="text-gray-600">Send an invitation to fill and submit the documents via email</p>
+        <%= link_to new_template_submission_path(@template), class: 'base-button mt-6', data: { turbo_frame: 'modal' } do %>
+          <%= svg_icon('plus', class: 'w-6 h-6 stroke-2') %>
+          <span class="hidden md:block">Add Recipients</span>
+        <% end %>
+      </div>
+    </div>
+  </div>
 <% end %>

app/views/users/_form.html.erb

@@ -17,7 +17,7 @@
       <%= f.password_field :password, required: user.new_record?, class: 'base-input' %>
     </div>
   </div>
-  <div class="form-control">
+  <div class="form-control pt-2">
     <%= f.button button_title, class: 'base-button' %>
   </div>
 <% end %>

app/views/users/index.html.erb

@@ -43,7 +43,7 @@
                 </span>
               </td>
               <td>
-                <%= user.last_sign_in_at ? l(user.last_sign_in_at, format: :short) : '-' %>
+                <%= user.last_sign_in_at ? l(user.last_sign_in_at.in_time_zone(current_account.timezone), format: :short, locale: current_account.locale) : '-' %>
               </td>
               <td class="flex items-center space-x-2 justify-end">
                 <%= link_to edit_user_path(user), class: 'btn btn-outline btn-xs', title: 'Edit', data: { turbo_frame: 'modal' } do %>
@@ -58,6 +58,6 @@
         </tbody>
       </table>
     </div>
-    <%= render 'shared/pagination', pagy: @pagy, items_name: 'Users' %>
+    <%= render 'shared/pagination', pagy: @pagy, items_name: 'users' %>
   </div>
 </div>