<?php 
$_SESSION['active'] = 'testimonial';
include 'header.php';
include 'sidelinks.php';
include'functions.php';
if(!empty($_POST['submit'])){ 
  testimonial_insert();
}
?> 
 
<div class="content-wrapper">
  <div class="container-xxl flex-grow-1 container-p-y">
    <h4 class="fw-bold py-3 mb-4">Testimonial</h4>
    <div class="row">
      <!-- Basic Layout -->
      <div class="col-xxl">
        <div class="card mb-6">
          <div class="card-header d-flex align-items-center justify-content-between">
            <h5 class="mb-0">Form Inputs</h5>
            <small class="text-muted float-end">Default label</small>
          </div>
          <div class="card-body">
                        <?php
   if(!empty($_GET['succ'])){
     ?>
     <div align="center">
      <h4 style="color:green;">Testimonial Data Inserted Successfully </h4>
    </div>
     <?php
  }
?>
  
            <form method="post" enctype="multipart/form-data">
              
              <div class="row mb-4">
                <label class="col-sm-2 col-form-label" for="basic-default-name">Name</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control" name="name" id="basic-default-name" placeholder="Enter Name" />
                </div>
              </div>
            <div class="row mb-4">
                <label class="col-sm-2 col-form-label" for="basic-default-name">Designation</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control" name="designation" id="basic-default-name" placeholder="Enter Designation" />
                </div>
              </div>
              <div class="row mb-4">
                <label class="col-sm-2 col-form-label" for="basic-default-phone">Image</label>
                <div class="col-sm-4">
                   <img id="image_preview" src="uploads/upload.png" style="height:100px;width:100px;"/>
                  <input type="file" name="image" id="image"/>
                </div>
              </div>
              <div class="row mb-4">
                <label class="col-sm-2 col-form-label" for="basic-default-message">Content</label>
                <div class="col-sm-4">
                  <textarea id="basic-default-message" name="content" class="form-control" placeholder="Enter Your content" aria-label="Hi, Do you have a moment to talk Joe?" aria-describedby="basic-icon-default-message2"></textarea>
                </div>
              </div>
              <div class="row justify-content-end">
                <div class="col-sm-10">
                  <input type="submit" name="submit" class="btn btn-primary" value="Send">
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

   <?php
include 'footer.php';
?>

  <script>
    function readURL1(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function(e) {
      $('#image_preview').attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
  }
}

$("#image").change(function() {
  readURL1(this);
});
  </script>