import './bootstrap';

import Alpine from 'alpinejs';
import { portalApi } from './api';
import productList  from './productList';
import productDetail  from './productDetail';
import { productForm } from './productForm';

window.Alpine = Alpine;

Alpine.data('productList', productList)
Alpine.data('productDetail', productDetail)

Alpine.data("productSearch", () => ({
    model_number: "",
    serial_number: "",
    name: "",
    sku: "",
    purchase_date: "",
    user_id:"",
    warranty_period:"",
    products: [],
    errorMessage: '',
    async search() {
        const payload = {
            model_number: this.model_number,
            serial_number: this.serial_number,
        };
        let data = await portalApi(payload);
        this.searched = true;
        if (data.error) {
            this.products = [];
            this.errorMessage = data.error === 'not_found' ? 'No data found' : 'API failed';
        } else {
            this.products = [data];
            this.errorMessage = '';
            console.log("API response:", this.products);
        }
    },

    async saveData() {
        const payload = {
            model_number: this.item.model_number,
            serial_number: this.item.serial_number,
            name: this.item.name,
            sku: this.item.sku,
            purchase_date: '2025-05-07',
            warranty_period:this.item.warranty_period
        };
        let data = await productForm(payload);
    },
}));


Alpine.start();