event

// menampilkan table project event dengan output eventnya
        function loadProjectEvent() {
            const data = {
                faktur: generatedFaktur,
            };

            crud_project.postData("/projects/getTempProjectEventById", data).then((res) => {

                // append data to table using jquery
                let html = `
                <thead class="thead-primary">
                    <tr>
                        <th>Item</th>
                        <th>Quantity</th>
                    </tr>
                </thead>
                `;

                // if data not exist
                if (res.data === null) {
                    html += `
                        <tr>
                        <td colspan="2" class="text-center">Belum ada project event</td>
                        </tr>
                    `;
                    $("#tableProjectEvent").append(html);
                    return;
                }

                res.data !== null && res.data.forEach((item, index) => {
                    html += `
                    <tr class="table-row-gap">
                        <td></td>
                    </tr>
                    <tr>
                        <td class="rounded-end close-over position-relative mb-0" colspan="2">
                            <div class="d-flex align-items-center justify-content-between">
                                <b>
                                    <div class="title text-primary">${item.event_name}</div>
                                </b>
                                <a class="btn btn-sm btn-primary" id="btnAddEventOutput" data-bs-toggle="modal" data-bs-target="#create_new_output" data-id="${item.projectevent_id}" data-name="${item.event_name}">Add Output</a>
                            </div>

                            <button type="button" class="close-row btn-close" id="btnRemoveItem" data-id="1">
                                <span aria-hidden="true">×</span>
                            </button>
                        </td>
                    </tr>
                    `;
                    // console.log(item);
                    // loadEventOutputList(item.projectevent_id);

                    console.log(`list for project event id ${item.projectevent_id}`);

                    const data = {
                        faktur: generatedFaktur,
                        projectevent_id: item.projectevent_id
                    };

                    crud_project.postData("/projects/getTempEventOutputById", data).then((res) => {

                        res.data !== null && res.data.forEach((item, index) => {
                            html += `
                                    <tr>
                                        <td class="w-70 rounded-top-start border-end-0 border-bottom-0">
                                            <a class="btn btn-icon btn-flush-dark btn-rounded me-5 flush-soft-hover del-button" data-bs-toggle="tooltip" data-placement="top" title="" data-bs-original-title="Delete" data-id="${item.eventoutput_id}"><span class="icon"><span class="feather-icon"><i data-feather="x"></i></span></span></a>${item.output_name}
                                        </td>
                                        <td class="w-30  rounded-end">
                                            ${item.eventoutput_qty} ${item.output_qty}
                                        </td>
                                    </tr>
                                    `;
                            // console.log(item);
                        });

                    });

                });
                $("#tableProjectEvent").append(html);


            });
        }