%section.ask-avis
  %h1.tab-title Inviter des personnes à donner leur avis
  %p.avis-notice Les invités pourront consulter le dossier, donner un avis et contribuer au fil de messagerie. Ils ne pourront pas modifier le dossier.
  - if @dossier.procedure.experts_require_administrateur_invitation
    %p#avis-emails-description.avis-notice
      Choisissez des experts à qui vous souhaitez demander un avis parmi la liste prédéfinie par les administrateurs de la démarche
  - else
    %p#avis-emails-description.avis-notice
      Entrez les adresses email des experts à qui vous souhaitez demander un avis

  = render Attachment::DeleteFormComponent.new
  = form_for avis, url: url, html: { class: 'form', multipart: true, data: { controller: 'persisted-form', persisted_form_key_value: dom_id(@dossier, :avis_by_instructeur) } } do |f|
    = hidden_field_tag  'avis[emails]', nil
    = react_component("ComboMultiple",
        options: @dossier.procedure.experts_require_administrateur_invitation ? @experts_emails : [],
        selected: [], disabled: [],
        label: 'Emails',
        group: '.ask-avis',
        name: 'emails',
        describedby: 'avis-emails-description',
        acceptNewValues: !@dossier.procedure.experts_require_administrateur_invitation)
    = f.text_area :introduction, rows: 3, value: avis.introduction || 'Bonjour, merci de me donner votre avis sur ce dossier.', required: true
    %p.tab-title Ajouter une pièce jointe
    .form-group
      = render Attachment::EditComponent.new(attached_file: avis.introduction_file)

    - if linked_dossiers.present?
      = f.check_box :invite_linked_dossiers, {}, true, false
      = f.label :invite_linked_dossiers, t('helpers.label.invite_linked_dossiers', count: linked_dossiers.length, ids: linked_dossiers.map(&:id).to_sentence)

    .flex.justify-between.align-baseline
      - if must_be_confidentiel
        %p.confidentiel.flex
          %span.icon.lock
          %span
            Cet avis sera confidentiel : il ne sera pas affiché aux autres experts consultés, mais sera visible par les instructeurs.

      - else
        .confidentiel-wrapper
          = f.label :confidentiel, 'Cet avis sera '
          = f.select :confidentiel, [['partagé avec les autres experts', false], ['confidentiel', true]], {}, onchange: "javascript:DS.toggleCondidentielExplanation(event);"
          .confidentiel-explanation.hidden
            Il ne sera pas affiché aux autres experts consultés, mais sera visible par les instructeurs.

    = f.submit 'Demander un avis', class: 'fr-btn'