<vn-auto-search
    model="model">
</vn-auto-search>
<vn-data-viewer
    model="model"
    class="vn-w-sm">
    <vn-card>
    <div class="vn-list separated">
    <a
        ng-repeat="client in model.data track by client.id"
        ui-sref="client.card.summary(::{id: client.id})"
        translate-attr="{title: 'View client'}"
        class="vn-item search-result">
        <vn-item-section>
            <h6>{{::client.name}}</h6>
            <vn-label-value
                label="Id" 
                value="{{::client.id}}">
            </vn-label-value>
            <vn-label-value
                label="Phone" 
                value="{{::client.phone | phone}}">
          </vn-label-value>
            <vn-label-value
                label="Town/City" 
                value="{{::client.city}}">
            </vn-label-value>
            <vn-label-value
                label="Email" 
                value="{{::client.email}}">
            </vn-label-value>
        </vn-item-section>
        <vn-item-section side>
            <vn-icon-button ng-show="client.isActive == false"
                vn-tooltip="Client inactive"
                icon="icon-disabled">
            </vn-icon-button>
            <vn-icon-button ng-show="client.isActive && client.isFreezed == true"
                vn-tooltip="Client frozen"
                icon="icon-frozen">
            </vn-icon-button>
            <vn-icon-button vn-anchor="{state: 'ticket.index', params: {q: {clientFk: client.id}}}"
                vn-tooltip="Client tickets"
                icon="icon-ticket">
            </vn-icon-button>
            <vn-icon-button
                ng-click="$ctrl.openSummary(client, $event)"
                vn-tooltip="Preview"
                icon="preview">
            </vn-icon-button>
        </vn-item-section>
    </a>
    </div>
    </vn-card>
</vn-data-viewer>
<a ui-sref="client.create"
    vn-tooltip="New client"
    vn-bind="+"
    fixed-bottom-right>
    <vn-float-button icon="person_add"></vn-float-button>
</a>
<vn-popup vn-id="dialog-summary-client">
    <vn-client-summary
        client="$ctrl.clientSelected">
    </vn-client-summary>
</vn-popup>