section.project-values-table
    div.project-values-header
        div.project-values-row
            div.project-values-name
                span Name
            div.project-values-isclosed
                span Value
            div.project-values-settings

    div.project-values-body
        form.sortable
            div(ng-repeat="value in values")
                div.project-values-row.row.table-main.visualization
                    span.icon.icon-drag-v
                    div.project-values-name
                         span {{ value.name }}
                    div.project-values-value
                        span {{ value.value }}
                    div.project-values-settings
                        a.edit-value.icon.icon-edit(href="", title="Edit value")
                        a.delete-value.icon.icon-delete(href="", title="Delete value")

                div.project-values-row.row.table-main.edition.hidden
                    div.project-values-name
                        input(name="name", type="text", placeholder="Name", ng-model="value.name")
                    div.project-values-value
                        input(name="name", type="text", placeholder="Value", ng-model="value.value")
                    div.project-values-settings
                        a.save.icon.icon-floppy(href="", title="Add")
                        a.cancel.icon.icon-delete(href="", title="Delete")

        form
            div.project-values-row.new-value.hidden
                div.project-values-name
                     input(name="name", type="text", placeholder="Name", ng-model="newValue.name")
                div.project-values-value
                    input("name=value", type="text", placeholder="Value", ng-model="newValue.value")

                div.project-values-settings
                    a.add-new.icon.icon-floppy(href="", title="Add")
                    a.delete-new.icon.icon-delete(href="", title="Delete")