Remplacement layout de l'espace membre

templates/admin/association/membership/company.html.twig

@@ -1,43 +1,49 @@
-{% extends 'admin/association/membership/_base.html.twig' %}
+{% extends 'layouts/member_company.html.twig' %}
+{% form_theme form 'form_themes/tailwind.html.twig' %}
 
-{% block submenu %}
-    {% include 'admin/association/membership/_company_menu.html.twig' with {
-        current: "contact"
-    } only %}
-{% endblock %}
+{% block title %}Mon adhésion entreprise à l'AFUP{% endblock %}
+
+{% block page_body %}
+
+    <div class="container mx-auto flex flex-col px-4 py-6 gap-6 sm:px-28 sm:py-10 sm:gap-10">
 
-{% block page_title %}Mon adhésion entreprise à l'AFUP{% endblock %}
+        <h1 class="font-titre text-afup-800 text-2xl sm:text-4xl">Mon adhésion entreprise à l'AFUP</h1>
 
-{% block page_content %}
-    <div class="afup-form">
         {{ form_start(form) }}
-        <fieldset>
-            <legend>Société</legend>
-            <div class="afup-form-container">
+
+        <twig:Card class="flex flex-col gap-8 px-6 py-8 sm:px-10 sm:py-10">
+            {{ form_errors(form) }}
+
+            <twig:Card:Section title="Société">
                 {{ form_row(form.companyName) }}
-                {{ form_row(form.siret) }}
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-7">
+                    {{ form_row(form.siret) }}
+                    {{ form_row(form.phone) }}
+                </div>
                 {{ form_row(form.address) }}
-                {{ form_row(form.zipcode) }}
-                {{ form_row(form.city) }}
-            </div>
-        </fieldset>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-7">
+                    {{ form_row(form.zipcode) }}
+                    {{ form_row(form.city) }}
+                </div>
+            </twig:Card:Section>
 
-        <fieldset>
-            <legend>Contact administratif</legend>
-            <div class="afup-form-container">
-                {{ form_row(form.firstName) }}
-                {{ form_row(form.lastName) }}
+            <twig:Card:Section title="Contact administratif">
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-7">
+                    {{ form_row(form.lastName) }}
+                    {{ form_row(form.firstName) }}
+                </div>
                 {{ form_row(form.email) }}
-                {{ form_row(form.phone) }}
-            </div>
-        </fieldset>
+            </twig:Card:Section>
 
-        <div class="right">
-            {{ form_widget(form.save, {"attr": { "class": "button button--call-to-action"}}) }}
-        </div>
+            <div class="flex justify-end border-t-2 border-neutre-300 pt-5">
+                {{ form_widget(form.save) }}
+            </div>
+        </twig:Card>
 
+        {# Rend les champs restants (jeton CSRF compris) que les form_row ci-dessus n'ont pas consommés. #}
         {{ form_widget(form) }}
-
         {{ form_end(form) }}
+
     </div>
+
 {% endblock %}