<?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 Second Content</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 Content</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_second_content where id=1");
                            while($row=mysqli_fetch_array($query)){ ?>
                         <form id="edit_team_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">Media</h4>
                           </div>
                           
                           <div class="card-body">
                                 
                                   <div class="form-group" style="width:100%; float:left; margin:40px 0 0 0;">
                                 <label> Title</label>
                                 <div class="col-md-12">
                                    <div class="card card-outline card-info">
                                       <div class="card-header">
                                          <h3 class="card-title">
                                             Title
                                          </h3>
                                       </div>
                                       <!-- /.card-header -->
                                       <div class="card-body">
                                          <textarea id="summernote" name="firstcontent">
                                          <?=$row['title'];?>
                                          </textarea>
                                       </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="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>
                        </div>
        

                        </form>
                       <?php } ?>
                     </div>
                  </div>
               
               <!-- /.container-fluid -->
            </section>
         </div>
         <!-- /.content-wrapper -->
<?php include('include/footer.php');?>

<script>

  
         $(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(){
          $("#edit_team_form").submit(function(e){

         e.preventDefault();
         
    
         var form_data = new FormData(document.querySelector("form"));
         
         var firstcontent=$("#summernote").val();
         var secondcontent=$("#summernote2").val();
         



         //alert(firstcontent);
         var newdata = new FormData(this);
    
         newdata.append( "action", 'editmediasecondcontent');
         newdata.append( "firstcontent", firstcontent);
         newdata.append( "secondcontent", secondcontent);

        if($("#summernote").val()=='')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please enter title.</span>').delay(4000).fadeOut(100);;
  return false;  
    }

          else if($("#summernote2").val()=='')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please enter content.</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;">Content updated successfully.</span>');
                           setTimeout(function(){
   window.location.reload();
}, 2000);
                          
                           //$("#edit_team_form")[0].reset();
                            }else{
                             $("#err_msg").show().html('<span style="color:red;">Something wrong. Try after sometimes.</span>');   
                            }
                               }
                             });  
    }
         
  
          });    
         });
         
</script>