globalThis.Supplier = {
    content: `
    <div class="row">
        <!-- Earnings (Monthly) Card Example -->
        <div class="col-12 col-12">
            <div class="card shadow h-100 py-2">
                <div class="card-body" id="load-supplier">

                </div>
            </div>
        </div>
    </div>
    `,
    action: function(){
        setTimeout(function(){
            document.getElementById('app-content-title').innerText = "Data Supplier";
            table('supplier')
            .title('Supplier')
            .equals(['kode'])
            .modal('xl')
            .grouping({
                "col-lg-6": [
                    {
                        start: 'kode',
                        end: 'keterangan'
                    }
                    ,{
                        start: 'person',
                        end: 'alamatwp'
                    }
                ],
                "col-lg-12": [
                    {
                        start: 'termin',
                        end: 'khusus'
                    }
                ]
            })
            .createForm({
                kode: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Kode'
                },
                nama: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Nama'
                },
                alamat: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Alamat'
                },
                alamat2: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Alamat Pabrik'
                },
                telp: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'No. Telp.',
                    columns: 6
                },
                fax: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'No. Fax.',
                    columns: 6
                },
                kota: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Kota.',
                    columns: 6
                },
                kodepos: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Kode Pos',
                    columns: 6
                },
                golongan: {
                    form: 'input',
                    type: 'select',
                    title: 'Area',
                    view: ['kode', 'keterangan'],
                    value: 'kode',
                    table: 'wilayah',
                    columns: 6
                },
                keterangan: {
                    form: 'input',
                    type: 'select',
                    title: 'Jenis Usaha',
                    view: ['kode', 'keterangan'],
                    value: 'kode',
                    table: 'usaha',
                    columns: 6
                },
                person: {
                    head: 'Contact Person',
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'nama',
                },
                ptelp: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'No. Telp.',
                    columns: 6
                },
                pfax: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'No. Fax.',
                    columns: 6
                },
                hp: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'No. HP.',
                    columns: 6
                },
                email: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'email',
                    columns: 6
                },
                npwp: {
                    head: 'Data Fiskal',
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'NPWP',
                },
                namawp: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Nama',
                },
                alamatwp: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Alamat',
                },
                termin: {
                    form: 'input',
                    type: 'select',
                    title: 'Termin',
                    view: ['kode', 'keterangan'],
                    value: 'kode',
                    table: 'termin',
                    columns: 6
                },
                disc1: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Diskon (%)',
                    columns: 6
                },
                plafon: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'Credit Limit',
                },
                khusus: {
                    form: 'input',
                    type: 'text',
                    placeholder: '',
                    title: 'No Ac',
                },
            })
            .row({
                kode: 'Kode',
                nama: 'Nama',
                alamat: 'Alamat',
                telp: 'Telp',
                fax: 'Fax',
                hp: 'HP',
                npwp: 'NPWP',
            })
            .load()

        })
    }
}