<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
    <meta name="keywords" content="Djoedes by enambelasapp.my.id">
    <meta name="author" content="Suroto">
    <meta name="description" content="Djoedes by enambelasapp.my.id">
    <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />

    <title>Nota Ndhahar Riyen</title>
    <link href="<?php echo base_url() . 'assets/img/logo.png' ?>" rel="shortcut icon" type="image/x-icon">

    <!--google font-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800&display=swap" rel="stylesheet">

    <link type="text/css" rel="stylesheet" href="<?php echo base_url() . 'mobile/css/jquery.mmenu.all.css' ?>" />
    <link type="text/css" rel="stylesheet" href="<?php echo base_url() . 'mobile/css/style.css' ?>" />

    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
    <link rel="apple-touch-startup-image" href="img/apple-touch-startup-image.png">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous">
    </script>
    <script type="text/javascript" src="<?php echo base_url() . 'mobile/js/jquery.min.js' ?>"></script>
    <script type="text/javascript" src="<?php echo base_url() . 'mobile/js/jquery.mmenu.min.all.js' ?>"></script>
    <script type="text/javascript" src="<?php echo base_url() . 'mobile/js/jquery.easy-pie-chart.js' ?>"></script>
    <script type="text/javascript" src="<?php echo base_url() . 'mobile/js/o-script.js' ?>"></script>
    <!--<link href="https://eorder.solariaresto.co.id/assets/css/core.min.css" rel="stylesheet">-->
    <!--<link href="https://eorder.solariaresto.co.id/assets/css/app.min.css" rel="stylesheet">-->
    <!--<link href="https://eorder.solariaresto.co.id/assets/css/style.min.css" rel="stylesheet">-->
    <!--<link href="https://eorder.solariaresto.co.id/assets/vendor/easyautocomplete/dist/easy-autocomplete.min.css" rel="stylesheet">-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <!-- Favicons 
		<link rel="apple-touch-icon" href="https://eorder.solariaresto.co.id/assets/img/apple-touch-icon.png">
		<link rel="icon" href="https://eorder.solariaresto.co.id/assets/img/favicon.png"> -->
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css'>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://miedjoetek.com/rest/assets/js/bootstrap.js"></script>
    <!--<script src='https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js'></script>-->
    <!--<link href='https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css' rel='stylesheet' />-->
    <!--<script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js">-->
    </script>
    <!--<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css">-->
    <style>
        body,
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        pre,
        form,
        p,
        blockquote,
        th,
        td,
        textarea,
        input {
            font-family: 'Barlow', sans-serif !important;
            font-weight: normal;
        }

        .title-tanggapan {
            border: 2px solid black;
            border-radius: 6px;
            background: #e7352d;
            color: white;
            font-size: 15px;
            padding: 5px;
            font-weight: 800;
            margin-bottom: 55px;
        }

        .dot {
            border-top: 3px dashed;
            border-bottom: 3px dashed;
            height: 10px;
        }

        td {
            font-size: 15px !important;
        }

        #pesanlagi {
            display: block;
            width: 100%;
            text-align: center;
            background: #f2be19;
            text-decoration: none !important;
            color: white !important;
            font-weight: 800;
            border-radius: 10px;
            padding: 5px;
            font-size: 15px;
            margin: 12px 0;
        }

        #pesanan {
            display: block;
            width: 100%;
            text-align: center;
            background: #e7352d;
            text-decoration: none !important;
            color: white !important;
            font-weight: 800;
            border-radius: 10px;
            padding: 5px;
            font-size: 15px;
        }

        .bayar {
            text-align: center;
            border: 2px solid black;
            border-radius: 10px;
            background: #f1f1f2;
            padding: 10px;
        }

        iframe {
            border: 2px solid black !important;
            border-radius: 10px;
        }
    </style>
</head>
<meta http-equiv="refresh" content="60" />

<body class="o-page" style="background-color:#fff;">
    <?php
    $b = $data->row_array();
    //$kopel = $this->session->userdata('kopel');
    //$ab = $this->db->query("select * from tbl_pelanggan where plg_id='$kopel'");
    //$i = $ab->row_array();
    $kdcabang = $b['kdcabang'];
    $netto = $b['netto'];
    $layan=$b['layan'];
    $jnsbayar=$b['jnsbayar'];
    $nofak=substr($b['no_faktur_penjualan'],5,11);
    $nama = $b['npelanggan'];
    $notelp = $b['notelp'];
    if(empty($b['npelanggan'])){
        $qNama = $this->db->query("select plg_nama from tbl_pelanggan where plg_notelp = '$notelp'")->row();
        if(empty($qNama->plg_nama)){
            $nama ='Guest';
        }else{
            $nama = $qNama->plg_nama;
        }
    }
    $ab1 = $this->db->query("select * from tabel_toko where kd_toko='$kdcabang'");
    $u = $ab1->row_array();

    ?>
    <p hidden id="fb"><?= $b['feedback'] ?></p>
    <?php 
        if($b['feedback'] == 1){
            $l = 'grayscale(0)';
            $dl = 'grayscale(100)';
            $komentar = $b['comment_detail'];
            $komentar1 = '';
        }elseif($b['feedback'] == 2){
            $dl = 'grayscale(0)';
            $l = 'grayscale(100)';
            $komentar = '';
            $komentar1 = $b['comment_detail'];
        }else{
            $l = 'grayscale(100)';
            $dl = 'grayscale(100)';
            $komentar = '';
            $komentar1 = '';
        }
    ?>
    <!--<div id="page">-->
    <!--</div>-->
    <div class="text-center">
        <img src="https://ndhaharriyen.com/pos/assets//img/logotran.png" style="width: 200px;margin-bottom:30px;margin-top:25px">
    </div>
    <div>
        <div>
            <h5 class="text-center mt-1" style="font-size:35px;color:black;font-family: 'Barlow', sans-serif;font-weight:bold;margin-bottom: -10px;">
                Terima Kasih</h5>
            <!--<h5 class="text-center mt-1" style="font-size:18px;color:black;font-family: 'Barlow', sans-serif;font-weight:bold;">Orderan Sudah Diterima</h5>-->
        </div>
    <!--</div>-->
    <!--<div class="text-center" style="margin-bottom: 10px;line-height:5">-->
    <!--    <table width="100%" align="center" style="border-top:10px solid #f6f6f6; text-align: center;" cellpadding="0" cellspacing="0">-->
    <!--        <tr>-->
    <!--            <td colspan="2" style="background:#B61B1B; color:#d8d8d8; text-align:center;">-->
    <!--                <div style=" padding:10px 20px; font-size:20px;" id="pendapat">Berikan pendapat kalian</div>-->
    <!--            </td>-->
    <!--        </tr>-->
    <!--        <tr>-->
    <!--            <td style="padding:10px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff;">-->
    <!--                <div class="text-center" style="margin-bottom: 20px;line-height:5">-->
    <!--                    <button type="button" style="border:none;color:<?= $l?>" class="btn" data-bs-toggle="modal" data-bs-target="#like">-->
    <!--                        <span style="font-size:100px;filter:<?= $l; ?>">😍</span>-->
    <!--                    </button>-->
    <!--                </div>-->
    <!--            </td>-->
    <!--            <td style="padding:10px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; ">-->
    <!--                <div class="text-center" style="margin-bottom: 20px;line-height:5">-->
    <!--                    <button type="button" style="border:none;color:<?= $dl?>" class="btn" data-bs-toggle="modal" data-bs-target="#dislike">-->
                            <!--<i class="fa fa-frown-o" style="font-size:100px" aria-hidden="true"></i>-->
    <!--                        <span style="font-size:100px;filter:<?= $dl; ?>">😡</span>-->
    <!--                    </button>-->
    <!--                </div>-->
    <!--            </td>-->
    <!--        </tr>-->
    <!--    </table>-->
    <!--</div>-->
    <!-- <div class="text-center">-->
    <!--    <table width="100%" align="center" style="border-top:5px solid #f6f6f6; text-align: center;" cellpadding="0" cellspacing="0">-->
    <!--        <tr>-->
    <!--           <td colspan="2" style="background:#B61B1B; color:#d8d8d8; text-align:center;">-->
    <!--                <div style=" padding:10px 20px; font-size:24px;" id="pendapat">Rp. <?php echo number_format($netto); ?></div>-->
    <!--           </td>-->
    <!--        </tr>-->
    <!--    </table>-->
    <!--</div>-->
    <div id="content">
        <article>
            <div class="prod-single-content">
                <div class="text-center">
                    <div class="row" style="margin:0!important;width:100%">
                        <div class="col-12 title-tanggapan">
                            BERIKAN PENDAPAT KALIAN
                        </div>
                        <div class="col-6" style="background: transparent!important;margin-bottom: 20px;">
                            <button type="button" style="border:none;color:<?= $l ?>;background: transparent!important;" data-toggle="modal" data-target="#like">
                                <span style="font-size:100px;filter:<?= $l; ?>">😍</span>
                            </button>
                        </div>
                        <div class="col-6" style="background: transparent!important;margin-bottom: 20px;">
                            <button type="button" style="border:none;color:<?= $dl ?>;background: transparent!important;" data-toggle="modal" data-target="#dislike">
                                <span style="font-size:100px;filter:<?= $dl; ?>">😡</span>
                            </button>
                        </div>
                    </div>
                </div>
                <table style="border:none;padding:0px;width:100%">
                    <tr style="background-color:#fff;font-size:15px">
                        <td>No Pesanan</td>
                        <td>:</td>
                        <td style="text-align: left;"><?php echo $nofak .' - '. $b['tanggal'] ?></td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td>Customer</td>
                        <td>:</td>
                        <td style="text-align: left;"><?php echo $nama .' / '. $notelp ?></td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td>No.Meja</td>
                        <td>:</td>
                        <td style="text-align: left;"><?php echo $b['nomeja'] ?></td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td>Kasir</td>
                        <td>:</td>
                        <td style="text-align: left;"><?php echo $b['nm_user'] ?></td>
                    </tr>
                </table>
                <table style="width:100%;border:none;padding:0px;">
                    <!--<thead>-->
                    <!--    <tr>-->
                    <!--        <th style="text-align:center;">Menu</th>-->
                    <!--        <th style="text-align:center;">Harga</th>-->
                    <!--        <th style="text-align:center;">Porsi</th>-->
                    <!--        <th style="text-align:center;">Diskon</th>-->
                    <!--        <th style="text-align:center;">Subtotal</th>-->
                    <!--    </tr>-->
                    <!--    </thead>-->
                        <tbody style="background:transparent!important">
                            <tr style="background:transparent!important">
                            <td colspan="5" style="font-size:15px">
                                <div class="dot"></div>
                            </td>
                        </tr>
                            <?php foreach ($data->result_array() as $a) {
                                $menu = $a['nm_barang'];
                                $harga = $a['harga'];
                                $porsi = $a['jumlah'];
                                $diskon = $a['ndisc'];
                                $nppn = $a['nppn'];
                                $ongkir = $a['ongkir'];
                                $subtotal = $a['sub_total_jual'];
                                $nbayar = $a['nbayar'];
                                $nkembali = $a['nkembali'];
                            ?>
                                <tr style="background:transparent!important">
                                    <td style="text-align:center;"><?php echo $porsi; ?>x</td>
                                    <td><?php echo $menu; ?></td>
                                    <td style="text-align:center;"><?php echo number_format($harga); ?></td>
                                    <td style="text-align:center;"><?php echo number_format($diskon); ?></td>
                                    <td style="text-align:right;"><?php echo number_format($subtotal); ?></td>
                                </tr>

                            <?php
                                $total += $subtotal;
                            } ?>
                        </tbody>
                    <tfoot style="background:transparent!important">
                        <tr>
                            <td colspan="5" style="font-size:15px">
                                <div class="dot"></div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">Total</td>
                            <td style="text-align:right;"><?php echo number_format($total) ?></td>
                        </tr>
                        <?php if($diskon > 0){?>
                        <tr>
                            <td colspan="4">Diskon Promo</td>
                            <td style="text-align:right;"><?php echo number_format($diskon) ?></td>
                        </tr>
                        <?php }?>
                        <tr>
                            <td colspan="4">Pajak</td>
                            <td style="text-align:right;"><?php echo number_format($nppn) ?></td>
                        </tr>
                        <tr>
                            <td colspan="4">Ongkir</td>
                            <td style="text-align:right;"><?php echo number_format($ongkir) ?></td>
                        </tr>
                        <tr>
                            <td colspan="4">Grand Total</td>
                            <td style="font-size:15px;font-family: Segoe UI, Arial, sans-serif;font-weight:bold;text-align:right;"><?php echo number_format($netto) ?></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="font-size:15px;font-family: Segoe UI, Arial, sans-serif;color:#AFAFAF;">Bayar</td>
                            <td style="font-size:15px;font-family: Segoe UI, Arial, sans-serif;color:#AFAFAF;text-align:right;"><?php echo number_format($nbayar) ?></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="font-size:15px;font-family: Segoe UI, Arial, sans-serif;color:#AFAFAF;">Kembalian</td>
                            <td style="font-size:15px;font-family: Segoe UI, Arial, sans-serif;text-align:right;color:#AFAFAF;"><?php echo number_format($nkembali) ?></td>
                            
                        </tr>
                    </tfoot>
                </table>

                </form>
            </div>
            <div class="s-banner-content;" style="text-align:center;">
                <i class="text-center" style="text-align:center;font-size:15px;color:red;font-family: Segoe UI, Arial, sans-serif;"><?php echo $u['almt_toko'] ?></i>
            </div>
            
            <div class="s-banner-content;" style="text-align:center;">
                <i class="text-center" style="text-align:center;font-size:15px;color:red;font-family: Segoe UI, Arial, sans-serif;font-weight:bold;">Masakan Nusantara</i>
            </div>
        </article>
        <div class="text-center" style="margin-bottom: 20px;line-height:5">
            <a href="https://www.instagram.com/ndhahariyen" target="_blank"><img src="<?php echo base_url('assets/') ?>/img/instagram1.png" style="width: 35px;"></a>
            <a href="https://www.facebook.com/ndhahariyen" target="_blank"><img src="<?php echo base_url('assets/') ?>/img/facebook1.png" style="width: 35px;"></a>
            <a href="https://www.tiktok.com/@ndhahariyen" target="_blank"><img src="<?php echo base_url('assets/') ?>/img/tiktok1.png" style="width: 35px;"></a>
        </div>
        <?= $u['map_frame'] ?>
    </div>
    <!-- Menu navigation -->
    
</body>
<div class="modal fade" id="like" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-lg">
            <div class="modal-content" style="border-radius:12px">
                <div class="modal-body">
                    <form action="<?php echo base_url('mobile/menu/feedback1/' . $this->uri->segment(4)) ?>" method="post" style="font-size:14px">
                        <div class="modal-body">
                            <input type="hidden" name="no" value="<?= $b['no_faktur_penjualan'] ?>">
                            <input type="hidden" name="feedback" value="1">
                            <div style="margin:0 0 15px 5px;line-height:5">
                                <p style="font-size:16px;font-weight:bold">Ceritakan apa yang menyenangkan dari kami!</hp>
                            </div>
                            <a id="waktulike" style="margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Waktu Pelayanan</a>
                            <a id="kualitaslike" style="margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Kualitas Makanan</a>
                            <a id="servicelike" style="margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Customer Service</a>
                            <a id="lainnyalike" style="margin:5px;background-color:#007bff45;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Lainnya</a>
                            <input name="comment" id="comment1" class="form-check-input" type="hidden" value="lainnya" />
                            <div class="mb-3">
                                <textarea class="form-control" name="komentar" placeholder="Tinggalkan komentar" id="mytextarea1" rows="2"><?= $komentar ?></textarea>
                            </div>
                            <button class="btnlike" type="submit">Kirim</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dislike" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-lg">
            <div class="modal-content" style="border-radius:12px">
                <div class="modal-body">
                    <form action="<?php echo base_url('mobile/menu/feedback1/' . $this->uri->segment(4)) ?>" method="post" style="font-size:14px">
                        <div class="modal-body">
                            <input type="hidden" name="no" value="<?= $b['no_faktur_penjualan'] ?>">
                            <input type="hidden" name="feedback" value="2">
                            <div style="margin:0 0 15px 5px;line-height:5">
                                <p style="font-size:16px;font-weight:bold">Ceritakan apa yang harus kami perbaiki!</hp>
                            </div>
                            <a id="waktu" style="margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Waktu Pelayanan</a>
                            <a id="kualitas" style="margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Kualitas Makanan</a>
                            <a id="service" style="margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Customer Service</a>
                            <a id="lainnya" style="margin:5px;background-color:#ff000033;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold" class="btn btn-light">Lainnya</a>
                            <input name="comment" id="comment" class="form-check-input" type="hidden" value="lainnya" />
                            <div class="mb-3">
                                <textarea class="form-control" name="komentar" placeholder="Tinggalkan komentar" id="mytextarea1" rows="2"><?= $komentar1 ?></textarea>
                            </div>
                            <button class="btndislike" type="submit">Kirim</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <style>
        #pesanlagi{
            background-color:#e03939;
            border-radius:10px;
            color:white;
            padding:10px;
            text-decoration:none;
        }
        #pesanlagi:hover{
            background-color:white;
            border:0.5px solid #e03939;
            color:#e03939;
        }
        .btndislike {
            background-color: #f24646;
            /* Green */
            width: 100%;
            border: none;
            border-radius: 12px;
            color: white;
            padding: 10px 15px;
            margin-top: 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }

        .btnlike {
            background-color: #4680f2;
            /* Green */
            width: 100%;
            border: none;
            border-radius: 12px;
            color: white;
            padding: 10px 15px;
            margin-top: 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }

        #mytextarea1 {
            width: 100%;
            padding: 12px 12px;
            margin-top: 15px;
            box-sizing: border-box;
            border: none;
            border-radius: 12px;
            background-color: #f8f8f8;
            resize: none;
        }
    </style>
    <script>
        $(document).ready(function() {
            $('#waktu').click(function() {
                $('#waktu').attr('style', 'margin:5px;background-color:#ff000033;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#kualitas').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#service').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#lainnya').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment]').val('waktu');
            });
            $('#kualitas').click(function() {
                $('#kualitas').attr('style', 'margin:5px;background-color:#ff000033;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#waktu').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#service').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#lainnya').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment]').val('kualitas');
            });
            $('#service').click(function() {
                $('#service').attr('style', 'margin:5px;background-color:#ff000033;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#kualitas').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#waktu').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#lainnya').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment]').val('service');
            });
            $('#lainnya').click(function() {
                $('#lainnya').attr('style', 'margin:5px;background-color:#ff000033;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#kualitas').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#service').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#waktu').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment]').val('lainnya');
            });

            $('#waktulike').click(function() {
                $('#waktulike').attr('style', 'margin:5px;background-color:#007bff45;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#kualitaslike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#servicelike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#lainnyalike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment1]').val('waktu');
            });
            $('#kualitaslike').click(function() {
                $('#kualitaslike').attr('style', 'margin:5px;background-color:#007bff45;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#waktulike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#servicelike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#lainnyalike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment1]').val('kualitas');
            });

            $('#servicelike').click(function() {
                $('#servicelike').attr('style', 'margin:5px;background-color:#007bff45;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#waktulike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#kualitaslike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#lainnyalike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment1]').val('service');
            });
            $('#lainnyalike').click(function() {
                $('#lainnyalike').attr('style', 'margin:5px;background-color:#007bff45;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#waktulike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#kualitaslike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('#servicelike').attr('style', 'margin:5px;background-color:#efefef;;padding:8px;text-decoration:none;font-size:13px;border-radius:12px;font-weight:bold');
                $('[id=comment1]').val('lainnya');
            });
        });
    </script>
</html>