.row
  .col-xs-12
    - if @facade.procedure.for_individual?
      .row.title-row
        .col-xs-4.split-hr
        .col-xs-4.dossier-title= t('utils.depositaire')
        .col-xs-4.split-hr
      .row
        .col-xs-6.depositaire-label Civilité
        .col-xs-1.comments-off= "-"
        .col-xs-5.depositaire-info= @facade.individual.gender
      .row
        .col-xs-6.depositaire-label Nom
        .col-xs-1.comments-off= "-"
        .col-xs-5.depositaire-info= @facade.individual.nom
      .row
        .col-xs-6.depositaire-label Prénom
        .col-xs-1.comments-off= "-"
        .col-xs-5.despositaire-info= @facade.individual.prenom
      .row
        .col-xs-6.depositaire-label Date de naissance
        .col-xs-1.comments-off= "-"
        .col-xs-4.depositaire-info= @facade.individual.birthdate&.strftime("%d/%m/%Y")
      .row.margin-top-20

    - if @facade.champs.present?
      - @facade.champs.each do |champ|
        - next if champ.type_champ == 'explication'
        - if champ.type_champ == 'header_section'
          .row.title-row.margin-top-40
            .col-xs-3.split-hr
            .col-xs-6.dossier-title= champ.libelle
            .col-xs-3.split-hr
        - else
          .row
            .col-xs-6.depositaire-label= champ.libelle
            .col-xs-1.comments-off
              = "-"
            .col-xs-5.depositaire-info{ id: "champ-#{champ.id}-value" }
              - if champ.decorate.value.present? || champ.piece_justificative_file.attached?
                - if champ.type_champ == 'dossier_link'
                  - dossier = Dossier.includes(:procedure).find_by(id: champ.decorate.value)
                  - if dossier
                    = link_to("Dossier #{dossier.id}", modifier_dossier_path(dossier), target: '_blank')
                    %br
                    = sanitize(dossier.text_summary)
                  - else
                    Pas de dossier associé
                - elsif champ.type_champ == 'piece_justificative'
                  = render partial: "shared/champs/piece_justificative/pj_link", locals: { champ: champ, user_can_upload: true }
                - elsif champ.type_champ == 'textarea'
                  = simple_format(champ.decorate.value)
                - elsif champ.type_champ == 'linked_drop_down_list'
                  = champ.for_display
                - else
                  = sanitize(champ.decorate.value)

.row
  - if @facade.dossier.types_de_piece_justificative.count > 0
    .col-xs-12
      .row.title-row
        .col-xs-4.split-hr
        .col-xs-4.dossier-title= t('utils.pieces')
        .col-xs-4.split-hr

  .col-xs-12#pieces-justificatives.margin-bot-40
    .row
      .col-xs-12
        - @facade.types_de_pieces_justificatives.each do |type_de_piece_justificative|
          .row.piece-row
            .col-xs-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
              .row
                .col-xs-6.depositaire-label= type_de_piece_justificative.libelle
                .col-xs-1.comments-off= "-"
                .col-xs-5.despositaire-info
                  - if type_de_piece_justificative.api_entreprise
                    %span.text-success Nous l'avons récupéré pour vous.
                  - elsif (@pj = @facade.dossier.retrieve_last_piece_justificative_by_type(type_de_piece_justificative.id)).present?
                    %a{ href: "#{@pj.content_url}", target: '_blank' } Consulter
                    %span{ style: 'margin-left: 12px;' }
                      \-
                    - if @facade.dossier.pieces_justificatives.where(type_de_piece_justificative_id: type_de_piece_justificative.id).count > 1
                      = link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#pj-modal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => "type_de_pj_#{type_de_piece_justificative.id}" do
                        %span.fa.fa-clock-o
                  - else
                    Pièce non fournie

    - if !@facade.dossier.read_only?
      - if user_signed_in? && (current_user.owns_or_invite?(@facade.dossier))
        - if @facade.dossier.types_de_piece_justificative.size > 0
          .row
            .col-xs-4
            %a#maj_pj.action{ "data-target" => "#upload-pj-modal", "data-toggle" => "modal", :type => "button" }
              .col-xs-4.action
                Modifier les documents
              %br
            = render partial: 'users/recapitulatif/modal_upload_pj'
            .col-xs-4

    - if gestionnaire_signed_in?
      #pj-modal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
        .modal-dialog.modal-lg{ :role => "document" }
          .modal-content
            .modal-header
              %button.close{ "aria-label" => "Close", "data-dismiss" => "modal", :type => "button" }
                %span{ "aria-hidden" => "true" } ×
              %h4#myModalLabel.modal-title
                Historique des
                %span#pj-modal-title
            .modal-body
              %table.table
                %thead
                  %th
                    Usager
                  %th
                    Date d'envoi
                  %th
                    Lien
                %thead.tr-content#cerfa
                - @facade.dossier.types_de_piece_justificative.each do |type_de_piece_justificative|
                  %tbody.tr-content{ id: "type_de_pj_#{type_de_piece_justificative.id}" }
                    - @facade.dossier.retrieve_all_piece_justificative_by_type(type_de_piece_justificative.id).each do |piece_justificative|
                      %tr
                        %td.col-md-6.col-sm-6.col-xs-6.col-lg-4
                          = piece_justificative.user.email
                        %td.col-md-6.col-sm-6.col-xs-6.col-lg-4
                          = piece_justificative.created_at
                        %td.col-md-6.col-sm-6.col-xs-6.col-lg-4
                          = link_to 'Récupérer', piece_justificative.content_url, { target: :blank }
            .modal-footer

#modalCommentairesDossierParChamp.modal.fade{ "tabindex" => -1, "role" => "dialog" }
  .modal-dialog{ "role" => "document" }
    .modal-content
      .modal-header
        %button.close{ "data-dismiss" => "modal", "aria-label" => "Fermer" }
          %span{ "aria-hidden" => true }
            &times;
        .modal-title
          Commentaires
      .modal-body
        %p
          Chargement des commentaires en cours...
      .modal-footer
        %button.btn.btn-primary{ "data-dismiss" => "modal" }
          Fermer
