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



$query1=mysqli_query($conn,"select * from tbl_projects");
?>
         <!-- 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>Add Specification</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">Specification</li>
                        </ol>
                     </div>
                  </div>
               </div>
               <!-- /.container-fluid -->
            </section>
            <!-- Main content -->
            <section class="content">
               <div class="container-fluid">
                  <div class="row">
                     <div class="col-12">
                       
                         <form id="edit_pr_details_intro" 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">Add Specification</h4>
                           </div>
                           
                           <div class="card-body">
                            
                          <div class="form-group" style="width:100%; float:left; margin:40px 0 0 0;">
                                 <label> Select Project</label>
                                 <div class="col-md-12">
                                    <div class="card card-outline card-info">
                                       <div class="card-header">
                                          <h3 class="card-title">
                                             Chose
                                          </h3>
                                       </div>
                                       <!-- /.card-header -->
                                       <div class="card-body">
                                         <select name="project" id="project" class="form-control">
                                             <option value="0">Select</option>
                                             <?php while($row1=mysqli_fetch_array($query1)){?>
                                             <option value=<?=$row1['id'];?> ><?=$row1['name'];?></option>
                                             <?php } ?>
                                         </select>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                                <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">
                                           <input class="form-control" type="text" id="title" name="title" placeholder="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">
                                             Description
                                          </h3>
                                       </div>
                                       <!-- /.card-header -->
                                       <div class="card-body">
                                          <textarea id="summernote2">
                                          
                                          </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="">Submit <span class="spinner-border text-secondary" role="status" style="display:none;"></span></button>
                                  </div>
                                  </div>
                                  
                                  <div id="dvPreview">
</div>
                           </div>
                        </div>
        

                        </form>
                       
                     </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_pr_details_intro").submit(function(e){

         e.preventDefault();
         
        var secondcontent=$("#summernote2").val().trim();
         
         //alert(firstcontent);
         var newdata = new FormData(this);
    
         newdata.append( "action", 'addprojectspecification');
         newdata.append( "secondcontent", secondcontent);
         
      if($("#project").val()=='0')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please select project.</span>').delay(4000).fadeOut(100);;
  return false;  
    }
    
      else 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{
      $(".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;">Data added successfully.</span>').delay(5000).fadeOut(100);
//                           setTimeout(function(){
//   window.location.reload();
// }, 2000);
                          
                           $("#edit_pr_details_intro")[0].reset();
                            }else{
                             $("#err_msg").show().html('<span style="color:red;">Something wrong. Try after sometimes.</span>').delay(5000).fadeOut(100);   
                            }
                               }
                             });  
    }
         
  
          });    
         });
         
</script>