.procedure-logos
  - procedure_logo_alt = ''
  - if procedure.service.present?
    - procedure_logo_alt = "#{procedure.service.nom} − #{procedure.service.organisme}"
  = image_tag procedure.logo_url, alt: procedure_logo_alt
  - if procedure.euro_flag
    = image_tag("flag_of_europe.svg", id: 'euro_flag', class: (!procedure.euro_flag ? "hidden" : ""))
%h1.fr-h2
  = procedure.libelle

- if procedure.persisted? && procedure.estimated_duration_visible?
  %p
    %small
      %span.fr-icon-timer-line
      = t('shared.procedure_description.estimated_fill_duration', estimated_minutes: estimated_fill_duration_minutes(procedure))

- if procedure.auto_archive_on
  %p
    %small
      %span.fr-icon-calendar-line
        Date limite : #{procedure_auto_archive_datetime(procedure)}.

= yield

- unless @no_description
  .fr-accordions-group.fr-mb-3w
    - cache [I18n.locale, procedure, "description"] do
      %section.fr-accordion
        %h2.fr-accordion__title
          %button.fr-accordion__btn{ "aria-controls" => "accordion-114", "aria-expanded" => "true" }
            = t('activerecord.attributes.procedure.description')
        #accordion-114.fr-collapse
          = h render SimpleFormatComponent.new(procedure.description, allow_a: true)

      - if procedure.description_target_audience.present?
        %section.fr-accordion
          %h2.fr-accordion__title
            %button.fr-accordion__btn{ "aria-controls" => "accordion-115", "aria-expanded" => "false" }
              = t('activerecord.attributes.procedure.description_target_audience')
          #accordion-115.fr-collapse
            = h render SimpleFormatComponent.new(procedure.description_target_audience, allow_a: true)

      - if procedure.description_pj.present?
        %section.fr-accordion.pieces_jointes
          %h2.fr-accordion__title
            %button.fr-accordion__btn{ "aria-controls" => "accordion-116", "aria-expanded" => "false" }
              = t('shared.procedure_description.pieces_jointes')
          #accordion-116.fr-collapse
            = h render SimpleFormatComponent.new(procedure.description_pj, allow_a: true)

      - elsif procedure.pieces_jointes_list?
        %section.fr-accordion.pieces_jointes
          %h2.fr-accordion__title
            %button.fr-accordion__btn{ "aria-controls" => "accordion-116", "aria-expanded" => "false" }
              = t('shared.procedure_description.pieces_jointes')
          #accordion-116.fr-collapse
            - if procedure.pieces_jointes_list_without_conditionnal.present?
              %ul
                = render partial: "shared/procedure_pieces_jointes_list", collection: procedure.pieces_jointes_list_without_conditionnal, as: :pj

            - if procedure.pieces_jointes_list_with_conditionnal.present?
              %h3.fr-text--sm.fr-mb-0.fr-mt-2w
                = t('shared.procedure_description.pieces_jointes_conditionnal_list_title')
              %ul
                = render partial: "shared/procedure_pieces_jointes_list", collection: procedure.pieces_jointes_list_with_conditionnal, as: :pj

    - if procedure.stats_usual_traitement_time
      %section.fr-accordion
        %h2.fr-accordion__title
          %button.fr-accordion__btn{ "aria-controls" => "accordion-117", "aria-expanded" => "false" }
            = t('shared.procedure_description.usual_traitement_time_title')

        #accordion-117.fr-collapse
          = t('shared.procedure_description.usual_traitement_time_detail_html', traitement_time: distance_of_time_in_words(procedure.stats_usual_traitement_time), percentile: ProcedureStatsConcern::USUAL_TRAITEMENT_TIME_PERCENTILE, days: ProcedureStatsConcern::NB_DAYS_RECENT_DOSSIERS, href: statistiques_path(procedure.path) )


    - if procedure.persisted? && procedure.estimated_duration_visible?
      %section.fr-accordion
        %h2.fr-accordion__title
          %button.fr-accordion__btn{ "aria-controls" => "accordion-118", "aria-expanded" => "false" }
            = t('shared.procedure_description.estimated_fill_duration_title')
        #accordion-118.fr-collapse
          = t('shared.procedure_description.estimated_fill_duration_detail', estimated_minutes: estimated_fill_duration_minutes(procedure))

  .fr-my-3w
    = render Procedure::NoticeComponent.new(procedure:)

  - if procedure.sva_svr_enabled?
    = render Dsfr::CalloutComponent.new(title: t('shared.procedure_description.sva_svr_title', rule: t(procedure.sva_svr_decision, scope: 'shared.procedures.sva_svr_rule_name')), icon: "fr-fi-information-line", extra_class_names: "fr-my-6w") do |c|
      - c.with_body do
        %p
          = t("#{procedure.sva_svr_decision}_text_html", scope: 'shared.procedure_description') # i18n-tasks-use: t('shared.procedure_description.sva_text_html') t('shared.procedure_description.svr_text_html')
        %p.fr-mt-1w
          = t('shared.procedure_description.sva_svr_prevision_date',
            delay: t("x_#{procedure.sva_svr_configuration.unit}", count: procedure.sva_svr_configuration.period.to_i, scope: 'datetime.distance_in_words'),
            date: l(SVASVRDecisionDateCalculatorService.decision_date_from_today(procedure), format: :long).gsub(' ', " "))