<?php include('config.php');
include('checksession.php');
include('include/header.php');

?>

         <!-- Content Wrapper. Contains page content -->
         <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <section class="content-header">
               <div class="container-fluid">
                  <div class="row mb-2">
                     <div class="col-sm-6">
                        <h1>Edit Media Item</h1>
                     </div>
                     <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                           <li class="breadcrumb-item"><a href="#">Home</a></li>
                           <li class="breadcrumb-item active">Edit Media Item</li>
                        </ol>
                     </div>
                  </div>
               </div>
               <!-- /.container-fluid -->
            </section>
            <!-- Main content -->
            <section class="content">
               <div class="container-fluid">
                  <div class="row">
                     <div class="col-12">
                       <?php $query=mysqli_query($conn,"SELECT * from  tbl_media_item  where id='".$_GET['id']."'");
                            while($row=mysqli_fetch_array($query)){ ?>
                         <form id="add_banner_form" enctype="multipart/form-data">
                         <!--<form action="" method="post" enctype="multipart/form-data">-->
                        <div class="card card-primary">
                           <div class="card-header">
                              <h4 class="card-title">Edit Media Item</h4>
                           </div>
                           
                           <div class="card-body">
                                  <div class="form-group">
                                 <label> Title</label>
                                 <div class="col-md-12">
                                    <div class="card card-outline card-info">
                                 
                                       <!-- /.card-header -->
                                       <div class="card-body">
                                         <input class="form-control" type="text" id="title" name="title" placeholder="Title" value="<?=$row['title'];?>">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              
                              
                               <div class="form-group" style="width:100%; float:left; margin:40px 0 0 0;">
                                 <label> Description</label>
                                 <div class="col-md-12">
                                    <div class="card card-outline card-info">
                                       <div class="card-header">
                                          <h3 class="card-title">
                                             Content
                                          </h3>
                                       </div>
                                       <!-- /.card-header -->
                                       <div class="card-body">
                                          <textarea id="summernote2" name="secondcontent">
                                           <?=$row['content'];?>
                                          </textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              
                             <div class="form-group">
                                 <label> Date</label>
                                 <div class="col-md-12">
                                    <div class="card card-outline card-info">
                                 
                                       <!-- /.card-header -->
                                       <div class="card-body">
                                         <input class="form-control" type="date" id="date" name="date" placeholder="Date"  value="<?=$row['date'];?>">
                                       </div>
                                    </div>
                                 </div>
                              </div>

                               <div class="col-6 lefts">
                              <div class="form-group">
                                 <label for="exampleInputFile">Image<br><span style="color:red;">(For better view please upload 1300px x 800px size images.)</span></label>
                                 <div class="input-group">
                                    <div class="custom-file">
                                       <input type="file" class="custom-file-input" name="pro_img"  id="exampleInputFile" accept="image/png, image/gif, image/jpeg" />
                                       <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                    </div>
                                    <div class="input-group-append">
                                       <span class="input-group-text">Upload</span>
                                    </div>
                                 </div>
                              </div>
                             
                              </div>
                               <div class="col-6" style="float:left">
                                   <div style="width: 151px;  height: 121px;  position: relative;  z-index: 100;  opacity: 1;  margin: 0 0 -120px 0px;  border: 3px solid #fff;"></div>
                                  <img src="upload_image/<?=$row['image'];?>" id="image" / width="150px;" height="120px;" border="0">
                                  </div>
                                


                             
                              <!--<div class="col-6 lefts">-->
                             
                              <!--</div>-->
                      
                              <!--<div class="col-6 lefts" >-->
                              <!--<span class="add_images" onclick="add_more_images();">+ </span>-->
                           
                              <!--</div>-->
           
                              <div class="col-6 rights">
                                  <p id="err_msg" style="text-align:right"></p>
                              <div class="form-group">
                                 <input type="hidden" name="id" value="<?=$row['id'];?>">
                                  <button class="btn btn-warning addpro" type="submit"  class="">Update <span class="spinner-border text-secondary" role="status" style="display:none;"></span></button>
                                  </div>
                                  </div>
                                  
                                  <div id="dvPreview">
</div>
                           </div>
                        </div>
        

                        </form>
                     <?php } ?>
                       
                     </div>
                  </div>
               
               <!-- /.container-fluid -->
            </section>
         </div>
         <!-- /.content-wrapper -->
        <?php include('include/footer.php');?>
      <!-- Page specific script -->
      <script>
      
      document.getElementById('exampleInputFile').onchange = function () {
  var src = URL.createObjectURL(this.files[0])
  document.getElementById('image').src = src
}



///////////////// Multiple Image Preview //////////////



///////////////////////// End ////////////////////////////

 $(function () {
           // Summernote
           $('#summernote').summernote()
         
           // CodeMirror
           CodeMirror.fromTextArea(document.getElementById("codeMirrorDemo"), {
             mode: "htmlmixed",
             theme: "monokai"
           });
         })
           $(function () {
           // Summernote
           $('#summernote2').summernote()
         
           // CodeMirror
           CodeMirror.fromTextArea(document.getElementById("codeMirrorDemo"), {
             mode: "htmlmixed",
             theme: "monokai"
           });
         })

         
         $(document).ready(function(){
          $("#add_banner_form").submit(function(e){

         e.preventDefault();
         
    
         
        
         var secondcontent=$("#summernote2").val().trim();



        
         var newdata = new FormData(this);
    
         newdata.append( "action", 'editmediaitem');
         newdata.append( "secondcontent", secondcontent);

        if($("#title").val()=='')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please enter title.</span>').delay(4000)
    .fadeOut(100);;
  return false;  
    }
    
            else if($("#summernote2").val().trim()=='')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please enter content.</span>').delay(4000).fadeOut(100);;
  return false;  
    }
    
             else if($("#date").val()=='')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please enter news date.</span>').delay(4000).fadeOut(100);;
  return false;  
    }
    
             
//           else if($("#exampleInputFile").val()=='')
//     {
//       $("#err_msg").show().html('<span style="color:red;"> Please upload image.</span>').delay(4000)
//     .fadeOut(100);;
//   return false;  
//     }


    
  else{
      $(".spinner-border").show();
     $.ajax({

                            url: 'allajax.php',
                            type:'POST',
                            data: newdata,
                            contentType: false,
                            cache: false,
                            processData:false,
                          success:function(result2){
                            console.log(result2);
                            if(result2==1){
                           $(".spinner-border").hide();   
                           $("#err_msg").show().html('<span style="color:green;">Item updated successfully.</span>');
                          
                           $("#add_banner_form")[0].reset();
                            }else{
                             $("#err_msg").show().html('<span style="color:red;">Something wrong. Try after sometimes.</span>');   
                            }
                               }
                             });  
    }
         
  
          });    
         });
         
       
         
      </script>
   </body>
</html>