section
.modal#modal
.modal-background
.modal-card
header.modal-card-head
p.modal-card-title Multa Usuario : {{multar.idUsuario}}
button.delete(v-on:click="toggleModal()")
section.modal-card-body
table.table
thead
tr
th(width="10%")
th(width="20%") No Semanas
th(width="70%") Descripción
tbody
tr(v-for="m in multa")
td
.control
label.radio
input(type='radio' name="multa" v-bind:value="m.semanas" v-model="multar.multa")
td {{m.semanas}}
td {{m.nombre}}
footer.modal-card-foot
button.button.is-success(v-on:click="SaveMultar()") Guardar
button.button(v-on:click="toggleModal()") Cancelar
p.has-text-centered
span.is-size-6.space(v-for="s in status") {{` ${s.Tipo.nombre.toUpperCase()} : ${s.cuenta}`}}
br
.columns
.column.is-3
.field
.control.has-icons-left
input.input(v-model="search" placeholder="Buscar")
span.icon.is-small.is-left
font-awesome-icon(icon="search")
table.table.is-fullwidth.is-hoverable.is-narrow
thead
tr
th Carrito
th Equipo
th Tipo
th No Inventario
th Usuario
th Hora inicio
th Hora maximo
th Multar
th Regresar
tbody
tr(v-bind:class="{'warn-time':timeWarn(p.fechaInicio)}" v-for="p in filteredEquipo")
td {{p.Equipo.Carrito.alias}}
td {{p.Equipo.equipo_carrito}}
td {{p.Equipo.Tipo.nombre}}
td {{p.Equipo.no_inventario}}
td {{p.idUsuario}}
td {{fecha(p.fechaInicio)}}
td {{maxFecha(p.fechaInicio)}}
td
a.button.is-danger.is-outlined(v-on:click="upMultar(p.idUsuario)")
span.icon.is-small
font-awesome-icon(icon="flag")
td
a.button.is-u-blue.is-outlined(v-on:click="regresar(p.idPrestamo, p.idUsuario)")
span.icon.is-small
font-awesome-icon(icon="undo")