<?php 
include 'header.php';
include 'sidelinks.php';
include 'functions.php';

   
if(!empty($_GET['edit'])){ 
 
    $services = projects_edit($_GET['edit']);
    $row = mysqli_fetch_array($services);
}

if(!empty($_POST['submit']))
{
  $update = projects_update();
}
?> submit
<div class="content-wrapper">
  <div class="container-xxl flex-grow-1 container-p-y">
    <h4 class="fw-bold py-3 mb-4">Projects</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">
           
            <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" value="<?= $row['name']?>" name="name" id="name" placeholder="Enter Name" required />
                </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="<?= $row['image']?>" style="height:100px;width:100px;"/>
                  <input type="file" class="form-control" name="image" id="image" placeholder="Enter Name"  />
                </div>
                <input type="hidden" name="file_image" value="<?= $row['image']?>">
              </div>
                <input type="hidden" name="edit_data" value="<?= $row['id']?>">

              <div class="row justify-content-end">
                <div class="col-sm-10">
                  <input type="submit" name="submit" class="btn btn-primary" value="Update">
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="https://cloud.tinymce.com/5/tinymce.min.js"></script>
<script>
tinymce.init({
selector: '.textarea-tiny',
height: 500,
menubar: false,
width: '100%',
plugins: [
'advlist autolink lists link image charmap print preview anchor textcolor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount',
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen',
'insertdatetime media nonbreaking save table contextmenu directionality',
'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc'
],
toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat|code | help',
image_advtab: true,
content_css: [
'//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
'//www.tiny.cloud/css/codepen.min.css'
]
});
</script>
<style>
div.mce-branding-powered-by{
display: none;
}
</style>
   <?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>