%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.feature_enabled?(:admin_affect_experts_to_avis)
    %p.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-notice Entrez les adresses email des experts à qui vous souhaitez demander un avis

  = form_for avis, url: url, html: { class: 'form' } do |f|
    - hidden_field_id = SecureRandom.uuid
    = hidden_field_tag  'avis[emails]', nil, data: { uuid: hidden_field_id }
    = react_component("ComboMultipleDropdownList",
        options: @dossier.procedure.feature_enabled?(:admin_affect_experts_to_avis) ? @experts_emails : [],
        selected: [],
        disabled: [],
        hiddenFieldId: hidden_field_id,
        label: 'avis_emails',
        id: 'avis_emails',
        acceptNewValues: @dossier.procedure.feature_enabled?(:admin_affect_experts_to_avis).blank?)
    = 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
      = text_upload_and_render f, 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: 'button primary send'