i just want to create a update form by using modal but when i click the button update nothing happen no popup appear or did with a wrong ways? i already change the position of the end curly braces but still not working. Any ideas?

here is what i working on:

     <body>
       <!-- Pre-loader start -->
    <div class="theme-loader">
        <div class="loader-track">
            <div class="loader-bar"></div>
        </div>
    </div>
    <!-- Pre-loader end -->
    <div id="pcoded" class="pcoded">
        <div class="pcoded-overlay-box"></div>
        <div class="pcoded-container navbar-wrapper">
            <?php  require_once('side_controll/nav_bar.php');?>

            <div class="pcoded-main-container">
                <div class="pcoded-wrapper">
                    <nav class="pcoded-navbar">
                        <div class="sidebar_toggle"><a href="#"><i class="icon-close icons"></i></a></div>
                        <?php  require_once('side_controll/side_bar.php');?>
                    </nav>
                    <div class="pcoded-content">
                        <div class="pcoded-inner-content">
                            <!-- Main-body start -->
                            <div class="main-body">
                                <div class="page-wrapper">
                                    <!-- Page-header start -->
                                    <div class="page-header card">
                                        <div class="card-block">
                                            <h5 class="m-b-10">Senarai Kedai Dapur Kasih</h5>
                                            <p class="text-muted m-b-10">Senarai kedai yang terlibat dengan program Dapur Kasih</p>
                                            <ul class="breadcrumb-title b-t-default p-t-10">
                                                <li class="breadcrumb-item">
                                                    <a href="index.php"> <i class="fa fa-home"></i> </a>
                                                </li>
                                               <li class="breadcrumb-item"><a href="#!">Kedai</a>
                                                        </li>
                                                        <li class="breadcrumb-item"><a href="#!">Senarai Kedai</a>
                                                        </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- Page-header end -->

                                <!-- Page-body start -->
                                <div class="page-body">


                                    <!-- Hover table card start -->
                                    <div class="card">
                                        <div class="card-header">
                                            <h3>Senarai Kedai</h3>

                                            <div class="card-header-right">
                                                <ul class="list-unstyled card-option">
                                                    <li><i class="fa fa-chevron-left"></i></li>
                                                    <li><i class="fa fa-window-maximize full-card"></i></li>
                                                    <li><i class="fa fa-minus minimize-card"></i></li>
                                                    <li><i class="fa fa-refresh reload-card"></i></li>
                                                    <li><i class="fa fa-times close-card"></i></li>
                                                </ul>
                                            </div><br><br>
                                        <button type="button" class="btn btn-primary btn-outline-primary" data-toggle="modal" data-target="#myModal">ADD</button>
                                        </div>

                                        <div class="card-block table-border-style">
                                            <div class="table-responsive">
                                                <table class="table table-hover">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Name</th>
                                                            <th>Status</th>
                                                            <th>QR Code</th>
                                                            <th>Update</th>
                                                        </tr>
                                                    </thead>
                                                     <?
                                                        include("../config_db/config_db_e.php");
                                                        $quer1="SELECT * FROM info_kedai";
                                                        $quer2=mysqli_query($db_conn_e,$quer1);
                                                         while ($row= mysqli_fetch_array($quer2)){
                                                           $id=$row["id_ke"];
                                                           $name=$row["name_ke"];
                                                           $status=$row["status_ke"];
                                                  echo "<tbody>

                                                      <tr>
                                                      <th>$id</th>
                                                      <td>$name</td>
                                                      <td>$status</td>
                                                      <td><a href='qr_gen.php?id=$id'>Ganerate</a></td>
                                                      <td>  <button type='button' class='btn btn-primary btn-outline-primary data-toggle=modal' data-target='#myModal2 $id'>Edit</button></td>
                                                      </tr>"; 
                                                      }?>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Hover table card end -->

                                </div>
                                <!-- Page-body end -->
                            </div>
                        </div>
                        <!-- Main-body end -->

                        <div id="styleSelector">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


  <!-- Modal update  -->
  <div class="modal fade" id="myModal2<?php echo $id ?>" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
        <h4 class="modal-title">Update</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>

        </div>
        <div class="modal-body">
          <form action="process/class_shop.php" method="GET">
               <?

                                        $get=$row["id_kedai"];
                                        $que1="SELECT * FROM info_kedai  where id_kedai='$get'";
                                        $que2=mysqli_query($db_conn_e,$que1);
                                        while ($row= mysqli_fetch_array($que2)){

                                            $id=$row["id_k"];
                                            $name=$row["nama_k"];
                                             $status=$row["status_k"];
                                        ?>

              <label>Nama :</label><br>
              <input type="text" name="nama_k" id="nama_k" class="form-control" value="<? echo $name ?>"><br>
              <label>Status :</label><br>
              <select id="status_k" name="status_k" class="form-control" value="<? echo $status?>">
              <option value="1">Aktif</option>
              <option value="2">Not Aktif</option>`enter code here`
              </select><br><br>
            <input type="submit" value="Submit" name="update_k" id="update_k"  class="btn btn-primary btn-outline-primary">
            <?}?>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>

</div>


<!-- Modal Add  -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
       <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
        <h4 class="modal-title"> Add </h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>

        </div>
        <div class="modal-body">
          <form action="process/class_shop.php" method="POST">

              <label>Name:</label><br>
              <input type="text" name="nama_k" id="nama_kedai" class="form-control"><br>
              <label>Status:</label><br>
              <select id="status_kedai" name="status_k" class="form-control">
              <option value="1">Aktif</option>
              <option value="2">Not Aktif</option>
              </select><br><br>
            <input type="submit" value="Submit" name="add" id="add"  class="btn btn-primary btn-outline-primary">  
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
     </div>
  </div>
</div>

THANK YOU VERY MUCH

Hi, add this

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.