demarches-normaliennes/app/views/support/index.html.haml

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

#contact-form
  .container
    %h1.new-h1 Contact

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

      .description
        %p
          Contactez-nous via ce formulaire et nous vous répondrons dans les plus brefs délais.
          Pensez bien à nous donner le plus d'informations possible pour que nous puissions vous aider au mieux.
        %br
        %p.mandatory-explanation
          Les champs suivis d’un astérisque (
          %span.mandatory *
          ) sont obligatoires.

      - 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
          Votre question
          %span.mandatory *
        = select_tag :type, options_for_select(@options, params[:type]), include_blank: "Choisir une question", required: true

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_INFO } }
        .card-title
          👉 Notre réponse
        .card-content
          %p
            Avez-vous bien vérifié que tous les champs obligatoires (
            %span.mandatory *
            ) sont bien remplis ?
          %p Si vous avez des questions sur les informations à saisir, contactez les services en charge de la démarche.
          %p
            %a{ href: FAQ_CONTACTER_SERVICE_EN_CHARGE_URL }
              En savoir plus

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_PERDU } }
        .card-title
          👉 Notre réponse
        .card-content
          %p Nous vous invitons à contacter l’administration en charge de votre démarche pour qu’elle vous indique le lien à suivre. Celui-ci devrait ressembler à cela : #{APPLICATION_BASE_URL}/commencer/NOM_DE_LA_DEMARCHE .
          %br
          %p Vous pouvez aussi consulter ici la liste de nos démarches les plus frequentes (permis, detr etc) :
          %p
            %a{ href: LISTE_DES_DEMARCHES_URL }
              = LISTE_DES_DEMARCHES_URL

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_INSTRUCTION } }
        .card-title
          👉 Notre réponse
        %p Si vous avez des questions sur l’instruction de votre dossier (par exemple sur les délais), nous vous invitons à contacter directement les services qui instruisent votre dossier par votre messagerie.
        %p
          %a{ href: FAQ_OU_EN_EST_MON_DOSSIER_URL }
            En savoir plus
        %br
        %p Si vous souhaitez poser une question pour un problème technique sur le site, utilisez le formulaire ci-dessous. Nous ne pourrons pas vous renseigner sur l'instruction de votre dossier.

      .support.card.featured.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_AMELIORATION } }
        .card-title
          👉 Notre réponse
        %p
          Une idée ? Pensez à consulter notre
          = succeed ' !' do
            %strong
              tableau de bord des améliorations
        %p
          %ul
            %li • Votez pour vos améliorations prioritaires ;
            %li • Proposez votre propre idée.

        %p
          %strong
            %a{ href: FEATURE_UPVOTE_URL }
              ➡ Accéder au tableau des améliorations

      .contact-champ
        = label_tag :dossier_id, 'Numéro du dossier concerné'
        = text_field_tag :dossier_id, @dossier_id

      .contact-champ
        = label_tag :subject do
          Sujet
          %span.mandatory *
        = text_field_tag :subject, params[:subject], required: true

      .contact-champ
        = label_tag :text do
          Message
          %span.mandatory *
        = text_area_tag :text, params[:text], rows: 6, required: true

      .contact-champ
        = label_tag :piece_jointe do
          Pièce jointe
        %p.notice.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_AMELIORATION } }
          Une capture d’écran peut nous aider à identifier plus facilement l’endroit à améliorer.
        %p.notice.hidden{ data: { 'contact-type-only': Helpscout::FormAdapter::TYPE_AUTRE } }
          Une capture d’écran peut nous aider à identifier plus facilement le problème.
        = file_field_tag :piece_jointe

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

      .send-wrapper
        = button_tag 'Envoyer le message', type: :submit, class: 'button send primary'