- content_for(:title, 'Contact')
- content_for :footer do
  = render partial: "root/footer"

#contact-form
  .container
    %h1.new-h1
      = t('contact', scope: [:support])

    = form_tag contact_path, method: :post, multipart: true, class: 'form' do |f|

      .description
        %p= t('intro_html', scope: [:support])
        %br
        %p.mandatory-explanation= t('asterisk_html', scope: [:utils])

      - if !user_signed_in?
        .contact-champ
          = label_tag :email do
            Email
            %span.mandatory *
          = text_field_tag :email, params[:email], required: true

      .contact-champ
        = label_tag :type do
          = t('your_question', scope: [:support, :question])
          %span.mandatory *
        = select_tag :type, options_for_select(@options, params[:type]), include_blank: t('choose_question', scope: [:support, :question]), required: true

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_INFO } }
        .card-title
          = t('our_answer', scope: [:support, :response])
        .card-content
          = t('procedure_info_html', scope: [:support, :response], link_procedure_info: FAQ_CONTACTER_SERVICE_EN_CHARGE_URL)

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_PERDU } }
        .card-title
          = t('our_answer', scope: [:support, :response])
        .card-content
          = t('lost_user_html', scope: [:support, :response], base_url: APPLICATION_BASE_URL, link_lost_user: LISTE_DES_DEMARCHES_URL)

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_INSTRUCTION } }
        .card-title
          = t('our_answer', scope: [:support, :response])
        .card-content
          = t('instruction_info_html', scope: [:support, :response], link_instruction: FAQ_OU_EN_EST_MON_DOSSIER_URL)

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_AMELIORATION } }
        .card-title
          = t('our_answer', scope: [:support, :response])
        .card-content
          = t('product_html', scope: [:support, :response], link_product: FEATURE_UPVOTE_URL)

      .contact-champ
        = label_tag :dossier_id, t('file_number', scope: [:utils])
        = text_field_tag :dossier_id, @dossier_id

      .contact-champ
        = label_tag :subject do
          = t('subject', scope: [:utils])
          %span.mandatory *
        = text_field_tag :subject, params[:subject], required: true

      .contact-champ
        = label_tag :text do
          = t('message', scope: [:utils])
          %span.mandatory *
        = text_area_tag :text, params[:text], rows: 6, required: true

      .contact-champ
        = label_tag :piece_jointe do
          = t('pj', scope: [:utils])
        %p.notice.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_AMELIORATION } }
          = t('notice_pj_product', scope: [:support, :response])
        %p.notice.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_AUTRE } }
          = t('notice_pj_other', scope: [:support, :response])
        = file_field_tag :piece_jointe

      = hidden_field_tag :tags, @tags&.join(',')

      .send-wrapper
        = button_tag t('send_mail', scope: [:utils]), type: :submit, class: 'button send primary'