<h6 class="text-center text-uppercase">INFO KELUHAN MEMBER SEPUTAR <?php echo ftab("link_masukbo", "web_setting", "link_masukbo"); ?></h6>
    <hr class="w-75 d-block mx-auto">

<div class="row">
        <div class="col-lg-6">
                <div id="msg-keluhan"></div>
            <form method="POST" id="ajukankeluhan">
                <label class="my-2 text-uppercase"><i class="fas fa-info-circle"></i> Ajukan Keluhan</label>
                <div class="input-group mb-3">
                <span class="input-group-text" id="username"><i class="fas fa-user"></i></span>
                <input type="text" name="username" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="username" required />
                </div>

                <input type="hidden" name="kodekeluhan" value="<?php echo substr(md5(uniqid(mt_rand(), true)) , 0, 8); ?>">

                <div class="input-group mb-3">
                <span class="input-group-text" id="wakeluhan"><i class="fab fa-whatsapp"></i></span>
                <input type="text" name="wakeluhan" class="form-control" placeholder="Nomor Wa aktif" aria-label="wakeluhan" aria-describedby="wakeluhan" />
                </div>

                <div class="input-group mb-3">
                <span class="input-group-text" id="keluhanjudul"><i class="fas fa-list"></i></span>
                <input type="text" name="judulkeluhan" class="form-control" placeholder="Judul Keluhanmu" aria-label="keluhanjudul" aria-describedby="keluhanjudul" required />
                </div>

                <textarea name="keluhanmsg" class="form-control" style="height: 250px;" placeholder="Isi pesan keluhanmu disini.." name="keluhanpesan"></textarea>
                    <div class="my-3 float-end">
                        <button type="submit" class="btn btn-sm btn-light"><i class="fas fa-paper-plane"></i> Kirim Keluhan</button>
                    </div>
            </form>
        </div>

        <div class="col-lg-6">
                <form method="POST" id="showkeluhan">
                    <label class="my-2 text-uppercase"><i class="fas fa-info-circle"></i> Tampilkan Keluhan Sebelumnnya</label>
                    <div class="input-group mb-3">
                    <span class="input-group-text" id="kodekeluhan"><i class="fas fa-barcode"></i></span>
                    <input type="text" name="tampilkode" class="form-control" placeholder="Kode Keluhan" aria-label="kodekeluhan" aria-describedby="kodekeluhan" required />
                    <button type="submit" class="btn btn-sm btn-light"><i class="fas fa-search"></i></button>
                    </div>

                    <!-- <div class="float-end">
                        <button type="submit" class="btn btn-sm btn-light"><i class="fas fa-eye"></i> Tampilkan</button>
                    </div> -->
                </form>

                <div class="clearfix"></div>

                <div class="my-2">
                   <form id="inboxkeluhan" class="inboxkeluhan">
                    <h6><i class="fas fa-inbox"></i> Inbox Keluhan</h6>
                        <div class="chatbox rounded-top">

                            <div id="chatboxes"></div>

                        </div>

                        <div class="input-group mt-1">
                        <input name="inboxkeluhan" placeholder="Ketik Pesan.." id="inboxmsgs" class="form-control" />
                        <button id="sendbtn" type="submit" class="btn btn-warning"><i class="fas fa-paper-plane"></i></button>
                        <div id="messagebox"></div>
                        <p class="bg-danger text-light p-1 my-2 rounded" id="textdisable"></p>
                        </div>
                        </form>
                </div>
        </div>

        <div class="col-lg-12 my-3">
            <hr class="d-block mx-auto w-75"/>
                <?php echo ftab("keluhan_texts", "change_text", "keluhan_texts"); ?>
        </div>
</div>