%section.ask-avis.fr-mb-4w
  %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 NestedForms::FormOwnerComponent.new
  = form_for avis, url: url, html: { multipart: true, data: { controller: 'persisted-form', persisted_form_key_value: dom_id(@dossier, :avis_by_instructeur) } } do |f|
    .fr-input-group
      %react-fragment
        = render ReactComponent.new "ComboBox/MultiComboBox", items: current_expert_not_instructeur? ? [] : @experts_emails, name: f.field_name(:emails, multiple: true), id: 'avis_emails', 'aria-label': 'Emails', 'aria-describedby': 'avis-emails-description', allows_custom_value: !@dossier.procedure.experts_require_administrateur_invitation

    .fr-input-group
      = f.label :introduction, t('helpers.label.introduction'), class: 'fr-label'
      = f.text_area :introduction, rows: 3, class: 'fr-input', value: avis.introduction || 'Bonjour, merci de me donner votre avis sur ce dossier.', required: true

    .fr-input-group
      = f.label :question_label, class: 'fr-label' do
        = t('helpers.label.question_label')
        %span.fr-hint-text
          = t('helpers.label.question_label_hint')
      = f.text_area :question_label, label: "question", class: 'fr-input'
    %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 ', class: 'fr-label'
          = f.select :confidentiel, [['partagé avec les autres experts', false], ['confidentiel', true]], {}, onchange: "javascript:DS.toggleCondidentielExplanation(event);", class: 'fr-select'
          .confidentiel-explanation.hidden
            %small
              Il ne sera pas affiché aux autres experts consultés, mais sera visible par les instructeurs.

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