bnmbertsurhetertertertertertertertpdf'tdfg

hjkhghopjkertteerterterterertertrtoirh bnmbertsurhetertertertertertertertpdf'tdfg

<?php include 'header.php'; ?>

.percent {
		position: absolute;
		display: inline-block;
		color: #fff;
		font-weight: bold;
		top: 50%;
		left: 50%;
		margin-top: -9px;
		margin-left: -20px;
		-webkit-border-radius: 4px;
	}
</style>
	
	<main class="ttr-wrapper">
		<div class="container-fluid">
			<div class="db-breadcrumb">
				<h4 class="breadcrumb-title">Add Course</h4>
				<ul class="db-breadcrumb-list">
					<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
					<li>Add Course</li>
				</ul>
			</div>	
			<div class="row">
				
				<div class="col-lg-12 m-b30">
					<div class="widget-box">
						<div class="email-wrapper">							
							<div class="mail-list-container">
				<form enctype="multipart/form-data" action="admin_ajax.php" id="uploadForm" method="post">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-lg-12">
                          <div class="form-group">
                            <label class="control-label">Language<span style="color: red;">*</span></label>
                            <select class="form-control" name="language" required>
                              <option value="">Select Language</option>
                              <option value="0">English</option>
                              <option value="1">Hindi</option>
                            </select>
                          </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-lg-12">
                          <div class="form-group">
                            <label class="control-label">Topic`s<span style="color: red;">*</span></label>
                            <select class="form-control" name="topic" required> 
                              <option value="">Select Topic`s</option>
                              <?php 
                              $sql = mysqli_query($conn,"SELECT * FROM sub_category") OR die(mysqli_error($conn));
                              while($row = mysqli_fetch_assoc($sql)){
                              ?>
                              <option value="<?=$row['id']?>"><?=$row['sub_category']?></option>
                              <?php } ?>
                            </select>
                          </div>
                      </div>
                    </div>
                  	<div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Course Image <span style="color: red;">*</span></label>
                                  <input type="file" name="course_img" class="form-control" accept="image/*" required/>
                              </div>
                          </div>
                      </div>
                  	<div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Video Thumbnail<span style="color: red;">*</span></label>
                                  <input type="file" name="video_thumbnail" class="form-control" accept="image/*" required/>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Course Video <span style="color: red;">*</span></label>
                                  <input type="file" name="course_video" id="uploadImage" class="form-control" accept="video/mp4" required/>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                            <div class="form-group">                          
                              <label class="control-label">Course Name <span style="color: red;">*</span></label>
                               <input type="text" name="course_name" class="form-control" required/>
                            </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                            <div class="form-group">                          
                              <label class="control-label">Author<span style="color: red;">*</span></label>
                               <input type="text" name="author" class="form-control" required/>
                            </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Author Image <span style="color: red;">*</span></label>
                                  <input type="file" name="author_img" class="form-control" accept="image/*" required/>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                            <div class="form-group">
                                <label class="control-label">Author Description<span style="color: red;">*</span></label>
                                <textarea  name="author_description" id="editor5" class="form-control"></textarea>
                            </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Author Signature <span style="color: red;">*</span></label>
                                  <input type="file" name="author_sign" class="form-control" accept="image/*" required/>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                            <div class="form-group">
                                <label class="control-label">Price <span style="color: red;">*</span></label>
                                <input type="text" name="price"  onkeypress="javascript:return isNumber(event)"class="form-control"  required/>
                            </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                            <div class="form-group">
                                <label class="control-label">Duration<span style="color: red;">*</span></label>
                                <input type="text" name="duration" class="form-control "  required/>
                            </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                            <div class="form-group">
                                <label class="control-label">Small Description<span style="color: red;">*</span></label>
                                <textarea  name="small_description" class="form-control" required></textarea>
                            </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">What you'll learn <span style="color: red;">*</span></label>
                                  <textarea name="what_you_learn" id="editor1" class="form-control" cols="40" rows="10" ></textarea>
                              </div>
                          </div>                       
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Requirements <span style="color: red;">*</span></label>
                                  <textarea name="requirements" id="editor2" class="form-control" cols="40" rows="10" ></textarea>
                              </div>
                          </div>                       
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Description <span style="color: red;">*</span></label>
                                  <textarea name="descrption" id="editor3" class="form-control" cols="40" rows="10"></textarea>
                              </div>
                          </div>                       
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="form-group">
                                  <label class="control-label">Who this course is for: <span style="color: red;">*</span></label>
                                  <textarea name="who_this_course_is_for" id="editor4" class="form-control" cols="40" rows="10" ></textarea>
                              </div>
                          </div>                       
                      </div>
                      <div class="row">
                          <div class="col-lg-12">
                              <div class="text-center">
                                  <input type="hidden" name="type" value="add_course">
                                  <button type="submit" id="submitButton" class="btn btn-success">Add Course</button>
                              </div>
                          </div>
                          <div class="col-lg-12">
                                <div class="progress" id="progressDivId">
                                    <div class="bar"></div >
                                    <div class="percent">0%</div >
                                </div>
                                <div id='outputImage'><img src="image/loader.gif"></div>
                          </div>
                            <div class="col-lg-12">
                                <div id="status"></div>
                            </div>
                      </div><br>
                  </div>
                </form>
							</div>
						</div>
					</div> 
				</div>
				
			</div>
		</div>
	</main>

<?php include 'footer.php'; ?>

function ValidateFileUpload(e){
  var files = e.target.files;
  var filename = files[0].name;
  var extension = files[0].type;
  if(extension != 'image/jpeg' && extension!='image/jpg' && extension != 'image/png' && extension !='image/gif'){
    e.target.value = '';
    alert('Selected file is not allowed');
    return false;
  }
}

// WRITE THE VALIDATION SCRIPT.
function isNumber(evt) {
    var iKeyCode = (evt.which) ? evt.which : evt.keyCode
    if (iKeyCode != 46 && iKeyCode > 31 && (iKeyCode < 48 || iKeyCode > 57))
        return false;

return true;
    }
function ValidateAlpha(evt)
{
    var keyCode = (evt.which) ? evt.which : evt.keyCode
    if ((keyCode < 65 || keyCode > 90) && (keyCode < 97 || keyCode > 123) && keyCode != 32)
     
    return false;
        return true;
}   
</script>

<script>
// CKEDITOR.replace('editor1');
// CKEDITOR.replace('editor2');
// CKEDITOR.replace('editor3');
// CKEDITOR.replace('editor4');
</script>
<script src="js/nicEdit.js" type="text/javascript"></script>
<script type="text/javascript">
      bkLib.onDomLoaded(function() {    
        new nicEditor({fullPanel : true,iconsPath : 'js/nicEditorIcons.gif'}).panelInstance('editor1');
        new nicEditor({fullPanel : true,iconsPath : 'js/nicEditorIcons.gif'}).panelInstance('editor2');
        new nicEditor({fullPanel : true,iconsPath : 'js/nicEditorIcons.gif'}).panelInstance('editor3');
        new nicEditor({fullPanel : true,iconsPath : 'js/nicEditorIcons.gif'}).panelInstance('editor4');   
        new nicEditor({fullPanel : true,iconsPath : 'js/nicEditorIcons.gif'}).panelInstance('editor5');

});
</script>
<script src="tinymce/tinymce.min.js"></script>
<script>tinymce.init({ selector:'' });</script> 
<script>
//   $(document).ready(function(){
//     $("#add_course").submit(function(e){
//       e.preventDefault();
//       var formdata = new FormData(this);
//       formdata.append('type','add_course');
//       $.ajax({
//         url : 'admin_ajax.php',
//         type : 'POST',
//         data : formdata,
//         contentType : false, 
//         processData : false,
//         cache : false,
//         async : false, 
//         success : function(result){
//           var res = JSON.parse(result);
//           if(res.success == true){
//             alert(res.message);
//             window.open('course_list.php','_self');
//             //$("#add_course")[0].reset();
//           }
//           else{
//             alert(res.message);
//           }
//         }
//       })
//     })
//   })
</script>
<script src="js/jquery.js"></script> 
<script src="js/jquery.form.js"></script> 
<script type="text/javascript">
// $(document).ready(function () {
//     $('#submitButton').click(function () {
//     	    $('#uploadForm').ajaxForm({
//     	        target: '#outputImage',
//     	        url: 'admin_ajax.php',
    	        
//     	        beforeSubmit: function () {
//     	        	  $("#outputImage").hide();
//     	        	   if($("#uploadImage").val() == "") {
//     	        		   $("#outputImage").show();
//     	        		   $("#outputImage").html("<div class='error'>Choose a file to upload.</div>");
//                     return false; 
//                 }
//     	            $("#progressDivId").css("display", "block");
//     	            var percentValue = '0%';

//     	            $('#progressBar').width(percentValue);
//     	            $('#percent').html(percentValue);
//     	        },
//     	        uploadProgress: function (event, position, total, percentComplete) {

//     	            var percentValue = percentComplete + '%';
//     	            $("#progressBar").animate({
//     	                width: '' + percentValue + ''
//     	            }, {
//     	                duration: 5000,
//     	                easing: "linear",
//     	                step: function (x) {
//                         percentText = Math.round(x * 100 / percentComplete);
//     	                    $("#percent").text(percentText + "%");
//                         if(percentText == "100") {
//                         	   $("#outputImage").show();
//                         }
//     	                }
//     	            });
//     	        },
//     	        error: function (response, status, e) {
//     	            alert('Oops something went.');
//     	        },
    	        
//     	        complete: function (xhr) {
//     	            if (xhr.responseText && xhr.responseText != "error")
//     	            {
//     	            	  $("#outputImage").html(xhr.responseText);
//     	            }
//     	            else{  
//     	               	$("#outputImage").show();
//         	            	$("#outputImage").html("<div class='error'>Problem in uploading file.</div>");
//         	            	$("#progressBar").stop();
//     	            }
//     	        }
//     	    });
//     });
// });
$(function() {