<vn-crud-model vn-id="model"
    url="ClaimDms"
    data="photos">
</vn-crud-model>
<vn-card class="summary">
    <h5>{{::$ctrl.summary.claim.id}} - {{::$ctrl.summary.claim.client.name}}</h5>
    <vn-horizontal>
        <vn-one>
            <vn-label-value
                label="Created" 
                value="{{$ctrl.summary.claim.created | date: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value
                label="State" 
                value="{{$ctrl.summary.claim.claimState.description}}">
            </vn-label-value>
            <vn-label-value
                label="Salesperson" 
                value="{{$ctrl.summary.claim.client.salesPerson.user.nickname}}">
            </vn-label-value>
            <vn-label-value
                label="Attended by" 
                value="{{$ctrl.summary.claim.worker.user.nickname}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <vn-textarea
                vn-three
                disabled="true"
                label="Observation" 
                ng-model="$ctrl.summary.claim.observation">
            </vn-textarea>
        </vn-one>
        <vn-one>
            <vn-range
                vn-one 
                disabled="true"
                label="Responsability"
                min-label="Company"
                max-label="Sales/Client"
                ng-model="$ctrl.summary.claim.responsibility"
                max="5"
                min="1"
                step="1"
                vn-acl="salesAssistant">
            </vn-range>
        </vn-one>
        <vn-auto>
            <h4 translate>Detail</h4>
            <vn-data-viewer data="::$ctrl.summary.salesClaimed">
                <vn-table>
                    <vn-thead>
                        <vn-tr>
                            <vn-th number>Item</vn-th>
                            <vn-th>Landed</vn-th>
                            <vn-th number>Quantity</vn-th>
                            <vn-th number>Claimed</vn-th>
                            <vn-th>Description</vn-th>
                            <vn-th number>Price</vn-th>
                            <vn-th number>Disc.</vn-th>
                            <vn-th number>Total</vn-th>
                        </vn-tr>
                    </vn-thead>
                    <vn-tbody>
                        <vn-tr ng-repeat="saleClaimed in $ctrl.summary.salesClaimed">
                            <vn-td number>
                                <span 
                                    ng-click="itemDescriptor.show($event, saleClaimed.sale.itemFk, saleClaimed.sale.id)"
                                    class="link">
                                    {{::saleClaimed.sale.itemFk | zeroFill:6}}
                                </span>
                            </vn-td>
                            <vn-td>{{::saleClaimed.sale.ticket.landed | date: 'dd/MM/yyyy'}}</vn-td>
                            <vn-td number>{{::saleClaimed.sale.quantity}}</vn-td>
                            <vn-td number>{{::saleClaimed.quantity}}</vn-td>
                            <vn-td expand>{{::saleClaimed.sale.concept}}</vn-td>
                            <vn-td number>{{::saleClaimed.sale.price | currency: 'EUR':2}}</vn-td>
                            <vn-td number>{{::saleClaimed.sale.discount}} %</vn-td>
                            <vn-td number>
                                {{saleClaimed.sale.quantity * saleClaimed.sale.price * 
                                    ((100 - saleClaimed.sale.discount) / 100) | currency: 'EUR':2}}
                            </vn-td>
                        </vn-tr>
                    </vn-tbody>
                </vn-table>
            </vn-data-viewer>
        </vn-auto>
        <vn-auto ng-if="photos.length > 0">
            <h4 translate>Photos</h4>
            <vn-horizontal class="photo-list">
                <section class="photo" ng-repeat="photo in photos">
                    <section class="image" on-error-src 
                        ng-style="{'background': 'url(' + $ctrl.getImagePath(photo.dmsFk) + ')'}"
                        zoom-image="{{$ctrl.getImagePath(photo.dmsFk)}}">
                    </section>
                </section>
            </vn-horizontal>
        </vn-auto>
        <vn-auto>
            <h4 translate>Development</h4>
            <vn-data-viewer data="::$ctrl.summary.developments">
                <vn-table>
                    <vn-thead>
                        <vn-tr>
                            <vn-th>Reason</vn-th>
                            <vn-th>Result</vn-th>
                            <vn-th>Responsible</vn-th>
                            <vn-th>Worker</vn-th>
                            <vn-th>Redelivery</vn-th>
                        </vn-tr>
                    </vn-thead>
                    <vn-tbody>
                        <vn-tr ng-repeat="development in $ctrl.summary.developments">
                            <vn-td>{{::development.claimReason.description}}</vn-td>
                            <vn-td>{{::development.claimResult.description}}</vn-td>
                            <vn-td>{{::development.claimResponsible.description}}</vn-td>
                            <vn-td expand>
                                <span 
                                    class="link" 
                                    ng-click="workerDescriptor.show($event, development.workerFk)">
                                    {{::development.worker.user.nickname}}
                                </span>
                            </vn-td>
                            <vn-td>{{::development.claimRedelivery.description}}</vn-td>
                        </vn-tr>
                    </vn-tbody>
                </vn-table>
            </vn-data-viewer>
        </vn-auto>
        <vn-auto>
            <h4 translate>Action</h4>
            <vn-data-viewer data="::$ctrl.summary.actions">
                <vn-table>
                    <vn-thead>
                        <vn-tr>
                            <vn-th number>Item</vn-th>
                            <vn-th number>Ticket</vn-th>
                            <vn-th>Destination</vn-th>
                            <vn-th number>Landed</vn-th>
                            <vn-th number>Quantity</vn-th>
                            <vn-th>Description</vn-th>
                            <vn-th number>Price</vn-th>
                            <vn-th number>Disc.</vn-th>
                            <vn-th number>Total</vn-th>
                        </vn-tr>
                    </vn-thead>
                    <vn-tbody>
                        <vn-tr ng-repeat="action in $ctrl.summary.actions">
                            <vn-td number>
                                <span 
                                    ng-click="itemDescriptor.show($event, action.sale.itemFk, action.sale.id)"
                                    class="link">
                                    {{::action.sale.itemFk | zeroFill:6}}
                                </span>
                            </vn-td>
                            <vn-td number>
                                <span 
                                    ng-click="ticketDescriptor.show($event, action.sale.ticket.id)"
                                    class="link">
                                    {{::action.sale.ticket.id | zeroFill:6}}
                                </span>
                            </vn-td>
                            <vn-td expand>{{::action.claimBeggining.description}}</vn-td>
                            <vn-td number>{{::action.sale.ticket.landed | date: 'dd/MM/yyyy'}}</vn-td>
                            <vn-td number>{{::action.sale.quantity}}</vn-td>
                            <vn-td expand>{{::action.sale.concept}}</vn-td>
                            <vn-td number>{{::action.sale.price}}</vn-td>
                            <vn-td number>{{::action.sale.discount}} %</vn-td>
                            <vn-td number>
                                {{action.sale.quantity * action.sale.price *
                                    ((100 - action.sale.discount) / 100) | currency: 'EUR':2}}
                            </vn-td>
                        </vn-tr>
                    </vn-tbody>
                </vn-table>
            </vn-data-viewer>
        </vn-auto>
    </vn-horizontal>
</vn-card>
<vn-item-descriptor-popover
    vn-id="itemDescriptor">
</vn-item-descriptor-popover>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-ticket-descriptor-popover 
    vn-id="ticketDescriptor">
</vn-ticket-descriptor-popover>