alchemy-ajax-form 1.0.0

data/app/controllers/alchemy/admin/ajax_forms_controller.rb

@@ -0,0 +1,53 @@
+module Alchemy
+  module Admin
+    class AjaxFormsController < ResourcesController
+
+      def resource_handler
+        @_resource_handler ||= "::#{controller_name.classify}Resource".constantize.new(controller_path, alchemy_module)
+      end
+
+      def index
+        @query = resource_handler.model.ransack(search_filter_params[:q])
+        items = @query.result
+        items = items.order(created_at: :desc)
+
+        if contains_relations?
+          items = items.includes(*resource_relations_names)
+        end
+
+        if search_filter_params[:tagged_with].present?
+          items = items.tagged_with(search_filter_params[:tagged_with])
+        end
+
+        if search_filter_params[:filter].present?
+          items = items.public_send(sanitized_filter_params)
+        end
+
+        respond_to do |format|
+          format.html {
+            items = items.page(params[:page] || 1).per(per_page_value_for_screen_size)
+            instance_variable_set("@#{resource_handler.resources_name}", items)
+          }
+          format.csv {
+            instance_variable_set("@#{resource_handler.resources_name}", items)
+          }
+        end
+      end
+
+      protected
+
+      def common_search_filter_includes
+        [
+            # contrary to Rails' documentation passing an empty hash to permit all keys does not work
+            {options: options_from_params.keys},
+            {q: [resource_handler.search_field_name, :s]},
+            :tagged_with,
+            :filter,
+            :page
+        ].freeze
+      end
+
+
+    end
+  end
+end

data/app/controllers/alchemy/ajax_forms_controller.rb

@@ -0,0 +1,34 @@
+module Alchemy
+  class AjaxFormsController < Alchemy::BaseController
+
+
+    def create
+      @object = base_class.new permitted_resource_attributes
+      if verify_recaptcha(model: @object) && @object.valid?
+        #registro dati, invio email
+        unless @object.send_only?
+        @object.save
+        end
+        @object.mail_deliver
+
+        render formats: :json
+      else
+        render formats: :json, status: :not_acceptable
+      end
+    end
+
+
+    private
+
+
+    def permitted_resource_attributes
+      params.require(base_class.to_s.demodulize.underscore).permit!
+    end
+
+    def base_class
+      controller_name.classify.constantize
+    end
+
+
+  end
+end

data/app/mailers/alchemy/ajax_forms_mailer.rb

@@ -0,0 +1,42 @@
+module Alchemy
+  class AjaxFormsMailer < ApplicationMailer
+
+    if Alchemy::Ajax::Form.enable_mjml
+      layout "alchemy/mjml_base_mailer"
+    else
+      layout "alchemy/base_mailer"
+    end
+
+
+    include Alchemy::ConfigurationMethods
+    add_template_helper(Alchemy::PagesHelper)
+
+
+    def notify_message(r)
+      @rec = r
+      reply_to = @rec.email if @rec.respond_to? :email
+      if Alchemy::Ajax::Form.enable_mjml
+        mail(from: Alchemy::EMAIL_NOTIFY_FROM, to: r.emails_recipient, subject: r.notify_subject, reply_to: reply_to) do |format|
+          format.mjml { render "mjml_notify_message", locals: {recipient: @rec} }
+        end
+      else
+        mail(from: Alchemy::EMAIL_NOTIFY_FROM, to: r.emails_recipient, subject: r.notify_subject, reply_to: reply_to)
+      end
+    end
+
+    def notify_message_user(r)
+      @rec = r
+      if Alchemy::Ajax::Form.enable_mjml
+        mail(to: @rec.email, from: Alchemy::EMAIL_NOTIFY_FROM, subject: @rec.notify_user_subject) do |format|
+          format.mjml { render "mjml_notify_user_message", locals: {recipient: @rec} }
+        end
+      else
+        mail(to: @rec.email, from: Alchemy::EMAIL_NOTIFY_FROM, subject: @rec.notify_user_subject) do |format|
+          format.html {render "notify_user_message"}
+        end
+      end
+    end
+
+  end
+end
+

data/app/models/alchemy/ajax_form.rb

@@ -0,0 +1,68 @@
+module Alchemy
+  class AjaxForm < ApplicationRecord
+
+    self.abstract_class = true
+
+    belongs_to :language, class_name: "Alchemy::Language", optional: true, required: false
+
+    def site
+      language.try(:site)
+    end
+
+
+    def notify_subject
+      I18n.translate(:default_notification_subject, scope: [:ajax_form_mailer, :subjects])
+    end
+
+    def notify_user_subject
+      I18n.translate(:default_notification_user_subject, scope: [:ajax_form_mailer, :subjects])
+    end
+
+    validates :email, :presence => {allow_blank: false}, if: -> {respond_to? :email}
+    validates_format_of :email, :with => /\A([-a-z0-9!\#$%&'*+\/=?^_`{|}~]+\.)*[-a-z0-9!\#$%&'*+\/=?^_`{|}~]+@((?:[-a-z0-9]+\.)+[a-z]{2,})\Z/i,
+                        if: -> {respond_to? :email and !self.email.blank?}
+
+    #with alchemy element can retrieve settings of form (ex. recipient_notification)
+    attr_accessor :alcm_element
+
+    before_save -> {self.language = Alchemy::Language.current}
+
+    def send_only?
+      element_alchemy.content_by_name(:send_only).essence.value
+    rescue
+      false
+    end
+
+    def send_to_staff?
+      element_alchemy.content_by_name(:send_staff).essence.value
+    rescue
+      false
+    end
+
+    def send_to_user?
+      element_alchemy.content_by_name(:send_user).essence.value and respond_to? :email
+    rescue
+      false
+    end
+
+    def mail_deliver
+      if send_to_staff?
+        AjaxFormsMailer.notify_message(self).deliver_now
+      end
+      if send_to_user?
+        AjaxFormsMailer.notify_message_user(self).deliver_now
+      end
+    end
+
+    def element_alchemy
+      Alchemy::Element.find(self.alcm_element)
+    end
+
+    def emails_recipient
+      element_alchemy.content_by_name(:recipient_notification).essence.body
+    rescue
+      Alchemy::EMAIL_NOTIFY
+    end
+
+  end
+end

data/app/models/alchemy/ajax_form_ability.rb

@@ -0,0 +1,22 @@
+module Alchemy
+  class AjaxFormAbility
+    include CanCan::Ability
+
+    def initialize(user)
+
+      if user.present? && user.is_admin?
+        # can :manage, ::UserSiteRegistration
+        # can :manage, :admin_user_site_registrations
+
+        can :manage, AjaxForm
+        cannot :create, AjaxForm
+        cannot :update, AjaxForm
+        can :manage, :admin_ahjax_forms
+        cannot :create, :admin_ajax_forms
+        cannot :update, :admin_ajax_forms
+
+      end
+    end
+
+  end
+end

data/app/views/alchemy/admin/ajax_forms/_table.html.erb

@@ -0,0 +1,22 @@
+<% if resources_instance_variable.any? %>
+<table class="list" id="<%= resource_handler.resources_name %>_list">
+  <thead>
+    <tr>
+    <% resource_handler.attributes.each do |attribute| %>
+      <th class="<%= attribute[:type] %> <%= attribute[:name] %>">
+        <%= resource_handler.model.human_attribute_name(attribute[:name]) %>
+
+      </th>
+    <% end %>
+      <th class="tools"></th>
+    </tr>
+  </thead>
+  <tbody>
+    <%= render_resources %>
+  </tbody>
+</table>
+<% elsif search_filter_params[:q].present? %>
+<p><%= Alchemy.t('Nothing found') %></p>
+<% end %>
+
+<%= paginate resources_instance_variable, scope: resource_url_proxy, theme: 'alchemy' %>

data/app/views/alchemy/ajax_forms/create.json.jbuilder

@@ -0,0 +1,6 @@
+if @object.errors.empty?
+  json.messages t(:form_sended_succesfully)
+else
+  json.messages @object.errors.full_messages
+  json.errors @object.errors
+end

data/app/views/alchemy/ajax_forms_mailer/mjml_notify_message.mjml.erb

@@ -0,0 +1 @@
+<%= render partial: @rec.class.name.underscore, formats: [:html], locals: { rec: @rec } %>

data/app/views/alchemy/ajax_forms_mailer/mjml_notify_user_message.mjml.erb

@@ -0,0 +1 @@
+<%= render partial: "#{@rec.class.name.underscore}_user", formats: [:html], locals: { rec: @rec } %>

data/app/views/alchemy/ajax_forms_mailer/notify_message.html.erb

@@ -0,0 +1 @@
+<%= render partial: @rec.class.name.underscore, locals: { rec: @rec } %>

data/app/views/alchemy/ajax_forms_mailer/notify_user_message.html.erb

@@ -0,0 +1 @@
+<%= render partial: "#{@rec.class.name.underscore}_user", locals: { rec: @rec } %>

data/app/views/layouts/alchemy/base_mailer.html.erb

@@ -0,0 +1,323 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
+<head>
+  <!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
+  <meta content="width=device-width" name="viewport"/>
+  <!--[if !mso]><!-->
+  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+  <!--<![endif]-->
+  <title></title>
+  <!--[if !mso]><!-->
+  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css"/>
+  <!--<![endif]-->
+  <style type="text/css">
+    body {
+      margin: 0;
+      padding: 0;
+    }
+
+    table,
+    td,
+    tr {
+      vertical-align: top;
+      border-collapse: collapse;
+    }
+
+    * {
+      line-height: inherit;
+    }
+
+    a[x-apple-data-detectors=true] {
+      color: inherit !important;
+      text-decoration: none !important;
+    }
+  </style>
+  <style id="media-query" type="text/css">
+    @media (max-width: 620px) {
+
+      .block-grid,
+      .col {
+        min-width: 320px !important;
+        max-width: 100% !important;
+        display: block !important;
+      }
+
+      .block-grid {
+        width: 100% !important;
+      }
+
+      .col {
+        width: 100% !important;
+      }
+
+      .col>div {
+        margin: 0 auto;
+      }
+
+      img.fullwidth,
+      img.fullwidthOnMobile {
+        max-width: 100% !important;
+      }
+
+      .no-stack .col {
+        min-width: 0 !important;
+        display: table-cell !important;
+      }
+
+      .no-stack.two-up .col {
+        width: 50% !important;
+      }
+
+      .no-stack .col.num4 {
+        width: 33% !important;
+      }
+
+      .no-stack .col.num8 {
+        width: 66% !important;
+      }
+
+      .no-stack .col.num4 {
+        width: 33% !important;
+      }
+
+      .no-stack .col.num3 {
+        width: 25% !important;
+      }
+
+      .no-stack .col.num6 {
+        width: 50% !important;
+      }
+
+      .no-stack .col.num9 {
+        width: 75% !important;
+      }
+
+      .video-block {
+        max-width: none !important;
+      }
+
+      .mobile_hide {
+        min-height: 0px;
+        max-height: 0px;
+        max-width: 0px;
+        display: none;
+        overflow: hidden;
+        font-size: 0px;
+      }
+
+      .desktop_hide {
+        display: block !important;
+        max-height: none !important;
+      }
+    }
+  </style>
+</head>
+<body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #f3f3f3;">
+<!--[if IE]><div class="ie-browser"><![endif]-->
+<table bgcolor="#f3f3f3" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f3f3f3; width: 100%;" valign="top" width="100%">
+  <tbody>
+  <tr style="vertical-align: top;" valign="top">
+    <td style="word-break: break-word; vertical-align: top;" valign="top">
+      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#f3f3f3"><![endif]-->
+      <div style="background-color:transparent;">
+        <div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 600px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
+          <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
+            <!--[if (mso)|(IE)]><td align="center" width="600" style="background-color:transparent;width:600px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:0px;"><![endif]-->
+            <div class="col num12" style="min-width: 320px; max-width: 600px; display: table-cell; vertical-align: top; width: 600px;">
+              <div style="width:100% !important;">
+                <!--[if (!mso)&(!IE)]><!-->
+                <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
+                  <!--<![endif]-->
+                  <div style="font-size:16px;text-align:center;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif">
+                    <div class="our-class" style="height:25px; background-color: #F27C1D;"> </div>
+                  </div>
+                  <!--[if (!mso)&(!IE)]><!-->
+                </div>
+                <!--<![endif]-->
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
+          </div>
+        </div>
+      </div>
+      <div style="background-color:transparent;">
+        <div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 600px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #FFFFFF;">
+          <div style="border-collapse: collapse;display: table;width: 100%;background-color:#FFFFFF;">
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px"><tr class="layout-full-width" style="background-color:#FFFFFF"><![endif]-->
+            <!--[if (mso)|(IE)]><td align="center" width="600" style="background-color:#FFFFFF;width:600px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
+            <div class="col num12" style="min-width: 320px; max-width: 600px; display: table-cell; vertical-align: top; width: 600px;">
+              <div style="width:100% !important;">
+                <!--[if (!mso)&(!IE)]><!-->
+                <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
+                  <!--<![endif]-->
+                  <div align="center" class="img-container center" style="padding-right: 0px;padding-left: 0px;">
+                    <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="center"><![endif]-->
+                    <!-- put here image logo -->
+                    <!--[if mso]></td></tr></table><![endif]-->
+                  </div>
+                  <!--[if (!mso)&(!IE)]><!-->
+                </div>
+                <!--<![endif]-->
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
+          </div>
+        </div>
+      </div>
+      <div style="background-color:transparent;">
+        <div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 600px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #FFFFFF;">
+          <div style="border-collapse: collapse;display: table;width: 100%;background-color:#FFFFFF;">
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px"><tr class="layout-full-width" style="background-color:#FFFFFF"><![endif]-->
+            <!--[if (mso)|(IE)]><td align="center" width="600" style="background-color:#FFFFFF;width:600px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:5px;"><![endif]-->
+            <div class="col num12" style="min-width: 320px; max-width: 600px; display: table-cell; vertical-align: top; width: 600px;">
+              <div style="width:100% !important;">
+                <!--[if (!mso)&(!IE)]><!-->
+                <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
+                  <!--<![endif]-->
+                  <%= yield %>
+                  <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%">
+                    <tbody>
+                    <tr style="vertical-align: top;" valign="top">
+                      <td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 30px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;" valign="top">
+                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid transparent; width: 100%;" valign="top" width="100%">
+                          <tbody>
+                          <tr style="vertical-align: top;" valign="top">
+                            <td style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top"><span></span></td>
+                          </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table>
+                  <!--[if (!mso)&(!IE)]><!-->
+                </div>
+                <!--<![endif]-->
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
+          </div>
+        </div>
+      </div>
+      <div style="background-color:transparent;">
+        <div class="block-grid three-up" style="Margin: 0 auto; min-width: 320px; max-width: 600px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #002543;">
+          <div style="border-collapse: collapse;display: table;width: 100%;background-color:#002543;">
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px"><tr class="layout-full-width" style="background-color:#002543"><![endif]-->
+            <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color:#002543;width:200px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 5px; padding-left: 5px; padding-top:5px; padding-bottom:5px;"><![endif]-->
+            <div class="col num4" style="max-width: 320px; min-width: 200px; display: table-cell; vertical-align: top; width: 200px;">
+              <div style="width:100% !important;">
+                <!--[if (!mso)&(!IE)]><!-->
+                <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 5px; padding-left: 5px;">
+                  <!--<![endif]-->
+                  <table cellpadding="0" cellspacing="0" class="social_icons" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" valign="top" width="100%">
+                    <tbody>
+                    <tr style="vertical-align: top;" valign="top">
+                      <td style="word-break: break-word; vertical-align: top; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;" valign="top">
+                        <table activate="activate" align="center" alignment="alignment" cellpadding="0" cellspacing="0" class="social_table" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: undefined; mso-table-tspace: 0; mso-table-rspace: 0; mso-table-bspace: 0; mso-table-lspace: 0;" to="to" valign="top">
+                          <tbody>
+                          <tr align="center" style="vertical-align: top; display: inline-block; text-align: center;" valign="top">
+                            <td style="word-break: break-word; vertical-align: top; padding-bottom: 5px; padding-right: 3px; padding-left: 3px;" valign="top"><!-- put here social 1 --></td>
+                          </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table>
+                  <!--[if (!mso)&(!IE)]><!-->
+                </div>
+                <!--<![endif]-->
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+            <!--[if (mso)|(IE)]></td><td align="center" width="200" style="background-color:#002543;width:200px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top:10px; padding-bottom:10px;"><![endif]-->
+            <div class="col num4" style="max-width: 320px; min-width: 200px; display: table-cell; vertical-align: top; width: 200px;">
+              <div style="width:100% !important;">
+                <!--[if (!mso)&(!IE)]><!-->
+                <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 10px; padding-left: 10px;">
+                  <!--<![endif]-->
+                  <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; font-family: Arial, sans-serif"><![endif]-->
+                  <div style="color:#ffffff;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.2;padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px;">
+                    <div style="font-size: 12px; line-height: 1.2; color: #ffffff; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-line-height-alt: 14px;">
+                     <!-- pu here phone number  <p style="font-size: 12px; line-height: 1.2; text-align: center; word-break: break-word; mso-line-height-alt: 14px; margin: 0;"><span style="color: #ffffff; font-size: 12px;"><span style="font-size: 12px;">Tel.:</span> +39 . 000 . 000 . 000</span></p> -->
+                    </div>
+                  </div>
+                  <!--[if mso]></td></tr></table><![endif]-->
+                  <!--[if (!mso)&(!IE)]><!-->
+                </div>
+                <!--<![endif]-->
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+            <!--[if (mso)|(IE)]></td><td align="center" width="200" style="background-color:#002543;width:200px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top:10px; padding-bottom:10px;"><![endif]-->
+            <div class="col num4" style="max-width: 320px; min-width: 200px; display: table-cell; vertical-align: top; width: 200px;">
+              <div style="width:100% !important;">
+                <!--[if (!mso)&(!IE)]><!-->
+                <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 10px; padding-left: 10px;">
+                  <!--<![endif]-->
+                  <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; font-family: Arial, sans-serif"><![endif]-->
+                  <div style="color:#ffffff;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.2;padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px;">
+                    <div style="font-size: 12px; line-height: 1.2; color: #ffffff; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-line-height-alt: 14px;">
+                      <!-- put here email <p style="font-size: 12px; line-height: 1.2; text-align: center; word-break: break-word; mso-line-height-alt: 14px; margin: 0;">Email: <span style="color: #ffffff; font-size: 12px;">mail@example.com</span></p> -->
+                    </div>
+                  </div>
+                  <!--[if mso]></td></tr></table><![endif]-->
+                  <!--[if (!mso)&(!IE)]><!-->
+                </div>
+                <!--<![endif]-->
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
+          </div>
+        </div>
+      </div>
+      <div style="background-color:transparent;">
+        <div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 600px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
+          <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
+            <!--[if (mso)|(IE)]><td align="center" width="600" style="background-color:transparent;width:600px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:5px;"><![endif]-->
+            <div class="col num12" style="min-width: 320px; max-width: 600px; display: table-cell; vertical-align: top; width: 600px;">
+              <div style="width:100% !important;">
+                <!--[if (!mso)&(!IE)]><!-->
+                <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
+                  <!--<![endif]-->
+                  <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%">
+                    <tbody>
+                    <tr style="vertical-align: top;" valign="top">
+                      <td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px;" valign="top">
+                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid transparent; width: 100%;" valign="top" width="100%">
+                          <tbody>
+                          <tr style="vertical-align: top;" valign="top">
+                            <td style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top"><span></span></td>
+                          </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    </tbody>
+                  </table>
+                  <!--[if (!mso)&(!IE)]><!-->
+                </div>
+                <!--<![endif]-->
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
+          </div>
+        </div>
+      </div>
+      <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+    </td>
+  </tr>
+  </tbody>
+</table>
+<!--[if (IE)]></div><![endif]-->
+</body>
+</html>