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