<?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 Amenities</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">Amenities</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 Amenities</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="name" name="name" placeholder="Image Name" >
                                          
                                          </textarea>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                                
                            
                              
                                     
                                  
                                   <div class="col-6 lefts">
                              <div class="form-group">
                                 <label for="exampleInputFile1">Icon Image * <br><span style="color:red;">(For better view please upload 800px x 500px size images.)</span></label>
                                 <div class="input-group">
                                    <div class="custom-file">
                                       <input type="file" class="custom-file-input" name="pro_img"  id="exampleInputFile">
                                       <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 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="">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>
document.getElementById('exampleInputFile').onchange = function () {
  var src = URL.createObjectURL(this.files[0])
  document.getElementById('image').src = src
}

  
         $(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();
         
        
         
         //alert(firstcontent);
         var newdata = new FormData(this);
    
         newdata.append( "action", 'addgallery');
         
         
      if($("#project").val()=='0')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please select project.</span>').delay(4000).fadeOut(100);;
  return false;  
    }
   
    
      else if($("#name").val()=='')
    {
      $("#err_msg").show().html('<span style="color:red;"> Please enter title.</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;">Data added successfully.</span>');
                           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>');   
                            }
                               }
                             });  
    }
         
  
          });    
         });
         
</script>