<div id="content">
  <?php
    $mysqli = new mysqli("localhost", "root", "", "movie-view");
    $res = $mysqli->query("SELECT * FROM movie");
    switch(@$_GET['mod']) {
    default: ?>

      <p><a href='?mod=add'><button type='button' class='btn btn-primary'><span class='glyphicon glyphicon-plus-sign'></span> Add User</button></a></p>
        <?php while ($row = $res->fetch_assoc()):
        $category = $row['category']; ?>
          <div class="col-md-2 thumbnail">
            <div class="caption">
              <h4><?php echo $row['title_movie'] ?></h4>
              <p><?php echo $row['category'] ?></p>
              <p><a href="?mod=edit&id_movie=<?php echo $row['id_movie'] ?>"
               class="btn btn-danger btn-sm">EDIT</a></p>
            </div>
            <img id="img" src="<?php echo $row['thumb'] ?>" alt="" >
          </div>
        <?php
        endwhile;?>
    <?php
    break;

    case 'add': ?>

      <div class="col-lg-12">
        <h1 class="page-header">Add Product</h1>
        <ol class="breadcrumb">
          <li><i class="fa fa-dashboard"></i>  <a href="index.html">Dashboard</a></li>
          <li class="active"><i class="fa fa-edit"></i> Product</li>
          <li class="active">Add</li>
        </ol>
        <form method="post" action="pages/aksi.php?mod=tambah" enctype="multipart/form-data">
        <label>Detail Of Movie</label><br><br>
          <div class="row">
            <div class="col-md-6"><input class="form-control" name="url_video" placeholder="URL Video ....."><br></div>
            <div class="col-md-6"><input class="form-control" name="url_trailer" placeholder="URL Trailer ....."><br></div>
          </div>
          <div class="row">
            <div class="col-md-6"><input class="form-control" name="thumb" placeholder="Url Thumb ....."><br></div>
            <div class="col-md-6"><input class="form-control" name="category" placeholder="Category(Comming Soon / Box Office /  .....)"><br></div>
          </div>
          <div class="row">
            <div class="col-md-12"><input class="form-control" name="title_movie" placeholder="Title Movie ....."><br></div>
          </div>
          <div class="row">
            <div class="col-md-12"><input class="form-control" name="pemeran_movie" placeholder="Pemeran ....."><br></div>
          </div>
          <div class="row">
            <div class="col-md-6"><input class="form-control" name="runtime" placeholder="Runtime ....."><br></div>
            <div class="col-md-6"><input class="form-control" name="director" placeholder="Director  ....."><br></div>
          </div>
          <div class="row">
            <div class="col-md-12"><textarea class="form-control" rows="7" name="sinopsis_movie" placeholder="Sinopsis ......"></textarea>
            </div>
          </div>
          <br><br>
          <div class="row" style="text-align:center;">
          <button type="submit" class="btn btn-primary">POST</button>
          </div>
          <br>
        </form>
        </div>
        <?php
        break;

    case 'edit':


      ?>
      <form method="post" action='pages/aksi.php?mod=edit' enctype="multipart/form-data">
      <?php  $res = $mysqli->query("SELECT * FROM movie WHERE id_movie ='$_GET[id_movie]' ");
      $data = $res->fetch_array(); ?>
        <label>Detail Of Movie</label><br><br>
          <div class="row">
            <div class="col-md-6"><input class="form-control" name="url_video" placeholder="URL Video ....." value="<?php echo $data['url_video'];?>"><br></div>
            <div class="col-md-6"><input class="form-control" name="url_trailer" placeholder="URL Trailer ....." value="<?php echo $data['url_trailer'];?>"><br></div>
          </div>
          <div class="row">
            <div class="col-md-6"><input class="form-control" name="thumb" placeholder="Url Thumb ....." value="<?php echo $data['thumb'];?>"><br></div>
            <div class="col-md-6"><input class="form-control" name="category" placeholder="Category(Comming Soon / Box Office /  .....)" value="<?php echo $data['category'];?>"><br></div>
          </div>
          <div class="row">
            <div class="col-md-12"><input class="form-control" name="title_movie" placeholder="Title Movie ....." value="<?php echo $data['title_movie'];?>"><br></div>
          </div>
          <div class="row">
            <div class="col-md-12"><input class="form-control" name="pemeran_movie" placeholder="Pemeran ....." value="<?php echo $data['pemeran_movie'];?>"><br></div>
          </div>
          <div class="row">
            <div class="col-md-6"><input class="form-control" name="runtime" placeholder="Runtime ....." value="<?php echo $data['runtime'];?>"><br></div>
            <div class="col-md-6"><input class="form-control" name="director" placeholder="Director  ....." value="<?php echo $data['director'];?>"><br></div>
          </div>
          <div class="row">
            <div class="col-md-12"><textarea class="form-control" rows="7" name="sinopsis_movie" placeholder="Sinopsis ......" ><?php echo $data['sinopsis_movie'];?></textarea>
            </div>
          </div>
          <br><br>
          <div class="row" style="text-align:center;">
          <button type="submit" class="btn btn-primary">POST</button>
          </div>
          <br>
        </form>
        <?php
        break;
        } ?>
      </div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript">
  $('.thumbnail').hover(
        function(){
            $(this).find('.caption').slideDown(250); //.fadeIn(250)
        },
        function(){
            $(this).find('.caption').slideUp(250); //.fadeOut(205)
        }
    );
</script>