<!DOCTYPE html>
<html lang="en">
	<head>
    	<!-- Meta Data -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="author" content="">
        <title>Paysprint Private Limited</title>
        <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Raleway:400,800,900,700,600' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="https://docs.paysprint.in/asset/css/font-awesome.min.css" type="text/css">
        <!-- Bootstrap main css File -->
        <link rel="stylesheet" href="https://docs.paysprint.in/asset/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://docs.paysprint.in/asset/css/style.css">
		<link rel="stylesheet" href="https://docs.paysprint.in/asset/css/responsive.css">
        <link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
        <style>
            #progress-bar {background-color: #12CC1A;height:20px;color: #FFFFFF;width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;}
            #progress-div {border:#0FA015 1px solid;padding: 5px 0px;margin:30px 0px;border-radius:4px;text-align:center; display:none;}
            #targetLayer{width:100%;text-align:center;}
        </style>
	<body>
    
    <!-- Loader -->
<div id="preloader">
	<div id="status"><div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div></div>
</div>	
		<section >
			<div class="container">
                <div class="section-title st-center">
    				<h3>UPLOAD YOUR 
    				Receipt  
				    HERE</h3>
                <div class="divider-blue"></div>
    			</div>
                <div class="row">
				<div class="col-sm-12">
                        <form action="https://docs.paysprint.in/upload-image" id="uploadForm" enctype="multipart/form-data" method="post" accept-charset="utf-8">
					  <div class="form-group">
					     <input type="hidden" name="token" value="27faf26c87d99ae520ade3ce7cd88684">
						<label for="exampleInputEmail1">Slip (jpg,jpeg,png,pdf)</label>
						<input type="file" class="btn btn-default" name="image" id="pan_proof">
						<input type="hidden" name="type" value="">
					  </div>
					  <button type="submit" class="btn btn-primary">Upload</button>
					</form>					<div id="progress-div"><div id="progress-bar"></div></div>
				</div>
			</div>
			</div>
		</section>
		<script src="https://docs.paysprint.in/asset/js/jquery.min.js"></script>
        <script src="https://docs.paysprint.in/asset/js/bootstrap.min.js"></script>
        <script>
            	$('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV
        </script>
        <script src="https://docs.paysprint.in/asset/js/jquery.validate.min.js"></script>        
        <script src="https://docs.paysprint.in/asset/js/jquery.form.js"></script>        
        <script src="https://docs.paysprint.in/asset/js/validation.js"></script> 
        <script type="text/javascript">
            $(document).ready(function() { 
                $('#uploadForm').submit(function(e) {	
                    if($('#pan_proof').val()!="") {
                        e.preventDefault();
                        $(this).ajaxSubmit({ 
                            async:true,
                            resetForm: true,
                            beforeSubmit: function() {
                                $("#progress-div").show();
                                $("#progress-bar").width('0%');
                            },
                            uploadProgress: function (event, position, total, percentComplete){	
                                $("#progress-bar").width(percentComplete + '%');
                                $("#progress-bar").html('<div id="progress-status">' + percentComplete +' %</div>')
                            },
                            success:function (data){
                                $("#progress-div").hide();
                                var res = jQuery.parseJSON(data);
                                if(res.response==1){
                                    parent.postMessage(data,"
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: url</p>
<p>Filename: views/upload-file.php</p>
<p>Line Number: 102</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/docs/public_html/application/views/upload-file.php<br />
			Line: 102<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/docs/public_html/application/controllers/Upload.php<br />
			Line: 26<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/docs/public_html/index.php<br />
			Line: 321<br />
			Function: require_once			</p>

		
	

</div>"); //https://partner.rnfi.in
                                }else{
                                    alert(res.message);
                                }
                            },
                        }); 
                        return false; 
                    }else{
                        alert("Please Select File ");
                        return false; 
                    }
                });
            });
        </script>
	</body>
</html>