Adding proper sets and widgets to the registration form for mentor

src/includes/head.pug

@@ -4,7 +4,7 @@ head
     script(src="https://unpkg.com/@webcomponents/webcomponentsjs@1.2.7/webcomponents-loader.js")
     script(type="module" src="https://unpkg.com/@startinblox/core@0.8")
     script(type="module" src="https://unpkg.com/@startinblox/router@0.7")
-    script(type="module" src="https://unpkg.com/@startinblox/oidc@0.6")
+    script(type="module" src="https://unpkg.com/@startinblox/oidc@0.7")
     script(src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous")
     script(src="/scripts/coopstarter.js")
     link(rel="stylesheet" href="/styles/coopstarter.css")

src/includes/mentor/create.pug

 h2 Create a mentor account
 
+sib-widget(name='cs-section_header')
+  template
+    h2 ${label}
+
+sib-widget(name='cs-section_introduction')
+    template
+        div
+            h2 ${label}
+            p Informations will appear on your profile to inform entrepreneurs about your skills and activities. We will also use those information to address specific resources for validation.
+        
 details
     summary All available fields:
         sib-form(
             data-src=`${endpoints.users}`
-            fields="account_information(username, last_name, first_name, mentor_profile.organisation,\
+            fields="account_information(header_account, username, last_name, first_name, mentor_profile.organisation,\
                     email, mentor_profile.phone, mentor_profile.language,\
                     password, password_confirmation, account.picture),\
-                    about_you(mentor_profile.headline, mentor_profile.city, mentor_profile.country,\
+                    about_you(header_about_you, mentor_profile.headline, mentor_profile.city, mentor_profile.country,\
                     mentor_profile.biography, mentor_profile.skills),\
-                    social_media(mentor_profile.linkedin, mentor_profile.twitter)"
+                    social_media(header_social_media, mentor_profile.linkedin, mentor_profile.twitter)"
             
-            label-account_information="Create a mentor account"
-            label-about_you="About you"
-            label-social_media="Social medias"
+            label-header_account="Create a mentor account"
+            label-header_about_you="About you"
+            label-header_social_media="Social medias"
+            
+            widget-header_social_media="cs-section_header"
+            widget-header_account="cs-section_header"
+            widget-header_about_you="cs-section_introduction"
             
             label-first_name="Surname"
             label-last_name="Name"
@@ -36,35 +50,3 @@ details
             submit-button="CREATE AN ACCOUNT"
             widget-username="sib-form-hidden"
         )
-
-
-    //-  Name, Surname, Organisation, Email, Phone number, 
-    //-  Language, Password, Password Confirmation
-    
-    //-  About you 
-    //-  Photo, Headline or current position, City, Country, 
-    //-  Tell use more about your activities, Whats skills can you share with our entrepreneurs ?
-    
-    //-  Social medias
-    //-  Linkedin, Twitter
-
-
-    //-  data-src="{{request.scheme}}://{{ request.META.HTTP_HOST }}/api/users/{{ request.user.id }}/"
-    //-   data-fields="username, first_name, last_name, email, userprofile.photo, userprofile.city, userprofile.postcode"
-
-    //-   label-first_name="Prénom"
-    //-   label-last_name="Nom"
-    //-   label-email="Email"
-    //-   label-userprofile.photo="Photo"
-    //-   label-userprofile.city="Ville"
-    //-   label-userprofile.postcode="Code postal"
-
-    //-   widget-username="sib-form-hidden"
-    //-   widget-first_name="sib-form-label-placeholder-text"
-    //-   widget-last_name="sib-form-label-placeholder-text"
-    //-   widget-email="sib-form-label-placeholder-text"
-    //-   widget-userprofile.photo="sib-form-label-placeholder-text"
-    //-   widget-userprofile.city="sib-form-label-placeholder-text"
-    //-   widget-userprofile.postcode="sib-form-label-placeholder-text"
-
-    //-   next="accueil"

src/includes/mentor/login.pug

@@ -2,14 +2,5 @@ h2 I am a mentor
 
 button(role='log in' onclick="document.querySelector('sib-auth').login();") Login as mentor
 
-//- form(method='POST' action='/login')
-//-     div.form-group
-//-         label(for='email') Email
-//-         input.form-control(type='text' id='email' placeholder='email' name='email')
-//-     div.form-group
-//-         label(for='password') Password
-//-         input.form-control(type='password' id='password' placeholder='password' name='password')
-//-     button.btn.btn-primary(type='submit') Log in 
-
 sib-link(next='mentor-new-account')
     div Create an account
\ No newline at end of file