Add info modal for pair programming

app/views/exercises/implement.html.slim

@@ -17,6 +17,11 @@
           div.small.text-body-tertiary.mt-1
             == t('exercises.implement.external_privacy_policy', url:'https://www.tu-ilmenau.de/datenschutz')
 
+          button.btn.btn-sm.btn-secondary.me-3.mt-1 data-bs-toggle= 'modal' data-bs-target= '#modal-info-pair-programming'
+            i.fa-solid.fa-circle-info
+            = t('programming_groups.new.pair_programming_info')
+
+
       h1 id="exercise-headline"
         i id="description-symbol" class=(@embed_options[:collapse_exercise_description] ? 'fa-solid fa-chevron-right' : 'fa-solid fa-chevron-down')
         = @exercise.title
@@ -36,3 +41,4 @@
 
 
   = render('editor', exercise: @exercise, files: @files, submission: @submission)
+  = render('shared/modal', classes: 'modal-lg', id: 'modal-info-pair-programming', template: 'programming_groups/_info_pair_programming', title: t('programming_groups.new.pair_programming_info'))

app/views/programming_groups/_info_pair_programming.html.slim

@@ -0,0 +1,9 @@
+= render_markdown(t('programming_groups.new.info_pair_programming'))
+= render_markdown(t('programming_groups.new.info_study'))
+== t('exercises.implement.pair_programming_feedback', url: 'https://etherpad.xopic.de/p/openHPI_PairProgrammingFeedback')
+
+- content_for :modal_footer do
+  button.btn.btn-secondary#dont_show_info_pp_modal_again data-bs-dismiss='modal'
+    = t('programming_groups.new.dont_show_modal_again')
+  button.btn.btn-primary data-bs-dismiss='modal'
+    = t('programming_groups.new.close')

app/views/programming_groups/new.html.slim

@@ -5,7 +5,12 @@ h1 = t('programming_groups.new.create_programming_pair')
       => t('programming_groups.new.own_user_id')
       b
         = current_user.id_with_type
-    p
+
+    button.btn.btn-success data-bs-toggle= 'modal' data-bs-target= '#modal-info-pair-programming'
+      i.fa-solid.fa-circle-info
+      = t('programming_groups.new.pair_programming_info')
+
+    p.mt-4
       = t('programming_groups.new.enter_partner_id', exercise_title: @exercise.title)
     = render('form')
 
@@ -20,3 +25,5 @@ h1 = t('programming_groups.new.create_programming_pair')
     p
       = t('programming_groups.new.find_partner_description')
     iframe name="embed_readwrite" src="https://etherpad.xopic.de/p/find_programming_group_for_exercise_#{@exercise.id}?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false" width="100%" height="300" style='border: 1px solid black;'
+
+= render('shared/modal', classes: 'modal-lg', id: 'modal-info-pair-programming', template: 'programming_groups/_info_pair_programming', title: t('programming_groups.new.pair_programming_info'))