import {Component, computed, signal} from '@angular/core';
import {NzButtonComponent, NzButtonSize} from "ng-zorro-antd/button";
import {NzIconDirective} from "ng-zorro-antd/icon";

@Component({
  selector: 'app-delivery-validator',
    imports: [
        NzButtonComponent,
        NzIconDirective
    ],
  templateUrl: './delivery-validator.html',
  styleUrl: './delivery-validator.css',
})
export class DeliveryValidator {
    size: NzButtonSize = 'large';
    search = signal('');

    livraisons = signal([
        { id: 1, client: 'Carrefour', date: '2025-02-03', produits: 12 },
        { id: 2, client: 'Intermarché', date: '2025-02-04', produits: 8 },
        { id: 3, client: 'Auchan', date: '2025-02-05', produits: 23 },
        { id: 1, client: 'Carrefour', date: '2025-02-03', produits: 12 },
        { id: 2, client: 'Intermarché', date: '2025-02-04', produits: 8 },
        { id: 3, client: 'Auchan', date: '2025-02-05', produits: 23 },
        { id: 1, client: 'Carrefour', date: '2025-02-03', produits: 12 },
        { id: 2, client: 'Intermarché', date: '2025-02-04', produits: 8 },
        { id: 3, client: 'Auchan', date: '2025-02-05', produits: 23 },
        { id: 1, client: 'Carrefour', date: '2025-02-03', produits: 12 },
        { id: 2, client: 'Intermarché', date: '2025-02-04', produits: 8 },
        { id: 3, client: 'Auchan', date: '2025-02-05', produits: 23 }
    ]);

    filteredLivraisons = computed(() => {
        const query = this.search().toLowerCase();
        return this.livraisons().filter(l =>
            l.client.toLowerCase().includes(query) ||
            l.date.includes(query)
        );
    });

    validate(id: number) {
        return
    }
}