From ef71eb02948d3f51ee78fdf3ec9c36d1b840b3e0 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Thu, 13 Mar 2025 11:41:52 +0000
Subject: [PATCH 01/12] feat: initial commit

---
 lib/atomic/quantum/certificate_delivery.ex    |  2 +-
 .../certificate_live/index.ex                 | 58 +++++++++++++++++++
 .../certificate_live/index.html.heex          | 22 +++++++
 .../live/organization_live/form_component.ex  |  1 +
 .../live/organization_live/show.html.heex     |  7 ++-
 lib/atomic_web/router.ex                      |  1 +
 6 files changed, 89 insertions(+), 2 deletions(-)
 create mode 100644 lib/atomic_web/live/organization_live/certificate_live/index.ex
 create mode 100644 lib/atomic_web/live/organization_live/certificate_live/index.html.heex

diff --git a/lib/atomic/quantum/certificate_delivery.ex b/lib/atomic/quantum/certificate_delivery.ex
index 373f7d621..6421b9535 100644
--- a/lib/atomic/quantum/certificate_delivery.ex
+++ b/lib/atomic/quantum/certificate_delivery.ex
@@ -65,7 +65,7 @@ defmodule Atomic.Quantum.CertificateDelivery do
 
   # It uses `wkhtmltopdf` to build it from an HTML template, which
   # is rendered beforehand.
-  defp generate_certificate(
+  def generate_certificate(
          %Enrollment{} = enrollment,
          %Activity{} = activity,
          %Organization{} = organization
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
new file mode 100644
index 000000000..fd95c464b
--- /dev/null
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -0,0 +1,58 @@
+defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
+  use AtomicWeb, :live_view
+
+  alias Atomic.Activities
+  alias Atomic.Organizations
+  import Atomic.Quantum.CertificateDelivery
+  import AtomicWeb.Components.Forms
+
+
+  @impl true
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  @impl true
+  def handle_params(%{"organization_id" => organization_id} = params, _url, socket) do
+    activities = list_activities(organization_id)
+    organization = Organizations.get_organization!(organization_id)
+    changeset = Organizations.change_organization(organization)
+
+
+    {:noreply,
+     socket
+     |> assign(:page_title, gettext("Certeficate"))
+     |> assign(:current_page, :certificate)
+     |> assign(:organization, organization)
+     |> assign(:changeset, changeset)
+     |> assign(:activities, activities)
+     |> assign(:params, params)}
+  end
+
+  @impl true
+  def handle_event("generate",_params, socket) do
+    %{
+      enrollment: enrollment,
+      activity: activity,
+      organization: organization
+    } = socket.assigns
+
+    case generate_certificate(enrollment, activity, organization) do
+      {:ok, _pdf_path} ->
+        {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
+
+      {:error, reason} ->
+        {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{inspect(reason)}")}
+    end
+  end
+
+  defp list_activities(organization_id) do
+    case Activities.list_activities_by_organization_id(organization_id) do
+      {:ok, {activities, meta}} ->
+        %{activities: activities, meta: meta}
+
+      {:error, flop} ->
+        %{activities: [], meta: flop}
+    end
+  end
+  end
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
new file mode 100644
index 000000000..a2185f53d
--- /dev/null
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -0,0 +1,22 @@
+<.page title="Certeficate" >
+    <:actions>
+        <h1>Boas</h1>
+    </:actions>
+
+    <.form :let={f} for={@changeset} id="announcement-form" phx-target={@organization} phx-change="validate" phx-submit="generate" class="space-y-6">
+        <div class="relative pb-16">
+          <div class="grid gap-4 xl:grid-cols-2">
+            <div class="flex flex-col">
+              <.field field={f[:title]} type="text" placeholder="Title" required class="w-full" />
+    
+              <.field field={f[:description]} type="textarea" placeholder="Description" required class="h-44 w-full resize-none overflow-auto xl:h-64" />
+            </div>
+            <div class="space-y-4">    
+              <div class="flex justify-end">
+                <.button size={:md} color={:white} icon="hero-cube" type="submit">{gettext("Save Changes")}</.button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </.form>
+</.page>
\ No newline at end of file
diff --git a/lib/atomic_web/live/organization_live/form_component.ex b/lib/atomic_web/live/organization_live/form_component.ex
index 50b492388..28e4634e2 100644
--- a/lib/atomic_web/live/organization_live/form_component.ex
+++ b/lib/atomic_web/live/organization_live/form_component.ex
@@ -11,6 +11,7 @@ defmodule AtomicWeb.OrganizationLive.FormComponent do
   @impl true
   def update(%{organization: organization} = assigns, socket) do
     changeset = Organizations.change_organization(organization)
+    
 
     {:ok,
      socket
diff --git a/lib/atomic_web/live/organization_live/show.html.heex b/lib/atomic_web/live/organization_live/show.html.heex
index 328614eed..e89fd6bb3 100644
--- a/lib/atomic_web/live/organization_live/show.html.heex
+++ b/lib/atomic_web/live/organization_live/show.html.heex
@@ -53,7 +53,7 @@
                             phx-click="unfollow"
                             @click.away="open = false"
                             @click="open = false"
-                            class="absolute left-0 z-10 mt-2 -mr-1 w-72 origin-top-left divide-y divide-zinc-200 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:left-0 sm:left-auto"
+                            class="absolute left-0 z-10 mt-2 -mr-1 w-72 origin-top-left divide-y divide-zinc-200 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:left-auto"
                             tabindex="-1"
                             role="listbox"
                             aria-labelledby="listbox-label"
@@ -81,6 +81,11 @@
                           <.icon name="hero-trash-solid" class="mr-3 h-5 w-5 text-zinc-400" /> Delete
                         </div>
                       <% end %>
+                      <.link patch={~p"/organizations/#{@organization}/certificate"} class="button">
+                        <div type="button" class="inline-flex w-fit justify-center rounded-md border border-zinc-300 bg-white px-4 py-2 text-sm font-medium text-zinc-700 shadow-sm hover:bg-zinc-50" id="sort-menu-button" aria-expanded="false" aria-haspopup="true">
+                          <.icon name="hero-pencil-square-solid" class="mr-3 h-5 w-5 text-zinc-400" /> Edit Certificate
+                        </div>
+                      </.link>
                     <% end %>
                   </div>
                 </div>
diff --git a/lib/atomic_web/router.ex b/lib/atomic_web/router.ex
index ee7abf568..3186088de 100644
--- a/lib/atomic_web/router.ex
+++ b/lib/atomic_web/router.ex
@@ -58,6 +58,7 @@ defmodule AtomicWeb.Router do
 
       scope "/organizations/:organization_id" do
         live "/edit", OrganizationLive.Edit, :edit
+        live "/certificate", OrganizationLive.CertificateLive.Index, :index
 
         scope "/activities" do
           pipe_through :confirm_activity_association

From ab4623a5c556ded1355b16ac570b8076648b0732 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Fri, 14 Mar 2025 23:19:30 +0000
Subject: [PATCH 02/12] feat: add form

---
 .../organization_live/certificate_live/index.ex     | 10 +++++-----
 .../certificate_live/index.html.heex                | 13 ++++---------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index fd95c464b..3e1a5d7d3 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -42,17 +42,17 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
         {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
 
       {:error, reason} ->
-        {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{inspect(reason)}")}
+        {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{reason}")}
     end
   end
 
   defp list_activities(organization_id) do
     case Activities.list_activities_by_organization_id(organization_id) do
-      {:ok, {activities, meta}} ->
-        %{activities: activities, meta: meta}
+      {:ok, {activities, _meta}} ->
+        activities
 
-      {:error, flop} ->
-        %{activities: [], meta: flop}
+      {:error, _flop} ->
+        []
     end
   end
   end
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index a2185f53d..0eab0f224 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -1,15 +1,10 @@
 <.page title="Certeficate" >
-    <:actions>
-        <h1>Boas</h1>
-    </:actions>
-
-    <.form :let={f} for={@changeset} id="announcement-form" phx-target={@organization} phx-change="validate" phx-submit="generate" class="space-y-6">
+    <.form :let={f} for={@changeset} id="announcement-form" phx-change="validate" phx-submit="generate" class="space-y-6">
         <div class="relative pb-16">
           <div class="grid gap-4 xl:grid-cols-2">
             <div class="flex flex-col">
-              <.field field={f[:title]} type="text" placeholder="Title" required class="w-full" />
-    
-              <.field field={f[:description]} type="textarea" placeholder="Description" required class="h-44 w-full resize-none overflow-auto xl:h-64" />
+              <.field field={f[:enrollment]} type="text" placeholder="Enrollment" required class="w-full" />
+              <.field field={f[:activity]} type="textarea" placeholder="Activity" required class="h-44 w-full resize-none overflow-auto xl:h-64" />
             </div>
             <div class="space-y-4">    
               <div class="flex justify-end">
@@ -18,5 +13,5 @@
             </div>
           </div>
         </div>
-      </.form>
+    </.form>
 </.page>
\ No newline at end of file

From f1d8d3474da9526cd8e10c15d22a9aa8e4701748 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Fri, 14 Mar 2025 23:36:54 +0000
Subject: [PATCH 03/12] feat: add activities as options

---
 .../certificate_live/index.ex                 | 33 +++++++++----------
 .../certificate_live/index.html.heex          |  2 +-
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index 3e1a5d7d3..009bcdc11 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -6,7 +6,6 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
   import Atomic.Quantum.CertificateDelivery
   import AtomicWeb.Components.Forms
 
-
   @impl true
   def mount(_params, _session, socket) do
     {:ok, socket}
@@ -18,10 +17,9 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
     organization = Organizations.get_organization!(organization_id)
     changeset = Organizations.change_organization(organization)
 
-
     {:noreply,
      socket
-     |> assign(:page_title, gettext("Certeficate"))
+     |> assign(:page_title, gettext("Certificate"))
      |> assign(:current_page, :certificate)
      |> assign(:organization, organization)
      |> assign(:changeset, changeset)
@@ -30,17 +28,13 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
   end
 
   @impl true
-  def handle_event("generate",_params, socket) do
-    %{
-      enrollment: enrollment,
-      activity: activity,
-      organization: organization
-    } = socket.assigns
-
-    case generate_certificate(enrollment, activity, organization) do
-      {:ok, _pdf_path} ->
-        {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
+  def handle_event("generate", _params, socket) do
+    with %{activity: activity, organization: organization} <- socket.assigns,
+         enrollment <- Activities.get_enrollment!(activity.id, user_id),
 
+         {:ok, _pdf_path} <- generate_certificate(enrollment, activity, organization) do
+      {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
+    else
       {:error, reason} ->
         {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{reason}")}
     end
@@ -48,11 +42,14 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
 
   defp list_activities(organization_id) do
     case Activities.list_activities_by_organization_id(organization_id) do
-      {:ok, {activities, _meta}} ->
-        activities
-
-      {:error, _flop} ->
-        []
+      {:ok, {activities, _meta}} -> activities
+      {:error, _flop} -> []
     end
   end
+
+  defp options(activities) do
+    activities
+    |> Enum.map(&{&1.title, &1.id})
   end
+
+end
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index 0eab0f224..6c4e26dc2 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -4,7 +4,7 @@
           <div class="grid gap-4 xl:grid-cols-2">
             <div class="flex flex-col">
               <.field field={f[:enrollment]} type="text" placeholder="Enrollment" required class="w-full" />
-              <.field field={f[:activity]} type="textarea" placeholder="Activity" required class="h-44 w-full resize-none overflow-auto xl:h-64" />
+              <.field field={f[:activity]} type="select"  options={options(@activities)} placeholder="Activity" required class="h-10 w-full resize-none overflow-auto" />
             </div>
             <div class="space-y-4">    
               <div class="flex justify-end">

From 5ac89eb7979a9ca7d6d6fae7cf465035a74594a7 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Tue, 18 Mar 2025 01:14:34 +0000
Subject: [PATCH 04/12] feat: reder certificate

---
 lib/atomic/activities.ex                      |  6 ++
 lib/atomic/quantum/certificate_delivery.ex    |  8 +-
 .../certificate_live/index.ex                 |  6 +-
 .../certificate_live/index.html.heex          | 35 +++++----
 .../live/organization_live/form_component.ex  |  1 -
 .../templates/certificate/main.html.eex       | 73 +++++++++++++++++++
 lib/atomic_web/views/certificate_view.ex      |  3 +
 7 files changed, 107 insertions(+), 25 deletions(-)
 create mode 100644 lib/atomic_web/templates/certificate/main.html.eex
 create mode 100644 lib/atomic_web/views/certificate_view.ex

diff --git a/lib/atomic/activities.ex b/lib/atomic/activities.ex
index f6e5704c6..77c8af685 100644
--- a/lib/atomic/activities.ex
+++ b/lib/atomic/activities.ex
@@ -300,6 +300,12 @@ defmodule Atomic.Activities do
     Repo.all(Enrollment)
   end
 
+  def list_enrollments(opts) when is_list(opts) do
+    Enrollment
+    |> apply_filters(opts)
+    |> Repo.all()
+  end
+
   @doc """
   Gets a single enrollment.
 
diff --git a/lib/atomic/quantum/certificate_delivery.ex b/lib/atomic/quantum/certificate_delivery.ex
index 6421b9535..a37aa5b4c 100644
--- a/lib/atomic/quantum/certificate_delivery.ex
+++ b/lib/atomic/quantum/certificate_delivery.ex
@@ -66,10 +66,10 @@ defmodule Atomic.Quantum.CertificateDelivery do
   # It uses `wkhtmltopdf` to build it from an HTML template, which
   # is rendered beforehand.
   def generate_certificate(
-         %Enrollment{} = enrollment,
-         %Activity{} = activity,
-         %Organization{} = organization
-       ) do
+        %Enrollment{} = enrollment,
+        %Activity{} = activity,
+        %Organization{} = organization
+      ) do
     # Create the string corresponding to the HTML to convert
     # to a PDF
     Phoenix.View.render_to_string(AtomicWeb.PDFView, "activity_certificate.html",
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index 009bcdc11..8b1d2efed 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -29,9 +29,8 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
 
   @impl true
   def handle_event("generate", _params, socket) do
-    with %{activity: activity, organization: organization} <- socket.assigns,
-         enrollment <- Activities.get_enrollment!(activity.id, user_id),
-
+    with %{activity: activity, organization: organization, enrollment: enrollment} <-
+           socket.assigns,
          {:ok, _pdf_path} <- generate_certificate(enrollment, activity, organization) do
       {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
     else
@@ -51,5 +50,4 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
     activities
     |> Enum.map(&{&1.title, &1.id})
   end
-
 end
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index 6c4e26dc2..e016d8192 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -1,17 +1,20 @@
-<.page title="Certeficate" >
-    <.form :let={f} for={@changeset} id="announcement-form" phx-change="validate" phx-submit="generate" class="space-y-6">
-        <div class="relative pb-16">
-          <div class="grid gap-4 xl:grid-cols-2">
-            <div class="flex flex-col">
-              <.field field={f[:enrollment]} type="text" placeholder="Enrollment" required class="w-full" />
-              <.field field={f[:activity]} type="select"  options={options(@activities)} placeholder="Activity" required class="h-10 w-full resize-none overflow-auto" />
-            </div>
-            <div class="space-y-4">    
-              <div class="flex justify-end">
-                <.button size={:md} color={:white} icon="hero-cube" type="submit">{gettext("Save Changes")}</.button>
-              </div>
-            </div>
-          </div>
+<.page title="Certificate">
+  <:actions>
+    <.button size={:md} color={:white} icon="hero-cube" type="submit">{gettext("Save Changes")}</.button>
+  </:actions>
+  <.form :let={f} for={@changeset} id="announcement-form" phx-change="validate" phx-submit="generate" class="space-y-6">
+    <div class="relative pb-16">
+      <div class="grid gap-4 xl:grid-cols-2">
+        <div class="flex flex-col">
+          <.field field={f[:Background_color]} type="switch" placeholder="Background color" required class="w-full" />
+          <.field field={f[:enrollment]} type="switch" placeholder="Background color" required class="w-full" />
+          <.field field={f[:enrollment]} type="switch" placeholder="Background color" required class="w-full" />
+          <.field field={f[:enrollment]} type="switch" placeholder="Background color" required class="w-full" />
         </div>
-    </.form>
-</.page>
\ No newline at end of file
+      </div>
+      <div class="h-128 w-auto scale-50 overflow-hidden">
+        {Phoenix.View.render(AtomicWeb.CertificateView, "main.html", assigns)}
+      </div>
+    </div>
+  </.form>
+</.page>
diff --git a/lib/atomic_web/live/organization_live/form_component.ex b/lib/atomic_web/live/organization_live/form_component.ex
index 28e4634e2..50b492388 100644
--- a/lib/atomic_web/live/organization_live/form_component.ex
+++ b/lib/atomic_web/live/organization_live/form_component.ex
@@ -11,7 +11,6 @@ defmodule AtomicWeb.OrganizationLive.FormComponent do
   @impl true
   def update(%{organization: organization} = assigns, socket) do
     changeset = Organizations.change_organization(organization)
-    
 
     {:ok,
      socket
diff --git a/lib/atomic_web/templates/certificate/main.html.eex b/lib/atomic_web/templates/certificate/main.html.eex
new file mode 100644
index 000000000..ed56a6ec5
--- /dev/null
+++ b/lib/atomic_web/templates/certificate/main.html.eex
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Certificado da Atividade </title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <style>
+        /* Inline styles */
+        .container {
+            background: url('<%= AtomicWeb.Endpoint.url() <> "/images/atomic_background.svg" %>') no-repeat center;
+            text-align: center;
+            width: 1500px;
+            height: 1045px;
+            margin: auto;
+            padding: 0;
+        }
+        .title {
+            font-size: 62px;
+            color: #fb923c;
+            font-weight: bolder;
+            padding-top: 36px;
+            margin-bottom: 120px;
+        }
+        .content {
+            font-size: 24px;
+            text-align: justify;
+            padding: 32px;
+        }
+        .name {
+            font-size: 72px;
+            font-weight: bold;
+            text-align: center;
+            text-decoration: underline;
+            width: 100%;
+            display: block;
+            margin-top: 32px;
+            margin-bottom: 32px;
+        }
+        .organization {
+            font-size: 24px;
+            text-align: justify;
+        }
+        .note {
+            position: absolute;
+            bottom: 0;
+            font-size: 12px;
+            text-align: center;
+            padding-left: 24px;
+            padding-right: 24px;
+            padding-bottom: 10px;
+        }
+        .note a {
+            color: indigo;
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="title">Certificado de Participação</div>
+        <p class="content">
+            Para os devidos efeitos, certifica-se que
+        </p>
+        <span class="name">Enrollment</span>
+        <p class="content">
+            participou na atividade <span class="organization">Certificado da Atividade</span>, organizada pelo(a) <span class="organization"><%= @organization.name %></span>.
+        </p>
+        <p class="note">
+            Este certificado foi gerado automaticamente pela plataforma <i>open-source</i> de gestão de núcleos <a href="https://github.com/cesium/atomic">Atomic</a>, sendo da exclusiva responsabilidade do Centro de Estudantes de Engenharia de Informática da Universidade do Minho, com a devida autorização da organização dinamizadora da atividade.
+        </p>
+    </div>
+</body>
+</html>
diff --git a/lib/atomic_web/views/certificate_view.ex b/lib/atomic_web/views/certificate_view.ex
new file mode 100644
index 000000000..9fe271bfe
--- /dev/null
+++ b/lib/atomic_web/views/certificate_view.ex
@@ -0,0 +1,3 @@
+defmodule AtomicWeb.CertificateView do
+  use AtomicWeb, :view
+end

From 726530f62411a557ca47db370a99a9ed74eb1742 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Wed, 19 Mar 2025 19:47:08 +0000
Subject: [PATCH 05/12] feat: scale

---
 .../certificate_live/index.ex                 |  5 -----
 .../certificate_live/index.html.heex          | 20 +++++++++----------
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index 8b1d2efed..606ad95fc 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -45,9 +45,4 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
       {:error, _flop} -> []
     end
   end
-
-  defp options(activities) do
-    activities
-    |> Enum.map(&{&1.title, &1.id})
-  end
 end
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index e016d8192..3ca78e190 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -2,19 +2,17 @@
   <:actions>
     <.button size={:md} color={:white} icon="hero-cube" type="submit">{gettext("Save Changes")}</.button>
   </:actions>
-  <.form :let={f} for={@changeset} id="announcement-form" phx-change="validate" phx-submit="generate" class="space-y-6">
-    <div class="relative pb-16">
-      <div class="grid gap-4 xl:grid-cols-2">
-        <div class="flex flex-col">
-          <.field field={f[:Background_color]} type="switch" placeholder="Background color" required class="w-full" />
-          <.field field={f[:enrollment]} type="switch" placeholder="Background color" required class="w-full" />
-          <.field field={f[:enrollment]} type="switch" placeholder="Background color" required class="w-full" />
-          <.field field={f[:enrollment]} type="switch" placeholder="Background color" required class="w-full" />
-        </div>
+  <.form :let={f} for={@changeset} id="announcement-form" phx-change="validate" phx-submit="generate">
+    <div class="flex flex-col md:flex-row gap-8">
+      <div class="md:w-1/4">
+        <.field field={f[:Background_color]} type="switch" placeholder="Background color" required class="w-full mb-4" />
+        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="w-full mb-4" />
+        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="w-full mb-4" />
+        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="w-full mb-4" />
       </div>
-      <div class="h-128 w-auto scale-50 overflow-hidden">
+      <div class="md:scale-50  scale-[25%]">
         {Phoenix.View.render(AtomicWeb.CertificateView, "main.html", assigns)}
       </div>
     </div>
   </.form>
-</.page>
+</.page>
\ No newline at end of file

From e6f18e882d4aaf66a326440018b9800be863473a Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Wed, 19 Mar 2025 21:37:32 +0000
Subject: [PATCH 06/12] format

---
 .../certificate_live/index.html.heex                 | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index 3ca78e190..b97c14c1d 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -3,16 +3,16 @@
     <.button size={:md} color={:white} icon="hero-cube" type="submit">{gettext("Save Changes")}</.button>
   </:actions>
   <.form :let={f} for={@changeset} id="announcement-form" phx-change="validate" phx-submit="generate">
-    <div class="flex flex-col md:flex-row gap-8">
+    <div class="flex flex-col gap-8 md:flex-row">
       <div class="md:w-1/4">
-        <.field field={f[:Background_color]} type="switch" placeholder="Background color" required class="w-full mb-4" />
-        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="w-full mb-4" />
-        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="w-full mb-4" />
-        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="w-full mb-4" />
+        <.field field={f[:Background_color]} type="switch" placeholder="Background color" required class="mb-4 w-full" />
+        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="mb-4 w-full" />
+        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="mb-4 w-full" />
+        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="mb-4 w-full" />
       </div>
       <div class="md:scale-50  scale-[25%]">
         {Phoenix.View.render(AtomicWeb.CertificateView, "main.html", assigns)}
       </div>
     </div>
   </.form>
-</.page>
\ No newline at end of file
+</.page>

From bcafffebd46caf717511be454f03a46449f8fb67 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Thu, 24 Apr 2025 11:23:54 +0100
Subject: [PATCH 07/12] feat: edit certificate

---
 lib/atomic/quantum/certificate_delivery.ex    | 33 ++++++++++++
 .../certificate_live/index.ex                 | 50 ++++++++++++++++++-
 .../certificate_live/index.html.heex          | 33 ++++++++----
 .../templates/certificate/main.html.eex       | 29 ++++++++---
 4 files changed, 126 insertions(+), 19 deletions(-)

diff --git a/lib/atomic/quantum/certificate_delivery.ex b/lib/atomic/quantum/certificate_delivery.ex
index a37aa5b4c..a04b116e5 100644
--- a/lib/atomic/quantum/certificate_delivery.ex
+++ b/lib/atomic/quantum/certificate_delivery.ex
@@ -96,6 +96,39 @@ defmodule Atomic.Quantum.CertificateDelivery do
     )
   end
 
+  def generate_certificate(
+        %Enrollment{} = enrollment,
+        %Activity{} = activity,
+        %Organization{} = organization,
+        certificate_options \\ %{}
+      ) do
+    # Create the string corresponding to the HTML to convert
+    # to a PDF
+    Phoenix.View.render_to_string(AtomicWeb.PDFView, "activity_certificate.html",
+      enrollment: enrollment,
+      activity: activity,
+      organization: organization,
+      certificate_options: certificate_options
+    )
+    |> PdfGenerator.generate(
+      delete_temporary: true,
+      page_size: "A4",
+      filename: "certificate_#{enrollment.id}",
+      shell_params: [
+        "--margin-top",
+        "0",
+        "--margin-left",
+        "0",
+        "--margin-right",
+        "0",
+        "--margin-bottom",
+        "0",
+        "-O",
+        "landscape"
+      ]
+    )
+  end
+
   # Builds the query to determine the activities to consider for certificate
   # delivery.
 
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index 606ad95fc..c442c8f12 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -8,7 +8,18 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
 
   @impl true
   def mount(_params, _session, socket) do
-    {:ok, socket}
+    certificate_options = %{
+      background: true,
+      title: true,
+      content: true,
+      organization: true,
+      background_color: "#ffffff",
+      title_color: "#fb923c",
+      content_color: "#000000",
+      organization_color: "#000000"
+    }
+
+    {:ok, assign(socket, certificate_options: certificate_options)}
   end
 
   @impl true
@@ -27,11 +38,33 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
      |> assign(:params, params)}
   end
 
+  @impl true
+  def handle_event("validate", %{"organization" => organization_params}, socket) do
+    # Extract certificate options from the form params
+    certificate_options = extract_certificate_options(organization_params)
+
+    changeset =
+      socket.assigns.organization
+      |> Organizations.change_organization(organization_params)
+      |> Map.put(:action, :validate)
+
+    {:noreply,
+     socket
+     |> assign(:changeset, changeset)
+     |> assign(:certificate_options, certificate_options)}
+  end
+
   @impl true
   def handle_event("generate", _params, socket) do
     with %{activity: activity, organization: organization, enrollment: enrollment} <-
            socket.assigns,
-         {:ok, _pdf_path} <- generate_certificate(enrollment, activity, organization) do
+         {:ok, _pdf_path} <-
+           generate_certificate(
+             enrollment,
+             activity,
+             organization,
+             socket.assigns.certificate_options
+           ) do
       {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
     else
       {:error, reason} ->
@@ -45,4 +78,17 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
       {:error, _flop} -> []
     end
   end
+
+  defp extract_certificate_options(params) do
+    %{
+      background: Map.get(params, "Background") == "true",
+      title: Map.get(params, "title") == "true",
+      content: Map.get(params, "content") == "true",
+      organization: Map.get(params, "organization") == "true",
+      background_color: Map.get(params, "Background_color") || "#ffffff",
+      title_color: Map.get(params, "title_color") || "#fb923c",
+      content_color: Map.get(params, "content_color") || "#000000",
+      organization_color: Map.get(params, "organization_color") || "#000000"
+    }
+  end
 end
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index b97c14c1d..4fed4cb4f 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -1,17 +1,28 @@
 <.page title="Certificate">
   <:actions>
-    <.button size={:md} color={:white} icon="hero-cube" type="submit">{gettext("Save Changes")}</.button>
+    <.button size={:md} color={:white} icon="hero-cube" type="button" phx-click="generate">
+      {gettext("Generate Certificate")}
+    </.button>
   </:actions>
-  <.form :let={f} for={@changeset} id="announcement-form" phx-change="validate" phx-submit="generate">
-    <div class="flex flex-col gap-8 md:flex-row">
-      <div class="md:w-1/4">
-        <.field field={f[:Background_color]} type="switch" placeholder="Background color" required class="mb-4 w-full" />
-        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="mb-4 w-full" />
-        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="mb-4 w-full" />
-        <.field field={f[:enrollment]} type="switch" placeholder="Enrollment" required class="mb-4 w-full" />
-      </div>
-      <div class="md:scale-50  scale-[25%]">
-        {Phoenix.View.render(AtomicWeb.CertificateView, "main.html", assigns)}
+
+  <.form :let={f} for={@changeset} id="certificate-form" phx-change="validate" class="flex flex-row items-start gap-8">
+    <div class="w-64 flex-shrink-0">
+      <h3 class="mb-4 font-bold">Display Elements</h3>
+      <.field field={f[:Background]} type="switch" label="Show Background" required class="mb-4 w-full" value={@certificate_options.background} />
+      <.field field={f[:title]} type="switch" label="Show Title" required class="mb-4 w-full" value={@certificate_options.title} />
+      <.field field={f[:content]} type="switch" label="Show Content" required class="mb-4 w-full" value={@certificate_options.content} />
+      <.field field={f[:organization]} type="switch" label="Highlight Organization" required class="mb-4 w-full" value={@certificate_options.organization} />
+
+      <h3 class="mt-8 mb-4 font-bold">Color Options</h3>
+      <.field field={f[:Background_color]} type="color" label="Background Color" required class="mb-4 w-full" value={@certificate_options.background_color} />
+      <.field field={f[:title_color]} type="color" label="Title Color" required class="mb-4 w-full" value={@certificate_options.title_color} />
+      <.field field={f[:content_color]} type="color" label="Content Color" required class="mb-4 w-full" value={@certificate_options.content_color} />
+      <.field field={f[:organization_color]} type="color" label="Organization Color" required class="mb-4 w-full" value={@certificate_options.organization_color} />
+    </div>
+
+    <div class="flex-grow">
+      <div class="origin-top-left scale-50 md:scale-75">
+        {Phoenix.View.render(AtomicWeb.CertificateView, "main.html", Map.put(assigns, :certificate_options, @certificate_options))}
       </div>
     </div>
   </.form>
diff --git a/lib/atomic_web/templates/certificate/main.html.eex b/lib/atomic_web/templates/certificate/main.html.eex
index ed56a6ec5..353b02842 100644
--- a/lib/atomic_web/templates/certificate/main.html.eex
+++ b/lib/atomic_web/templates/certificate/main.html.eex
@@ -7,16 +7,18 @@
     <style>
         /* Inline styles */
         .container {
+            <%= if Map.get(@certificate_options, :background, true) do %>
             background: url('<%= AtomicWeb.Endpoint.url() <> "/images/atomic_background.svg" %>') no-repeat center;
+            <% end %>
             text-align: center;
-            width: 1500px;
-            height: 1045px;
+            width: 900px;
+            height: 645px;
             margin: auto;
             padding: 0;
         }
         .title {
             font-size: 62px;
-            color: #fb923c;
+            color: <%= Map.get(@certificate_options, :title_color, "#fb923c") %>;
             font-weight: bolder;
             padding-top: 36px;
             margin-bottom: 120px;
@@ -25,6 +27,7 @@
             font-size: 24px;
             text-align: justify;
             padding: 32px;
+            color: <%= Map.get(@certificate_options, :content_color, "#000000") %>;
         }
         .name {
             font-size: 72px;
@@ -35,10 +38,12 @@
             display: block;
             margin-top: 32px;
             margin-bottom: 32px;
+            color: <%= Map.get(@certificate_options, :content_color, "#000000") %>;
         }
         .organization {
             font-size: 24px;
             text-align: justify;
+            color: <%= Map.get(@certificate_options, :organization_color, "#000000") %>;
         }
         .note {
             position: absolute;
@@ -57,17 +62,29 @@
 </head>
 <body>
     <div class="container">
+        <%= if Map.get(@certificate_options, :title, true) do %>
         <div class="title">Certificado de Participação</div>
+        <% end %>
+        
+        <%= if Map.get(@certificate_options, :content, true) do %>
         <p class="content">
             Para os devidos efeitos, certifica-se que
         </p>
-        <span class="name">Enrollment</span>
+        <span class="name"> enrollmen </span>
         <p class="content">
-            participou na atividade <span class="organization">Certificado da Atividade</span>, organizada pelo(a) <span class="organization"><%= @organization.name %></span>.
+            participou na atividade 
+            <%= if Map.get(@certificate_options, :organization, true) do %>
+            <span class="organization">Atividade</span>, organizada pelo(a) <span class="organization"><%= @organization.name %></span>.
+            <% else %>
+            <%= @activity.name %>, organizada pelo(a) <%= @organization.name %>.
+            <% end %>
         </p>
+        <% end %>
+
+        
         <p class="note">
             Este certificado foi gerado automaticamente pela plataforma <i>open-source</i> de gestão de núcleos <a href="https://github.com/cesium/atomic">Atomic</a>, sendo da exclusiva responsabilidade do Centro de Estudantes de Engenharia de Informática da Universidade do Minho, com a devida autorização da organização dinamizadora da atividade.
         </p>
     </div>
 </body>
-</html>
+</html>
\ No newline at end of file

From cfea31b8a685f68687d582d2597d751484b71fa2 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Thu, 24 Apr 2025 11:32:37 +0100
Subject: [PATCH 08/12] fix: highlight organization and generate certeficate

---
 .../certificate_live/index.ex                 | 28 +++++++++++--------
 .../templates/certificate/main.html.eex       |  4 +--
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index c442c8f12..3286596e9 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -56,19 +56,23 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
 
   @impl true
   def handle_event("generate", _params, socket) do
-    with %{activity: activity, organization: organization, enrollment: enrollment} <-
-           socket.assigns,
-         {:ok, _pdf_path} <-
-           generate_certificate(
-             enrollment,
-             activity,
-             organization,
-             socket.assigns.certificate_options
-           ) do
-      {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
+    if Map.has_key?(socket.assigns, :activity) and
+         Map.has_key?(socket.assigns, :organization) and
+         Map.has_key?(socket.assigns, :enrollment) do
+      with {:ok, _pdf_path} <-
+             generate_certificate(
+               socket.assigns.enrollment,
+               socket.assigns.activity,
+               socket.assigns.organization,
+               socket.assigns.certificate_options
+             ) do
+        {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
+      else
+        {:error, reason} ->
+          {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{reason}")}
+      end
     else
-      {:error, reason} ->
-        {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{reason}")}
+      {:noreply, socket |> put_flash(:error, "Dados insuficientes para gerar o certificado.")}
     end
   end
 
diff --git a/lib/atomic_web/templates/certificate/main.html.eex b/lib/atomic_web/templates/certificate/main.html.eex
index 353b02842..29c76a17f 100644
--- a/lib/atomic_web/templates/certificate/main.html.eex
+++ b/lib/atomic_web/templates/certificate/main.html.eex
@@ -41,7 +41,7 @@
             color: <%= Map.get(@certificate_options, :content_color, "#000000") %>;
         }
         .organization {
-            font-size: 24px;
+            font-size: <%= if Map.get(@certificate_options, :organization, true) do "30px" else "24px" end %>;
             text-align: justify;
             color: <%= Map.get(@certificate_options, :organization_color, "#000000") %>;
         }
@@ -76,7 +76,7 @@
             <%= if Map.get(@certificate_options, :organization, true) do %>
             <span class="organization">Atividade</span>, organizada pelo(a) <span class="organization"><%= @organization.name %></span>.
             <% else %>
-            <%= @activity.name %>, organizada pelo(a) <%= @organization.name %>.
+            Atividade, organizada pelo(a) <%= @organization.name %>.
             <% end %>
         </p>
         <% end %>

From fc212bdd1fea6a82732352255bd1d99db24bf485 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Thu, 24 Apr 2025 11:35:46 +0100
Subject: [PATCH 09/12] fix: lint

---
 .../certificate_live/index.ex                 | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index 3286596e9..af8d3b7e4 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -40,7 +40,6 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
 
   @impl true
   def handle_event("validate", %{"organization" => organization_params}, socket) do
-    # Extract certificate options from the form params
     certificate_options = extract_certificate_options(organization_params)
 
     changeset =
@@ -59,15 +58,15 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
     if Map.has_key?(socket.assigns, :activity) and
          Map.has_key?(socket.assigns, :organization) and
          Map.has_key?(socket.assigns, :enrollment) do
-      with {:ok, _pdf_path} <-
-             generate_certificate(
-               socket.assigns.enrollment,
-               socket.assigns.activity,
-               socket.assigns.organization,
-               socket.assigns.certificate_options
-             ) do
-        {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
-      else
+      case generate_certificate(
+             socket.assigns.enrollment,
+             socket.assigns.activity,
+             socket.assigns.organization,
+             socket.assigns.certificate_options
+           ) do
+        {:ok, _pdf_path} ->
+          {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
+
         {:error, reason} ->
           {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{reason}")}
       end

From d4ca4b31b3bfdfd56a4b3fe177e9e6dfad4601a0 Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Wed, 30 Apr 2025 20:50:41 +0100
Subject: [PATCH 10/12] feat: add some things to the certificate

---
 .../organization_live/certificate_live/index.ex | 17 +++++++++++++----
 .../certificate_live/index.html.heex            |  5 ++---
 .../templates/certificate/main.html.eex         | 12 +++---------
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index af8d3b7e4..c22f74779 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -10,8 +10,8 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
   def mount(_params, _session, socket) do
     certificate_options = %{
       background: true,
-      title: true,
-      content: true,
+      title: 62,
+      content: "Para os devidos efeitos, certifica-se que participou na atividade",
       organization: true,
       background_color: "#ffffff",
       title_color: "#fb923c",
@@ -85,8 +85,8 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
   defp extract_certificate_options(params) do
     %{
       background: Map.get(params, "Background") == "true",
-      title: Map.get(params, "title") == "true",
-      content: Map.get(params, "content") == "true",
+      title: parse_integer(Map.get(params, "title"), 62),
+      content: Map.get(params, "content") || "Para os devidos efeitos, certifica-se que participou na atividade",
       organization: Map.get(params, "organization") == "true",
       background_color: Map.get(params, "Background_color") || "#ffffff",
       title_color: Map.get(params, "title_color") || "#fb923c",
@@ -94,4 +94,13 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
       organization_color: Map.get(params, "organization_color") || "#000000"
     }
   end
+
+  defp parse_integer(value, default) when is_binary(value) do
+    case Integer.parse(value) do
+      {int, _} -> int
+      :error -> default
+    end
+  end
+
+  defp parse_integer(_, default), do: default
 end
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index 4fed4cb4f..6e2ada0cd 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -9,9 +9,8 @@
     <div class="w-64 flex-shrink-0">
       <h3 class="mb-4 font-bold">Display Elements</h3>
       <.field field={f[:Background]} type="switch" label="Show Background" required class="mb-4 w-full" value={@certificate_options.background} />
-      <.field field={f[:title]} type="switch" label="Show Title" required class="mb-4 w-full" value={@certificate_options.title} />
-      <.field field={f[:content]} type="switch" label="Show Content" required class="mb-4 w-full" value={@certificate_options.content} />
-      <.field field={f[:organization]} type="switch" label="Highlight Organization" required class="mb-4 w-full" value={@certificate_options.organization} />
+      <.field field={f[:title]} type="number" label="Title Size" required class="mb-4 w-full" value={@certificate_options.title} />
+      <.field field={f[:content]} type="textarea"  label="Content text" required class="mb-4 w-full" value={@certificate_options.content} />
 
       <h3 class="mt-8 mb-4 font-bold">Color Options</h3>
       <.field field={f[:Background_color]} type="color" label="Background Color" required class="mb-4 w-full" value={@certificate_options.background_color} />
diff --git a/lib/atomic_web/templates/certificate/main.html.eex b/lib/atomic_web/templates/certificate/main.html.eex
index 29c76a17f..61c6410ad 100644
--- a/lib/atomic_web/templates/certificate/main.html.eex
+++ b/lib/atomic_web/templates/certificate/main.html.eex
@@ -17,7 +17,7 @@
             padding: 0;
         }
         .title {
-            font-size: 62px;
+            font-size: <%= Map.get(@certificate_options, :title, 62) %>px;
             color: <%= Map.get(@certificate_options, :title_color, "#fb923c") %>;
             font-weight: bolder;
             padding-top: 36px;
@@ -62,24 +62,18 @@
 </head>
 <body>
     <div class="container">
-        <%= if Map.get(@certificate_options, :title, true) do %>
-        <div class="title">Certificado de Participação</div>
-        <% end %>
-        
-        <%= if Map.get(@certificate_options, :content, true) do %>
+        <div class="title">Certificado de Participação</div>        
         <p class="content">
-            Para os devidos efeitos, certifica-se que
+            <%= Map.get(@certificate_options, :content, "Para os devidos efeitos, certifica-se que participou na atividade") %>
         </p>
         <span class="name"> enrollmen </span>
         <p class="content">
-            participou na atividade 
             <%= if Map.get(@certificate_options, :organization, true) do %>
             <span class="organization">Atividade</span>, organizada pelo(a) <span class="organization"><%= @organization.name %></span>.
             <% else %>
             Atividade, organizada pelo(a) <%= @organization.name %>.
             <% end %>
         </p>
-        <% end %>
 
         
         <p class="note">

From c0e5391faaf25a9e101b24b461b879aed686debd Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Wed, 30 Apr 2025 22:22:31 +0100
Subject: [PATCH 11/12] feat: tables working

---
 lib/atomic/certificate.ex                     | 28 +++++++++++++++++++
 .../2025043221721_create_certificates.exs     | 27 ++++++++++++++++++
 2 files changed, 55 insertions(+)
 create mode 100644 lib/atomic/certificate.ex
 create mode 100644 priv/repo/migrations/2025043221721_create_certificates.exs

diff --git a/lib/atomic/certificate.ex b/lib/atomic/certificate.ex
new file mode 100644
index 000000000..a936cd077
--- /dev/null
+++ b/lib/atomic/certificate.ex
@@ -0,0 +1,28 @@
+defmodule Atomic.Certificate do
+  use Atomic.Schema
+
+  alias Atomic.Organization
+
+  @primary_key {:id, :binary_id, autogenerate: true}
+  @foreign_key_type :binary_id
+  schema "certificates" do
+    field :title, :integer
+    field :organization, :boolean, default: false
+    field :background, :boolean, default: false
+    field :content, :string
+    field :background_color, :string
+    field :title_color, :string
+    field :content_color, :string
+    field :organization_color, :string
+    belongs_to :organization_id, Organization
+
+    timestamps()
+  end
+
+  @doc false
+  def changeset(certificate, attrs) do
+    certificate
+    |> cast(attrs, [:background, :title, :content, :organization, :background_color, :title_color, :content_color, :organization_color])
+    |> validate_required([:background, :title, :content, :organization, :background_color, :title_color, :content_color, :organization_color])
+  end
+end
diff --git a/priv/repo/migrations/2025043221721_create_certificates.exs b/priv/repo/migrations/2025043221721_create_certificates.exs
new file mode 100644
index 000000000..770115e5b
--- /dev/null
+++ b/priv/repo/migrations/2025043221721_create_certificates.exs
@@ -0,0 +1,27 @@
+defmodule Atomic.Repo.Migrations.CreateCertificates do
+  use Ecto.Migration
+
+  def change do
+    create table(:certificates, primary_key: false) do
+      add :id, :binary_id, primary_key: true
+
+      add :background, :boolean, default: false, null: false
+      add :title, :integer
+      add :content, :text
+      add :organization, :boolean, default: false, null: false
+      add :background_color, :string
+      add :title_color, :string
+      add :content_color, :string
+      add :organization_color, :string
+      add :organization_id, references(:organizations, type: :binary_id), null: false
+
+      timestamps()
+    end
+
+    create index(:certificates, [:organization_id])
+
+    alter table(:organizations) do
+      add :certificate_template, references(:certificates, type: :binary_id), null: true
+    end
+  end
+end

From 51d65b78739abf6b26adedf8fdb36e03d9c6802c Mon Sep 17 00:00:00 2001
From: AfonsoMartins26 <afonsopm2005@gmail.com>
Date: Fri, 2 May 2025 14:55:51 +0100
Subject: [PATCH 12/12] feat: some touches and not saving certificate_template
 in organizations table

---
 lib/atomic/certificate.ex                     | 28 ------
 lib/atomic/organizations/certificate.ex       | 27 ++++++
 lib/atomic/organizations/organization.ex      |  5 +-
 .../certificate_live/index.ex                 | 93 +++++++++++++------
 .../certificate_live/index.html.heex          | 17 ++--
 .../templates/certificate/main.html.eex       |  6 +-
 .../2025043221721_create_certificates.exs     |  2 +-
 7 files changed, 106 insertions(+), 72 deletions(-)
 delete mode 100644 lib/atomic/certificate.ex
 create mode 100644 lib/atomic/organizations/certificate.ex

diff --git a/lib/atomic/certificate.ex b/lib/atomic/certificate.ex
deleted file mode 100644
index a936cd077..000000000
--- a/lib/atomic/certificate.ex
+++ /dev/null
@@ -1,28 +0,0 @@
-defmodule Atomic.Certificate do
-  use Atomic.Schema
-
-  alias Atomic.Organization
-
-  @primary_key {:id, :binary_id, autogenerate: true}
-  @foreign_key_type :binary_id
-  schema "certificates" do
-    field :title, :integer
-    field :organization, :boolean, default: false
-    field :background, :boolean, default: false
-    field :content, :string
-    field :background_color, :string
-    field :title_color, :string
-    field :content_color, :string
-    field :organization_color, :string
-    belongs_to :organization_id, Organization
-
-    timestamps()
-  end
-
-  @doc false
-  def changeset(certificate, attrs) do
-    certificate
-    |> cast(attrs, [:background, :title, :content, :organization, :background_color, :title_color, :content_color, :organization_color])
-    |> validate_required([:background, :title, :content, :organization, :background_color, :title_color, :content_color, :organization_color])
-  end
-end
diff --git a/lib/atomic/organizations/certificate.ex b/lib/atomic/organizations/certificate.ex
new file mode 100644
index 000000000..a3f4be750
--- /dev/null
+++ b/lib/atomic/organizations/certificate.ex
@@ -0,0 +1,27 @@
+defmodule Atomic.Certificate do
+  use Atomic.Schema
+
+  alias Atomic.Organization
+
+  @required_fields ~w(background title content background_color title_color content_color organization_color organization_id)a
+
+  schema "certificates" do
+    field :title, :integer
+    field :background, :boolean, default: false
+    field :content, :string
+    field :background_color, :string
+    field :title_color, :string
+    field :content_color, :string
+    field :organization_color, :string
+    belongs_to :organization, Organization
+
+    timestamps()
+  end
+
+  @doc false
+  def changeset(certificate, attrs) do
+    certificate
+    |> cast(attrs, @required_fields)
+    |> validate_required(@required_fields)
+  end
+end
diff --git a/lib/atomic/organizations/organization.ex b/lib/atomic/organizations/organization.ex
index 9db7602bb..2e0836f31 100644
--- a/lib/atomic/organizations/organization.ex
+++ b/lib/atomic/organizations/organization.ex
@@ -6,9 +6,10 @@ defmodule Atomic.Organizations.Organization do
   alias Atomic.Location
   alias Atomic.Organizations.{Announcement, Department, Membership, Partner}
   alias Atomic.Uploaders
+  alias Atomic.Certificate
 
   @required_fields ~w(name long_name description)a
-  @optional_fields ~w()a
+  @optional_fields ~w(certificate_template_id)a
 
   @derive {
     Flop.Schema,
@@ -45,6 +46,8 @@ defmodule Atomic.Organizations.Organization do
 
     many_to_many :users, User, join_through: Membership
 
+    belongs_to :certificate_template, Certificate
+
     timestamps()
   end
 
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.ex b/lib/atomic_web/live/organization_live/certificate_live/index.ex
index c22f74779..7dd29e3cb 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.ex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.ex
@@ -3,7 +3,7 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
 
   alias Atomic.Activities
   alias Atomic.Organizations
-  import Atomic.Quantum.CertificateDelivery
+  alias Atomic.Certificate
   import AtomicWeb.Components.Forms
 
   @impl true
@@ -12,7 +12,6 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
       background: true,
       title: 62,
       content: "Para os devidos efeitos, certifica-se que participou na atividade",
-      organization: true,
       background_color: "#ffffff",
       title_color: "#fb923c",
       content_color: "#000000",
@@ -26,25 +25,52 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
   def handle_params(%{"organization_id" => organization_id} = params, _url, socket) do
     activities = list_activities(organization_id)
     organization = Organizations.get_organization!(organization_id)
-    changeset = Organizations.change_organization(organization)
+    IO.inspect(organization_id, label: "Organization_id")
+
+    default_options = %{
+      background: true,
+      title: 62,
+      content: "Para os devidos efeitos, certifica-se que participou na atividade",
+      background_color: "#ffffff",
+      title_color: "#fb923c",
+      content_color: "#000000",
+      organization_color: "#000000"
+    }
+
+    certificate_options = default_options
+
+    changeset = Certificate.changeset(%Certificate{}, %{
+      organization_id: organization_id,
+      background: default_options.background,
+      title: default_options.title,
+      content: default_options.content,
+      background_color: default_options.background_color,
+      title_color: default_options.title_color,
+      content_color: default_options.content_color,
+      organization_color: default_options.organization_color
+    })
+
+    certificate = %Certificate{}
 
     {:noreply,
      socket
      |> assign(:page_title, gettext("Certificate"))
      |> assign(:current_page, :certificate)
-     |> assign(:organization, organization)
      |> assign(:changeset, changeset)
+     |> assign(:certificate, certificate)
      |> assign(:activities, activities)
+     |> assign(:organization, organization)
+     |> assign(:certificate_options, certificate_options)
      |> assign(:params, params)}
   end
 
   @impl true
-  def handle_event("validate", %{"organization" => organization_params}, socket) do
-    certificate_options = extract_certificate_options(organization_params)
+  def handle_event("validate", %{"certificate" => certificate_params}, socket) do
+    certificate_options = extract_certificate_options(certificate_params)
 
     changeset =
-      socket.assigns.organization
-      |> Organizations.change_organization(organization_params)
+      (socket.assigns.certificate || %Certificate{})
+      |> Certificate.changeset(Map.put(certificate_params, "organization_id", socket.assigns.organization.id))
       |> Map.put(:action, :validate)
 
     {:noreply,
@@ -54,27 +80,37 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
   end
 
   @impl true
-  def handle_event("generate", _params, socket) do
-    if Map.has_key?(socket.assigns, :activity) and
-         Map.has_key?(socket.assigns, :organization) and
-         Map.has_key?(socket.assigns, :enrollment) do
-      case generate_certificate(
-             socket.assigns.enrollment,
-             socket.assigns.activity,
-             socket.assigns.organization,
-             socket.assigns.certificate_options
-           ) do
-        {:ok, _pdf_path} ->
-          {:noreply, socket |> put_flash(:info, "Certificado gerado com sucesso!")}
-
-        {:error, reason} ->
-          {:noreply, socket |> put_flash(:error, "Erro ao gerar certificado: #{reason}")}
-      end
-    else
-      {:noreply, socket |> put_flash(:error, "Dados insuficientes para gerar o certificado.")}
+  def handle_event("save", _params, socket) do
+    organization_id = socket.assigns.organization.id
+    certificate_params = %{
+      "organization_id" => organization_id,
+      "background" => socket.assigns.certificate_options.background,
+      "title" => socket.assigns.certificate_options.title,
+      "content" => socket.assigns.certificate_options.content,
+      "background_color" => socket.assigns.certificate_options.background_color,
+      "title_color" => socket.assigns.certificate_options.title_color,
+      "content_color" => socket.assigns.certificate_options.content_color,
+      "organization_color" => socket.assigns.certificate_options.organization_color
+    }
+
+    case %Certificate{} |> Certificate.changeset(certificate_params) |> Atomic.Repo.insert() do
+      {:ok, certificate} ->
+        case Organizations.update_organization(socket.assigns.organization, %{certificate_template_id: socket.assigns.certificate.id}) |> IO.inspect() do
+          {:ok, _organization} ->
+            {:noreply, socket |> put_flash(:info, "Certificate saved and organization updated successfully!")}
+
+          {:error, %Ecto.Changeset{} = changeset} ->
+            IO.inspect(changeset.errors, label: "Organization update errors")
+            {:noreply, socket |> put_flash(:error, "Certificate saved, but failed to update organization")}
+        end
+
+      {:error, %Ecto.Changeset{} = changeset} ->
+        IO.inspect(changeset.errors, label: "Certificate errors")
+        {:noreply, socket |> assign(:changeset, changeset) |> put_flash(:error, "Error saving certificate")}
     end
   end
 
+
   defp list_activities(organization_id) do
     case Activities.list_activities_by_organization_id(organization_id) do
       {:ok, {activities, _meta}} -> activities
@@ -84,11 +120,10 @@ defmodule AtomicWeb.OrganizationLive.CertificateLive.Index do
 
   defp extract_certificate_options(params) do
     %{
-      background: Map.get(params, "Background") == "true",
+      background: Map.get(params, "background") == "true",
       title: parse_integer(Map.get(params, "title"), 62),
       content: Map.get(params, "content") || "Para os devidos efeitos, certifica-se que participou na atividade",
-      organization: Map.get(params, "organization") == "true",
-      background_color: Map.get(params, "Background_color") || "#ffffff",
+      background_color: Map.get(params, "background_color") || "#ffffff",
       title_color: Map.get(params, "title_color") || "#fb923c",
       content_color: Map.get(params, "content_color") || "#000000",
       organization_color: Map.get(params, "organization_color") || "#000000"
diff --git a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
index 6e2ada0cd..a70511014 100644
--- a/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
+++ b/lib/atomic_web/live/organization_live/certificate_live/index.html.heex
@@ -1,28 +1,29 @@
 <.page title="Certificate">
   <:actions>
-    <.button size={:md} color={:white} icon="hero-cube" type="button" phx-click="generate">
-      {gettext("Generate Certificate")}
+    <.button size={:md} color={:white} icon="hero-cube" type="button" phx-click="save">
+      {gettext("Save Certificate")}
     </.button>
   </:actions>
 
   <.form :let={f} for={@changeset} id="certificate-form" phx-change="validate" class="flex flex-row items-start gap-8">
     <div class="w-64 flex-shrink-0">
       <h3 class="mb-4 font-bold">Display Elements</h3>
-      <.field field={f[:Background]} type="switch" label="Show Background" required class="mb-4 w-full" value={@certificate_options.background} />
+      <.field field={f[:background]} type="switch" label="Show Background" required class="mb-4 w-full" value={@certificate_options.background} />
       <.field field={f[:title]} type="number" label="Title Size" required class="mb-4 w-full" value={@certificate_options.title} />
-      <.field field={f[:content]} type="textarea"  label="Content text" required class="mb-4 w-full" value={@certificate_options.content} />
+      <.field field={f[:content]} type="textarea" label="Content text" required class="mb-4 w-full" value={@certificate_options.content} />
 
       <h3 class="mt-8 mb-4 font-bold">Color Options</h3>
-      <.field field={f[:Background_color]} type="color" label="Background Color" required class="mb-4 w-full" value={@certificate_options.background_color} />
+      <.field field={f[:background_color]} type="color" label="Background Color" required class="mb-4 w-full" value={@certificate_options.background_color} />
       <.field field={f[:title_color]} type="color" label="Title Color" required class="mb-4 w-full" value={@certificate_options.title_color} />
       <.field field={f[:content_color]} type="color" label="Content Color" required class="mb-4 w-full" value={@certificate_options.content_color} />
       <.field field={f[:organization_color]} type="color" label="Organization Color" required class="mb-4 w-full" value={@certificate_options.organization_color} />
-    </div>
+      
+   </div>
 
     <div class="flex-grow">
       <div class="origin-top-left scale-50 md:scale-75">
-        {Phoenix.View.render(AtomicWeb.CertificateView, "main.html", Map.put(assigns, :certificate_options, @certificate_options))}
+        {Phoenix.View.render(AtomicWeb.CertificateView, "main.html", Map.put(assigns, :certificate_options, @certificate_options) |> Map.put(:organization, @organization))}
       </div>
     </div>
   </.form>
-</.page>
+</.page>
\ No newline at end of file
diff --git a/lib/atomic_web/templates/certificate/main.html.eex b/lib/atomic_web/templates/certificate/main.html.eex
index 61c6410ad..9aceab1d8 100644
--- a/lib/atomic_web/templates/certificate/main.html.eex
+++ b/lib/atomic_web/templates/certificate/main.html.eex
@@ -66,13 +66,9 @@
         <p class="content">
             <%= Map.get(@certificate_options, :content, "Para os devidos efeitos, certifica-se que participou na atividade") %>
         </p>
-        <span class="name"> enrollmen </span>
+        <span class="name"> Nome </span>
         <p class="content">
-            <%= if Map.get(@certificate_options, :organization, true) do %>
-            <span class="organization">Atividade</span>, organizada pelo(a) <span class="organization"><%= @organization.name %></span>.
-            <% else %>
             Atividade, organizada pelo(a) <%= @organization.name %>.
-            <% end %>
         </p>
 
         
diff --git a/priv/repo/migrations/2025043221721_create_certificates.exs b/priv/repo/migrations/2025043221721_create_certificates.exs
index 770115e5b..4e6e4e609 100644
--- a/priv/repo/migrations/2025043221721_create_certificates.exs
+++ b/priv/repo/migrations/2025043221721_create_certificates.exs
@@ -21,7 +21,7 @@ defmodule Atomic.Repo.Migrations.CreateCertificates do
     create index(:certificates, [:organization_id])
 
     alter table(:organizations) do
-      add :certificate_template, references(:certificates, type: :binary_id), null: true
+      add :certificate_template_id, references(:certificates, type: :binary_id), null: true
     end
   end
 end