dom

let content = ``;
                data.forEach(item => {
                    item.dataTrouble.forEach(child => {
                        console.log(child);
                        let customDate = child.created_at;
                        let subsString = customDate.substring(0, 10);
                        let newDate = subsString.split("-").reverse().join("-");
                        content += `
                        <div class="panel panel-default panel-post">
                            <div class="panel-heading">
                                <div class="media">
                                    <div class="media-left">
                                        <a href="#">
                                            <img src="http://localhost/Project_Web/laravel/project/Development/ppu-web/public/assetLogin/img/profile/${child.GAMBARNARASUMBER}" alt="Siostium Activity Image" />
                                        </a>
                                     </div>
                                     <div class="media-body">
                                        <h4 class="media-heading">
                                            <a href="#">${child.NAMANARASUMBER}</a>
                                         </h4>
                                            Tanggal Registrasi Acara: ${newDate}
                                     </div>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div class="post">
                                    <div class="post-heading">
                                        <p style="text-align: justify;">${child.KETERANGANPMT}</p>
                                    </div>
                                    <div class="post-content">

                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <p>Permasalahan:</p>
                                            <small><span class="label bg-red">${child.listSkills.JKMASALAH}</span></small>
                                        </a>
                                    </li>
                                    <li></li>
                                    <li></li>
                                </ul>
                                    <div class="form-group">
                                        <div class="form-line">

                                        </div>
                                    </div>
                            </div>
                        </div>
                        `
                    });
                    document.getElementById('activity').innerHTML = content;
                });