decidim-challenges 0.5.0

data/app/views/decidim/solutions/admin/solutions/_form.html.erb

@@ -0,0 +1,70 @@
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column hashtags__container">
+        <%= form.translated :text_field, :title, autofocus: true, class: "js-hashtags", hashtaggable: true, aria: { label: :title } %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :description %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.text_field :tags %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :indicators %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :objectives %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :beneficiaries %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :editor, :requirements %>
+      </div>
+
+      <div class="row column hashtags__container">
+        <%= form.translated :text_field, :financing_type %>
+      </div>
+
+    <% if current_participatory_space.components.where(manifest_name: "problems").present? %>
+      <div class="card-divider">
+        <h2 class="card-title"><%= t(".problem") %></h2>
+      </div>
+    <% else %>
+      <div class="card-divider">
+        <h2 class="card-title"><%= t(".challenge") %></h2>
+      </div>
+    <% end %>
+
+    <% if current_participatory_space.components.where(manifest_name: "problems").present? %>
+      <div class="card-section">
+        <div class="row column">
+          <%= form.select :decidim_problems_problem_id,
+                            @form.select_problem_collection,
+                            selected: @form.try(:problem) ? [translated_attribute(@form.try(:problem).title), @form.try(:problem).id] : '',
+                            label: t("models.solution.fields.problem", scope: "decidim.solutions.admin"),
+                            include_blank: "" %>
+        </div>
+      </div>
+      <%= form.hidden_field :decidim_challenges_challenge_id, value: @form.try(:challenge) ? @form.try(:challenge).id : '' %>
+    <% else %>
+      <%= form.hidden_field :decidim_problems_problem_id, value: @form.try(:problem) ? @form.try(:problem).id : '' %>
+      <div class="card-section"">
+        <div class="row column">
+          <%= form.select :decidim_challenges_challenge_id,
+                            @form.select_challenge_collection,
+                            selected: @form.try(:challenge) ? [translated_attribute(@form.try(:challenge).title), @form.try(:challenge).id] : '',
+                            label: t("models.solution.fields.challenge", scope: "decidim.solutions.admin"),
+                            include_blank: "" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/solutions/admin/solutions/_photos.html.erb

@@ -0,0 +1,13 @@
+<div class="card-section">
+  <div class="row column">
+    <strong><%= t("photos", scope: "decidim.solutions.admin.solutions.show") %>:</strong>
+    <div id="photos" class="gallery row" data-gallery>
+      <% solution.photos.each do |photo| %>
+        <%= link_to photo.big_url, target: "_blank", rel: "noopener" do %>
+          <%= image_tag photo.thumbnail_url,
+                        class: "thumbnail", alt: strip_tags(translated_attribute(photo.title)) %>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/decidim/solutions/admin/solutions/edit.html.erb

@@ -0,0 +1,24 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form edit_solution solution_form_admin" })  do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+      
+          <% if solution.published? %>
+            <%= link_to t("actions.unpublish", scope: "decidim.solutions.admin"), solution_publish_path(solution), method: :delete, class: "button button__sm button__secondary" %>
+          <% else %>
+            <%= link_to t("actions.publish", scope: "decidim.solutions.admin"), solution_publish_path(solution), method: :post, class: "button button__sm button__secondary" %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/solutions/admin/solutions/index.html.erb

@@ -0,0 +1,97 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="card">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <div>
+        <%= t(".title") %>
+        <span id="js-selected-solutions-count" class="component-counter component-counter--inline" title="<%= t("decidim.solutions.admin.titles.solutions_list") %>"></span>
+      </div>
+      <div class="flex items-center gap-x-4">
+        <% if allowed_to? :create, :solution %>
+            <%= link_to t("actions.new_solution", scope: "decidim.solutions.admin"),
+            new_solution_path,
+            class: "button button__sm button__secondary" %>
+        <% end %>
+
+        <%= render partial: "decidim/admin/components/resource_action" %>
+      </div>
+    </h1>
+  </div>
+
+  <div class="table-scroll mt-16">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th>
+            <%= t("models.solution.fields.title", scope: "decidim.solutions.admin") %>
+          </th>
+          <th>
+            <%= t("models.solution.fields.created_at", scope: "decidim.solutions.admin") %>
+          </th>
+          <th>
+            <%= t("models.solution.fields.problem", scope: "decidim.solutions.admin") %>
+          </th>
+          <th>
+            <%= t("models.solution.fields.challenge", scope: "decidim.solutions.admin") %>
+          </th>
+          <th>
+            <%= t("models.solution.fields.published", scope: "decidim.solutions.admin") %>
+          </th>
+          <th>
+            <%= t("models.solution.fields.author", scope: "decidim.solutions.admin") %>
+          </th>
+          <th class="table-list__actions"></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @solutions.each do |solution| %>
+          <tr>
+            <td>
+              <%= translated_attribute(solution.title) %>
+            </td>
+            <td>
+              <%= l(solution.created_at, format: :decidim_short) if solution.created_at %>
+            </td>
+            <td>
+              <%= translated_attribute(solution.problem&.title) %>
+            </td>
+            <td>
+              <%= translated_attribute(solution.challenge&.title) %>
+            </td>
+            <td>
+            <% if solution.published? %>
+              <strong class="text-success"><%= t("index.published", scope: "decidim.solutions") %></strong>
+            <% else %>
+              <strong class="text-alert"><%= t("index.not_published", scope: "decidim.solutions") %></strong>
+            <% end %>
+            </td>
+            <td>
+            <% if solution.author.admin? %>
+              <%= t("index.official", scope: "decidim.solutions") %>
+            <% else %>
+              <%= solution.author.name %>
+            <% end %>
+            </td>
+            <td class="table-list__actions">
+              <% if solution.author.admin? %>
+                <% if allowed_to? :edit, :solution %>
+                  <%= icon_link_to "pencil-line", edit_solution_path(solution), t("actions.configure", scope: "decidim.solutions.admin"), class: "action-icon--new" %>
+                <% end %>
+                <%= icon_link_to "eye-line", resource_locator(solution).path, t("actions.view", scope: "decidim.solutions.admin"), class: "action-icon--preview", target: :blank %>
+                <% if allowed_to? :destroy, :solution, solution: solution %>
+                  <%= icon_link_to "close-circle-line", solution, t("actions.destroy", scope: "decidim.solutions.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.solutions.admin", name: translated_attribute(solution.title)) } %>
+                <% end %>
+              <% else %>
+                <% if allowed_to? :publish, :solution %>
+                  <%= icon_link_to("question-answer-line", solution_path(solution), t(:publish_solution, scope: "decidim.solutions.admin.actions"), class: "icon--small action-icon--show-solution") %>
+                <% end %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<%= decidim_paginate @solutions %>

data/app/views/decidim/solutions/admin/solutions/new.html.erb

@@ -0,0 +1,18 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form new_solution solution_form_admin" }) do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/solutions/admin/solutions/show.html.erb

@@ -0,0 +1,114 @@
+<% add_decidim_page_title(translated_attribute(solution.title)) %>
+
+<div class="component__show">
+  <div class="card">
+    <div class="component__show_header">
+      <h2 class="component__show_header-title">
+        <%= decidim_html_escape(solution.title).html_safe %>
+      </h2>
+    </div>
+
+    <div class="component__show_nav">
+      <div class="component__show_nav-author">
+        <div class="component__show_nav-circle">
+          <%= icon "award-line" %>
+        </div>
+        <div>
+          <li class="component__show_nav-author-title">
+            <strong><%= t ".author" %>:</strong>
+            <%= link_to_if(
+              decidim.profile_path(solution.author.nickname).present?,
+              solution.author.name,
+              decidim.profile_path(solution.author.nickname),
+              target: :blank
+            ) %>
+          </li>
+          <span class="component__show_nav-author-date">
+            <%= l solution.created_at, format: :decidim_short %>
+          </span>
+        </div>
+      </div>
+      <div class="ml-auto">
+        <%= link_to resource_locator(solution).url, class: "button button__sm button__transparent-secondary", target: :blank, data: { "external-link": false } do %>
+          <%= icon "eye-line", class: "fill-current" %>
+          <%= t ".link" %>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="component__show_grid">
+      <div class="component__show_grid-item">
+        <div class="card-section">
+          <div class="row column">
+            <span class="component__show-description"><%= t ".description" %></span>
+            <p class="component__show-text">
+              <%= decidim_sanitize_editor_admin translated_attribute solution.description  %>
+            </p>
+          </div>
+        </div>
+
+        <% if solution.documents.any? %>
+          <%= render partial: "documents", locals: { solution: } %>
+        <% end %>
+
+        <% if solution.photos.any? %>
+          <%= render partial: "photos", locals: { solution: } %>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="card-section">
+      <div class="row column">
+        <span class="component__show-title"><%= t ".project_status" %></span>
+        <div class="flex items-center gap-x-2 mt-2">
+          <p class="component__show-icon-text">
+            <%= t("decidim.solutions.solutions.form.project_statuses.#{solution.project_status}") %>
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <div class="card-section">
+      <div class="row column">
+        <span class="component__show-title"><%= t ".coordinating_entity" %></span>
+        <div class="flex items-center gap-x-2 mt-2">
+          <p class="component__show-icon-text">
+            <%= solution.coordinating_entity %>
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <div class="card-section">
+      <div class="row column">
+        <span class="component__show-title"><%= t ".challenge" %></span>
+        <div class="flex items-center gap-x-2 mt-2">
+          <p class="component__show-icon-text">
+            <%= link_to translated_attribute(solution.challenge.title), Decidim::ResourceLocatorPresenter.new(solution.challenge).path %>
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <div class="card-section">
+      <div class="row column">
+        <span class="component__show-title"><%= t ".project_url" %></span>
+        <div class="flex items-center gap-x-2 mt-2">
+          <p class="component__show-icon-text">
+            <%= link_to solution.project_url, "http://#{solution.project_url}", target: "_blank" %>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="item__edit-sticky">
+  <div class="item__edit-sticky-container">
+    <% if solution.published? %>
+    <%= link_to t("actions.unpublish", scope: "decidim.solutions.admin"), solution_publish_path(solution), method: :delete, class: "button button__sm button__secondary" %>
+    <% else %>
+      <%= link_to t("actions.publish", scope: "decidim.solutions.admin"), solution_publish_path(solution), method: :post, class: "button button__sm button__secondary" %>
+    <% end %>
+  </div>
+</div>
+

data/app/views/decidim/solutions/solutions/_form.html.erb

@@ -0,0 +1,22 @@
+<%= form.text_field :title, class: "js-hashtags" %>
+
+<%= text_editor_for_description(form) %>
+
+<%= form.select :decidim_challenges_challenge_id, participatory_space_challenges.map{|challenge| [translated_attribute(challenge.title), challenge.id] }, include_blank: true %>
+
+<%= form.text_field :coordinating_entity, class: "js-hashtags" %>
+
+<%= form.select :project_status, [{title: t(".project_statuses.in_progress"), key: :in_progress}, {title: t('.project_statuses.finished'), key: :finished}].map{|result| [result[:title], result[:key]] }, include_blank: true %>
+
+<%= form.text_field :project_url, class: "js-hashtags" %>
+
+<%= form.hidden_field :decidim_problems_problem_id, value: @form.try(:problem) ? @form.try(:problem).id : '' %>
+<%= form.hidden_field :author_id, value: current_user.id %>
+
+<%= form.attachment :documents,
+  multiple: true,
+  label: t("decidim.solutions.solutions.new.add_documents"),
+  button_label: t("decidim.solutions.solutions.new.add_documents"),
+  button_edit_label: t("decidim.solutions.solutions.new.edit_documents"),
+  button_class: "button button__lg button__transparent-secondary w-full",
+  help_i18n_scope: "decidim.forms.file_help.file" %>

data/app/views/decidim/solutions/solutions/_sidebar_data.html.erb

@@ -0,0 +1,114 @@
+<div class="rounded p-4 bg-background mb-4 divide-y divide-gray-3 [&>*]:py-4 first:[&>*]:pt-0 last:[&>*]:pb-0">
+  <div class="text-gray-2 space-y-1.5">
+    <div class="text-sm flex flex-col items-center gap-1">
+      <p class="uppercase text-xs"><%= t("status", scope: "activemodel.attributes.problem") %></p>
+      <% if has_problem? %>
+        <% if @solution&.author&.admin? %>
+          <p class="uppercase mb-4"><%= t(@solution.challenge.state, scope: "decidim.challenges.states") %></p>
+        <% else %>
+          <p class="uppercase mb-4"><%= t(@solution.project_status, scope: "decidim.solutions.solutions.form.project_statuses") %></p>
+        <% end %>
+      <% else %>
+        <div class="definition-data__item status">
+          <% if @solution&.author&.admin? %>
+            <p class="uppercase mb-4"><%= t(@solution.challenge.state, scope: "decidim.challenges.states") %></p>
+          <% else %>
+            <p class="uppercase mb-4"><%= t(@solution.project_status, scope: "decidim.solutions.solutions.form.project_statuses") %></p>
+          <% end %>  
+        </div>
+      <% end %>
+    </div>
+
+    <% if @challenge_scope.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("scope", scope: "activemodel.attributes.solution") %></p>
+        <p class="uppercase mb-4"><%= translated_attribute(@challenge_scope.name) %></p>
+      </div>
+    <% end %>
+
+    <% if has_problem? %>
+      <% if @solution.problem.proposing_entities.present? %>
+        <div class="text-sm flex flex-col items-center gap-1">
+          <p class="uppercase text-xs"><%= t("prop_entity", scope: "activemodel.attributes.problem") %></p>
+          <p class="uppercase mb-4"><%= present(@solution.problem).proposing_entities %></p>
+        </div>
+      <% end %>
+
+      <% if @solution.problem.collaborating_entities.present? %>
+        <div class="text-sm flex flex-col items-center gap-1">
+          <p class="uppercase text-xs"><%= t("collaborating_entities", scope: "activemodel.attributes.problem") %></p>
+          <p class="uppercase mb-4"><%= present(@solution.problem).collaborating_entities %></p>
+        </div>
+      <% end %>
+
+      <% if @solution.problem.causes.present? %>
+        <div class="text-sm flex flex-col items-center gap-1">
+          <p class="uppercase text-xs"><%= t("causes", scope: "activemodel.attributes.problem") %></p>
+          <p class="uppercase mb-4"><%= present(@solution.problem).causes %></p>
+        </div>
+      <% end %>
+
+      <% if @solution.problem.groups_affected.present? %>
+        <div class="text-sm flex flex-col items-center gap-1">
+          <p class="uppercase text-xs"><%= t("groups_affected", scope: "activemodel.attributes.problem") %></p>
+          <p class="uppercase mb-4"><%= present(@solution.problem).groups_affected %></p>
+        </div>
+      <% end %>
+    <% end %>
+
+    <% if present(@solution).financing_type.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("financing_type", scope: "activemodel.attributes.solution") %></p>
+        <p class="uppercase mb-4"><%= present(@solution).financing_type %></p>
+      </div>
+    <% end %>
+
+    <% if @sectorial_scope.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("decidim_sectorial_scope_id", scope: "activemodel.attributes.problem") %></p>
+        <p class="uppercase mb-4"><%= translated_attribute(@sectorial_scope.name) %></p>
+      </div>
+    <% end %>
+
+    <% if @technological_scope.present? %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs"><%= t("decidim_technological_scope_id", scope: "activemodel.attributes.problem") %></p>
+        <p class="uppercase mb-4"><%= translated_attribute(@technological_scope.name) %></p>
+      </div>
+    <% end %>
+  </div>
+  
+  <% if has_problem? %>
+    <% if @solution.problem.challenge.sdg_code %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs text-center"><%= t("sdg", scope: "activemodel.attributes.challenge") %></p>
+        <div class="ods challenges flex items-center">
+          <div class="text-container show">
+            <p><%= t(@solution.problem.challenge.sdg_code + ".logo.line1", scope: "decidim.components.sdgs") %></p>
+            <p><%= t(@solution.problem.challenge.sdg_code + ".logo.line2", scope: "decidim.components.sdgs") %></p>
+          </div>
+          <%= image_pack_tag "media/images/ods-#{@sdg_index}.svg", alt: "Logo ODS #{@sdg_index}", class: "problem--view" %>
+        </div>
+      </div>
+    <% end %>
+  <% else %>
+    <% if @solution.challenge&.sdg_code %>
+      <div class="text-sm flex flex-col items-center gap-1">
+        <p class="uppercase text-xs text-center"><%= t("sdg", scope: "activemodel.attributes.challenge") %></p>
+        <div class="ods challenges flex items-center">
+          <div class="text-container show">
+            <p><%= t(@solution.challenge.sdg_code + ".logo.line1", scope: "decidim.components.sdgs") %></p>
+            <p><%= t(@solution.challenge.sdg_code + ".logo.line2", scope: "decidim.components.sdgs") %></p>
+          </div>
+          <%= image_pack_tag "media/images/ods-#{@sdg_index}.svg", alt: "Logo ODS #{@sdg_index}", class: "problem--view" %>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+</div>
+
+<section class="layout-aside__section actions__secondary">
+  <%= resource_reference(current_participatory_space) %>
+  <%= render partial: "decidim/shared/follow_button", class: "text-center", locals: { followable: current_participatory_space, large: false } %>
+  <%= cell "decidim/share_button", nil %>
+</section>

data/app/views/decidim/solutions/solutions/_solution.html.erb

@@ -0,0 +1 @@
+<%= card_for solution, highlight: true, size: :g, has_sdgs: has_sdgs? %>

data/app/views/decidim/solutions/solutions/_solutions.html.erb

@@ -0,0 +1,13 @@
+<% if @solutions.empty? %>
+  <%= params[:filter].present? ? t(".empty_filters") : t(".empty") %>
+<% else %>
+  <h2 class="h5 md:h3 decorator"><%= t("count", scope: "decidim.solutions.solutions.index", count: @solutions.total_count) %></h2>
+
+  <%= order_selector available_orders, i18n_scope: "decidim.solutions.solutions.orders" %>
+
+  <div class="card__list-list">
+    <%= render @solutions, locals: { has_sdgs: has_sdgs? } %>
+  </div>
+
+  <%= decidim_paginate @solutions %>
+<% end %>

data/app/views/decidim/solutions/solutions/index.html.erb

@@ -0,0 +1,37 @@
+<% add_decidim_page_title(t("name", scope: "decidim.components.solutions")) %>
+
+<%= append_stylesheet_pack_tag "decidim_sdgs" %>
+<%= append_stylesheet_pack_tag "decidim_solutions" %>
+
+<% content_for :aside do %>
+  <h1 id="solutions-count" class="title-decorator"><%= component_name %></h1>
+
+  <% if @component_settings.creation_enabled? %>
+    <div class="proposal-list__aside__button-container">
+      <%= action_authorized_link_to :create, new_solution_path, class: "button button__xl button__secondary w-full", data: { "redirect_url" => new_solution_path } do %>
+        <span><%= t("actions.new_solution", scope: "decidim.solutions.admin") %></span>
+        <%= icon "add-line" %>
+      <% end %>
+    </div>
+  <% end %>
+
+  <% if !@component_settings.hide_filters %>
+    <%= render layout: "decidim/shared/filters", locals: { filter_sections:, search_variable: :search_text_cont, skip_to_id: "solutions" } do %>
+      <%= hidden_field_tag :order, order, id: nil, class: "order_filter" %>
+    <% end %>
+
+    <% if has_sdgs? %>
+      <%= filter_form_for filter do |form| %>
+        <%= sdgs_filter_selector(form) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<%= render layout: "layouts/decidim/shared/layout_two_col" do %>
+  <section id="solutions" class="layout-main__section layout-main__heading">
+    <%= render partial: "solutions", locals: { has_sdgs: has_sdgs? } %>
+  </section>
+<% end %>
+
+<%= render partial: "decidim/sdgs/sdgs_filter/modal" %>

data/app/views/decidim/solutions/solutions/index.js.erb

@@ -0,0 +1,5 @@
+var $solutions = $('#solutions');
+var $orderFilterInput = $('.order_filter');
+
+$solutions.html('<%= j(render partial: "solutions").strip.html_safe %>');
+$orderFilterInput.val('<%= order %>');

data/app/views/decidim/solutions/solutions/new.html.erb

@@ -0,0 +1,20 @@
+<% add_decidim_page_title(t(".create")) %>
+
+<%= render layout: "layouts/decidim/shared/layout_center" do %>
+  <div class="flex justify-center">
+    <h1 class="title-decorator my-12">
+      <%= t("decidim.solutions.solutions.new.create") %>
+    </h1>
+  </div>
+
+  <%= decidim_form_for(@form, html: { class: "form" }) do |form| %>
+    <div class="form__wrapper">
+      <%= render partial: "form", object: form %>
+    </div>
+
+    <button type="submit" class="button button__sm md:button__lg button__secondary">
+      <span><%= t("send", scope: "decidim.solutions.solutions.new") %></span>
+      <%= icon "arrow-right-line" %>
+    </button>
+  <% end %>
+<% end %>

data/app/views/decidim/solutions/solutions/show.html.erb

@@ -0,0 +1,72 @@
+<%= append_stylesheet_pack_tag "decidim_sdgs" %>
+<%= append_stylesheet_pack_tag "decidim_solutions" %>
+
+<%= render layout: "layouts/decidim/shared/layout_item", locals: { back_path: solutions_path } do %>
+  <section class="layout-main__section layout-main__heading">
+    <h1 class="h2 decorator">
+      <%= present(@solution).title(links: true, html_escape: true) %>
+    </h1>
+  </section>
+
+  <section class="layout-main__section content-block__description">
+    <%= render partial: "decidim/shared/share_modal" %>
+
+    <% if has_problem? %>
+      <h3 class="h4">
+        <span class="title"><%= t("problem", scope: "activemodel.attributes.solution") %></span>:
+        <%= link_to translated_attribute(@solution.problem.title), Decidim::ResourceLocatorPresenter.new(@solution.problem).path %><br />
+        <span class="title"><%= t("challenge", scope: "activemodel.attributes.problem") %></span>:
+        <%= link_to translated_attribute(@solution.problem.challenge.title), Decidim::ResourceLocatorPresenter.new(@solution.problem.challenge).path %></strong>
+      </h3>
+    <% else %>
+      <h3 class="h4">
+        <%= t("challenge", scope: "activemodel.attributes.solution") %></span>:
+        <%= link_to translated_attribute(@solution.challenge.title), Decidim::ResourceLocatorPresenter.new(@solution.challenge).path %></strong>
+      </h3>
+    <% end %>
+
+    <h3 class="h4"><%= t("description", scope: "activemodel.attributes.solution") %></h3>
+    <div class="rich-text-display">
+      <p><%= present(@solution).description %></p>
+    </div>
+
+    <% if present(@solution).objectives.present? %>
+      <h3 class="h4"><%= t("objectives", scope: "activemodel.attributes.solution") %></h3>
+      <%= present(@solution).objectives %>
+    <% end %>
+
+    <% if present(@solution).beneficiaries.present? %>
+      <h3 class="h4"><%= t("beneficiaries", scope: "activemodel.attributes.solution") %></h3>
+      <%= present(@solution).beneficiaries %>
+    <% end %>
+
+    <% if present(@solution).requirements.present? %>
+      <h3 class="h4"><%= t("requirements", scope: "activemodel.attributes.solution") %></h3>
+      <%= present(@solution).requirements %>
+    <% end %>
+
+    <% if present(@solution).indicators.present? %>
+      <h3 class="h4"><%= t("indicators", scope: "activemodel.attributes.solution") %></h3>
+      <%= present(@solution).indicators %>
+    <% end %>
+
+    <% if present(@solution).tags.present? %>
+      <h3 class="h4"><%= t("tags", scope: "activemodel.attributes.solution") %></h3>
+      <p class="tags"><%= present(@solution).tags %></p>
+    <% end %>
+
+    <% if present(@solution).project_url.present? %>
+      <h3 class="h4"><%= t("project_url", scope: "activemodel.attributes.solution") %></h3>
+      <%= link_to @solution.project_url, "http://#{@solution.project_url}", target: "_blank" %>
+    <% end %>
+
+    <% if present(@solution).coordinating_entity.present? %>
+      <h3 class="h4"><%= t("coordinating_entity", scope: "activemodel.attributes.solution") %></h3>
+      <%= present(@solution).coordinating_entity %>
+    <% end %>
+  </section>
+
+  <% content_for :aside do %>
+    <%= render partial: "sidebar_data" %>
+  <% end %>
+<% end %>