<vn-card class="summary">
    <h5>{{$ctrl.summary.name}}</h5>
    <vn-vertical pad-medium>
        <vn-horizontal pad-medium>
            <vn-one>    
                <vn-label-value label="Id" 
                    value="{{::$ctrl.summary.id}}">
                </vn-label-value>
                <vn-label-value label="Name"
                    value="{{::$ctrl.summary.name}}">
                </vn-label-value>
                <vn-label-value label="Warehouse"
                    value="{{::$ctrl.summary.warehouse.name}}">
                </vn-label-value>
                <vn-label-value label="Agency"
                    value="{{::$ctrl.summary.agencyMode.name}}">
                </vn-label-value>
            </vn-one>
            <vn-one>
                <vn-label-value label="Estimated hour (ETD)"
                    value="{{::$ctrl.summary.hour | date: 'HH:mm'}}">
                </vn-label-value>
                <vn-label-value label="Traveling days"
                    value="{{::$ctrl.summary.travelingDays}}">
                </vn-label-value>
                <vn-label-value label="Price"
                    value="{{::$ctrl.summary.price | currency: 'EUR': 2}}">
                </vn-label-value>
                <vn-label-value label="Bonus"
                    value="{{::$ctrl.summary.price | currency: 'EUR': 2}}">
                </vn-label-value>
            </vn-one>
        </vn-horizontal>
    </vn-vertical>
</vn-card>