<vn-card class="summary">
    <h5>{{$ctrl.summary.name}} - {{$ctrl.summary.id}} - {{$ctrl.summary.salesPersonUser.name}}</h5>
    <vn-horizontal>
        <vn-one>
            <h4 translate>Basic data</h4>
            <vn-label-value label="Id" 
                value="{{$ctrl.summary.id}}">
            </vn-label-value>
            <vn-label-value label="Comercial Name" 
                value="{{$ctrl.summary.name}}">
            </vn-label-value>
            <vn-label-value label="Contact" 
                value="{{$ctrl.summary.contact}}">
            </vn-label-value>
            <vn-label-value label="Phone" 
                value="{{$ctrl.summary.phone}}">
            </vn-label-value>
            <vn-label-value label="Mobile" 
                value="{{$ctrl.summary.mobile}}">
            </vn-label-value>
            <vn-label-value label="Email" ellipsize="false"
                value="{{$ctrl.summary.email}}">
            </vn-label-value>
            <vn-label-value label="Sales person">
                <span 
                    ng-click="workerDescriptor.show($event, $ctrl.summary.salesPersonFk)"
                    class="link">
                    {{$ctrl.summary.salesPersonUser.name}}
                </span>
            </vn-label-value>
            <vn-label-value label="Channel" 
                value="{{$ctrl.summary.contactChannel.name}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <h4 translate>Fiscal address</h4>
            <vn-label-value label="Social name" 
                value="{{$ctrl.summary.socialName}}">
            </vn-label-value>
            <vn-label-value label="NIF / CIF" 
                value="{{$ctrl.summary.fi}}">
            </vn-label-value>
            <vn-label-value label="Street" ellipsize="false"
                value="{{$ctrl.summary.street}}">
            </vn-label-value>
            <vn-label-value label="City" 
                value="{{$ctrl.summary.city}}">
            </vn-label-value>
            <vn-label-value label="Postcode" 
                value="{{$ctrl.summary.postcode}}">
            </vn-label-value>
            <vn-label-value label="Province" 
                value="{{$ctrl.summary.province.name}}">
            </vn-label-value>
            <vn-label-value label="Country" 
                value="{{$ctrl.summary.country.country}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <h4 translate>Fiscal data</h4>
            <vn-vertical>
                <vn-check
                    label="Is equalizated" 
                    ng-model="$ctrl.summary.isEqualizated" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Active" 
                    ng-model="$ctrl.summary.isActive"
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Invoice by address" 
                    ng-model="$ctrl.summary.hasToInvoiceByAddress" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Verified data" 
                    ng-model="$ctrl.summary.isTaxDataChecked" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Has to invoice" 
                    ng-model="$ctrl.summary.hasToInvoice" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Notify by email" 
                    ng-model="$ctrl.summary.isToBeMailed" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Vies" 
                    ng-model="$ctrl.summary.isVies" 
                    disabled="true">
                </vn-check>
            </vn-vertical>
        </vn-one>
        <vn-one>
            <h4 translate>Billing data</h4>
            <vn-label-value label="Pay method" 
                value="{{$ctrl.summary.payMethod.name}}">
            </vn-label-value>
            <vn-label-value label="IBAN" 
                value="{{$ctrl.summary.iban}}">
            </vn-label-value>
            <vn-label-value label="Due day" 
                value="{{$ctrl.summary.dueDay}}">
            </vn-label-value>
            <vn-vertical>
                <vn-check
                    label="Received LCR" 
                    ng-model="$ctrl.summary.hasLcr" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Received core VNL" 
                    ng-model="$ctrl.summary.hasCoreVnl" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Received B2B VNL" 
                    ng-model="$ctrl.summary.hasSepaVnl" 
                    disabled="true">
                </vn-check>
            </vn-vertical>
        </vn-one>
        <vn-one>
            <h4 translate>Default address</h4>
            <vn-label-value label="Name" 
                value="{{$ctrl.summary.defaultAddress.nickname}}">
            </vn-label-value>
            <vn-label-value label="Street" ellipsize="false"
                value="{{$ctrl.summary.defaultAddress.street}}">
            </vn-label-value>
            <vn-label-value label="City" 
                value="{{$ctrl.summary.defaultAddress.city}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <h4 translate>Web access</h4>
            <vn-label-value label="User" 
                value="{{$ctrl.summary.account.name}}">
            </vn-label-value>
            <vn-vertical>
                <vn-check
                    label="Enable web access"
                    ng-model="$ctrl.summary.account.active"
                    disabled="true">
                </vn-check>
            </vn-vertical>
        </vn-one>
        <vn-one>
            <h4 translate>Business data</h4>
            <vn-label-value label="Total greuge" 
                value="{{$ctrl.summary.totalGreuge | currency: 'EUR':2}}">
            </vn-label-value>
            <vn-label-value label="Mana" 
                value="{{$ctrl.summary.mana.mana | currency: 'EUR':2}}">
            </vn-label-value>
            <vn-label-value label="Rate" 
                value="{{$ctrl.claimRate($ctrl.summary.claimsRatio.priceIncreasing) | percentage}}">
            </vn-label-value>
            <vn-label-value label="Average invoiced" 
                value="{{$ctrl.summary.averageInvoiced.invoiced | currency: 'EUR':2}}">
            </vn-label-value>
            <vn-label-value label="Claims" 
                value="{{$ctrl.claimingRate($ctrl.summary.claimsRatio.claimingRate) | percentage}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <h4 translate>Financial information</h4>
            <vn-label-value label="Risk" 
                value="{{$ctrl.summary.debt.debt | currency: 'EUR':2}}"
                ng-class="{alert: $ctrl.summary.debt.debt > $ctrl.summary.credit}"
                info="Invoices minus payments  plus orders not yet invoiced">  
            </vn-label-value>
            <vn-label-value label="Credit" 
                value="{{$ctrl.summary.credit | currency: 'EUR':2 }} "
                ng-class="{alert: $ctrl.summary.credit > $ctrl.summary.creditInsurance ||
                                ($ctrl.summary.credit  && $ctrl.summary.creditInsurance == null)}"
                info="Verdnatura's maximum risk">
            </vn-label-value>
            <vn-label-value label="Secured credit" 
                value="{{$ctrl.summary.creditInsurance | currency: 'EUR':2}} ({{$ctrl.summary.classifications[0].insurances[0].grade}})"
                info="Solunion's maximum risk">
            </vn-label-value>
            <vn-label-value label="Balance" 
                value="{{$ctrl.summary.sumRisk | currency: 'EUR':2}}"
                info="Invoices minus payments">
            </vn-label-value>
            <vn-label-value label="Balance due" 
                value="{{($ctrl.summary.defaulters[0].amount >= 0 ? $ctrl.summary.defaulters[0].amount : '-') | currency: 'EUR':2}}"
                ng-class="{alert: $ctrl.summary.defaulters[0].amount}"
                info="Deviated invoices minus payments">
            </vn-label-value>
            <vn-vertical ng-if="$ctrl.summary.recovery.started">
                <vn-label-value label="Recovery since" 
                    value="{{$ctrl.summary.recovery.started | date:'dd/MM/yyyy'}}">
            </vn-label-value>
        </vn-vertical>
        </vn-one>
    </vn-horizontal>
</vn-card>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>