<?php
include "master.php";
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js"></script>

<script>
  function myFunction() {
    var x = document.getElementById("snackbar");
    // x.classList.add("show");
    x.className = "show";
    setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000);
  }
</script>
<?php



if (isset($_POST['btnAdd'])) {
  $name = $_POST['name'];
  $star = $_POST['star'];
  $comment = $_POST['comment'];
  $gnd = $_POST['gnd'];
  $category = $_POST['category'];
  $time = $_POST['time'];


  $sql = "INSERT INTO `coments`(`name`, `star`, `comment`, `gnd`, `category`, `time`) VALUES ('$name', '$star', '$comment', '$gnd', '$category', '$time')";
  $rs = $db->dbQuery($sql);

  $err = "تم الاضافة بنجاح";


  echo '
              <script>
              $(document).ready(function(){
                $("#snackbar").addClass("show");
                      setTimeout(function(){
                       $("#snackbar").removeClass("show");
                         }, 3000);
            });
              </script>
          ';
  echo "<meta http-equiv='refresh' content='3;URL=comments.php'>";


}

?>

<div class="row">
  <div class="col-sm-12">
    <div class="card-box">



      <h4 class="header-title m-t-0 m-b-30">اضافة تعليق جديد</h4>
      <div id="snackbar" class="">تم الاضافة بنجاح</div>

      <div class="row" style="display: flex;justify-content: center;">
        <div class="col-lg-6">
          <form class="form-horizontal" method="post" enctype="multipart/form-data">
            <div class="form-group">
              <label class="" style="display: block;text-align: center;"> الاسم </label>
              <input type="text" class="form-control" name="name" placeholder="الاسم">
            </div>
            <div class="form-group">
              <label class="" style="display: block;text-align: center;">التقييم</label>
              <input type="number" max="5" min="1" class="form-control" name="star" placeholder="التقبيم">
            </div>
            <div class="form-group">
              <label class="" style="display: block;text-align: center;">التعليق</label>
              <input type="text" class="form-control" name="comment" placeholder="التعليق">
            </div>
            <div class="form-group">
              <label class="" style="display: block;text-align: center;">اختيار الجنس</label>
              <select class="form-control input" name="gnd">
                <option value="" selected disabled>اختر الجنس</option>
                <option value="1">ذكر</option>
                <option value="2">انثي</option>
              </select>
            </div>
            <div class="form-group">
              <label class="" style="display: block;text-align: center;">اختيار التصنيف</label>
              <select class="form-control input" name="category">
                <option value="" selected>اختر التصنيف</option>
                <option value="ابل">ابل</option>
                <option value="قسم الالعاب">قسم الالعاب</option>
                <option value="جميع المنتجات">جميع المنتجات</option>
                <option value="سياسة الخصوصية">سياسة الخصوصية</option>
                <option value="طرق الدفع">طرق الدفع</option>
                <option value="الشحن والتوصيل">الشحن والتوصيل</option>
                <option value="ألية الضمان">ألية الضمان</option>
                <option value="سياسة الاستبدال">سياسة الاستبدال</option>
                <option value="تواصل معنا">تواصل معنا</option>
                <option value="الحماية الشاملة">الحماية الشاملة</option>
              </select>
            </div>
            <div class="form-group">
              <label class="" style="display: block;text-align: center;">الوقت</label>
              <input type="text" class="form-control" name="time" placeholder="الوقت">
            </div>
            <div class="form-group center">
              <button type="submit" name="btnAdd" id="success-alert"
                class="btn btn-success btn-bordred waves-effect w-md waves-light m-b-5">إضافة</button>

            </div>
          </form>
        </div><!-- end col -->


      </div><!-- end row -->
    </div>
  </div><!-- end col -->
</div>
<!-- end row -->
<script>
  $(document).ready(function () {

  });
  // Add the following code if you want the name of the file appear on select
  $(".custom-file-input").on("change", function () {
    var fileName = $(this).val().split("\\").pop();
    $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
  });
</script>
<?php
include "footer.php";
?>