.patron
  .container
    %h1 Icones

    %i.follow
    %i.unfollow
    %i.archive
    %i.unarchive
    %i.folder

    %h1 Formulaires

    %form.form
      - @all_champs.each do |champ|
        = render partial: "new_gestionnaire/dossiers/champs/#{champ.type_champ}", locals: { champ: champ }
      %input{ type: "password", value: "12345678" }
      .send-wrapper
        %input.button.send{ type: "submit", value: "Enregistrer un brouillon (formnovalidate)", formnovalidate: true }
        %input.button.send{ type: "submit", value: "Envoyer" }

    %h1 Boutons

    %p
      = link_to ".button", "#", class: "button"

      = link_to ".button.primary", "#", class: "button primary"

      = link_to ".button.secondary", "#", class: "button secondary"

      = link_to ".button.large", "#", class: "button large"

      = link_to ".button.large.primary", "#", class: "button large primary"

    %p
      = link_to "#", class: "button" do
        %i.follow
        = "%i.follow"
      = link_to "#", class: "button" do
        %i.unfollow
        = "%i.unfollow"
      = link_to "#", class: "button" do
        %i.archive
        = "%i.archive"
      = link_to "#", class: "button" do
        %i.unarchive
        = "%i.unarchive"
    %p
      = link_to ".button.primary.expand", "#", class: "button primary expand"

    %h1 Onglets

    %ul.tabs
      %li
        = link_to "Onglet 1", "#", class: "selected"
      %li
        = link_to "Onglet 2", "#"
      %li
        = link_to "Onglet 3", "#"

    %h1 Labels

    %span.label .label
    %span.label.instruction .label.instruction
    %span.label.construction .label.construction
    %span.label.closed .label.closed
    %span.label.refused .label.refused
    %span.label.without-continuation .label.without-continuation

    %h1 Cards

    .card
      .card-title
        Titre de la carte
      Et voici le contenu de la carte

    .card.featured
      .card-title
        Titre de la carte mise en avant
      Et voici le contenu de la carte

    %h1 Table

    %table.table
      %tbody
        %tr
          %th Header 1
          %td Table Data 1
        %tr
          %th Header 2
          %td Table Data 2
        %tr
          %th.header-section{ colspan: 2 } Header section
        %tr
          %th Header 3
          %td Table Data 3

    %h1 Header
  .backoffice-header
    .container
      Titre
      %ul.tabs
        %li
          = link_to "Onglet 1", "#", class: "selected"
        %li
          = link_to "Onglet 2", "#"
        %li
          = link_to "Onglet 3", "#"

  .container
    %h1 Breadcrumbs

    %ul.breadcrumbs
      %li
        = link_to "Procédure 123", "#"
      %li
        = "Dossier n° 38"


    %h1 Layout deux colonnes

  .two-columns
    .columns-container
      .column
        Insérer ici le contenu de la colonne 1
      .column
        Insérer ici le contenu de la colonne 2