HTML


PUG

.block-beneficiaire
  .beneficiaire
    a(href='#collapse-foyer-1', data-toggle='collapse').title
      .left
        i.maificon.maificon-femme(aria-hidden='true')
        .name
          p Prenom Nom
      .right1
        button.btn.btn-interface.picto-mobile
          span
            i.maificon.maificon-plus(aria-hidden="true")
            span Ajouter
      .right2
        button.btn.btn-interface.picto-mobile
          span
            i.maificon.maificon-trash(aria-hidden="true")
            span Supprimer
  .informations-beneficiaire.maif-form.collapse#collapse-foyer-1
    .row
      .col-md-6
        .form-group
          label Nom 
          input.identity(type='text')/
    .row
      .col-md-6
        .form-group
          label Prenom
          input.identity(type='text')/
    .row
      .col-md-4
        .form-group
          label Date de naissance
          .form-date
            input.naissance(type='date')
    .row
      .col-md-4
        .form-group
          label Sexe
          .select
            select.sexe(placeholder='Sélectionner')#select
              option(value='Sélectionner', disabled, selected) Sélectionner
              option(value='masculin') Masculin
              option(value='feminin') Féminin

  br
  .beneficiaire
    a(href='#collapse-foyer-2', data-toggle='collapse').title
      .left
        i.maificon.maificon-homme(aria-hidden='true')
        .name
          p John Doe
      .right1
        button.btn.btn-interface.picto-mobile
          span
            i.maificon.maificon-plus(aria-hidden="true")
            span Ajouter
      .right2
        button.btn.btn-interface.picto-mobile
          span
            i.maificon.maificon-trash(aria-hidden="true")
            span Supprimer
  .informations-beneficiaire.maif-form.collapse#collapse-foyer-2
    .row
      .col-md-6
        .form-group
          label Nom 
          input.validated.identity(type='text', value="John")/
    .row
      .col-md-6
        .form-group
          label Prenom
          input.validated.identity(type='text', value="Doe")/
    .row
      .col-md-4
        .form-group
          label Date de naissance
          .form-date
            input.validated.naissance(type='date', value='1989-08-04')
    .row
      .col-md-4
        .form-group
          label Sexe
          .select
            select.validated.sexe(placeholder='Sélectionner')#select
              option(value='Sélectionner', disabled) Sélectionner
              option(value='masculin', selected) Masculin
              option(value='feminin') Féminin