


<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="Assets/jquery/jquery_source.js"></script>
        <script src="Assets/jquery/jquery-ui.js"></script>
        <link href="Assets/jquery/jquery-ui.css" rel="stylesheet" />
        <link href="Assets/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet" />
        <script src="Assets/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
        <link href="Assets/css/loading.css" rel="stylesheet" />
        <script src="Assets/jquery/jquery-ui.js"></script>
        <script src="Assets/pdfJS/jquery.min.js"></script>
        <script type="text/javascript" src="Assets/pdfJS/jspdf.min.js"></script> 
        <script type="text/javascript" src="Assets/pdfJS/html2canvas.js"></script> 
 
        <title>Hans Trust</title>
        
    <link rel="shortcut icon" href="Assets/img/favicon.png" type="image/x-icon">         <link rel="apple-touch-icon" sizes="72x72" href="Assets/img/favicon.png">     </head>
    <body onload="initial()">
        <% response.setHeader("Cache-Control","no-cache");   response.setHeader("Cache-Control","no-store");   response.setHeader("Pragma","no-cache");   response.setDateHeader ("Expires", 0); 		if (session != null) { 			if (session.getAttribute("user") == null) { 			response.sendRedirect("Login.jsp"); 			} 		} 	%>         <div id="navbar">
  <nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="navbar-header"  style="height: 75px">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="home.jsp">
          <img src="Assets/img/hans_logo.png" alt="">
                </a>
    </div>
    <div class="collapse navbar-collapse" id="navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="mySchool.jsp">Schools</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Students<b class="caret"></b></a> 
          <ul class="dropdown-menu">
            
            <li><a href="viewStudents.jsp?schoolId=0">View All</a></li>
            <li><a href="addStudent.jsp">Add New</a></li>
                
          </ul>
        </li>
        
        
        <li><a href="mySponsor.jsp">Sponsors</a></li>
        <li><a href="misc.jsp">Miscellaneous Donations</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Quick Reports<b class="caret"></b></a> 
          <ul class="dropdown-menu">
            
            <li><a href="schoolReport.jsp">School Report</a></li>
            <li><a href="yearReport.jsp">Year Report</a></li>
                
          </ul>
        </li>
        
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sponsorships<b class="caret"></b></a> 
          <ul class="dropdown-menu">
            
            <li><a href="viewSponsorship.jsp">View All</a></li>
            <li><a href="newSponsorship.jsp">New Sponsorship</a></li>
                
          </ul>
        </li>
        
        
      </ul>
    <ul class="nav navbar-nav">
                        <li ><a id ="logout" href ='stLogout'>Log Out</a></li>
                    </ul>
    </div>
    <!-- /.navbar-collapse -->
  </nav>
</div>
     <div id="loading" class="container">
             <img src="Assets/img/Loading_icon.gif"/>
        </div>
        <div id="content" >
    
            <center><img src="Assets/img/favicon.png"><h2>Hans Trust<br>A Charity Division Of Madukkakuzhy Ayurveda</h2></center>
             <center><h2 class="h1" style="color: #fff;background-color: #67b168;margin-top: 0; "></h2>
             </center>
                   
      
    <table id="table1" class="table table-striped">
        <tr>
            <td>Sponsor Name :</td><td class="value" id="sponsorName" contenteditable="true"></td>
        </tr>
         <tr>
             <td>Student Name :</td><td class="value" contenteditable="true"></td>
        </tr>
        <tr>
             <td>School Name :</td><td class="value" contenteditable="true"></td>
        </tr>
        <tr>
             <td>Sponsored Years :</td><td class="value" contenteditable="true"></td>
        </tr>
        <tr>
             <td>Amount(INR) :</td><td class="value" contenteditable="true"></td>
        </tr>
        <tr>
             <td>Foreign Currency :</td><td class="value" contenteditable="true"></td>
        </tr>
        
        <tr>
             <td>Bill Date :</td><td class="value" contenteditable="true"></td>
        </tr>
        <tr>
             <td>Comment :</td><td class="value" contenteditable="true"></td>
        </tr>
        
</table>
        </div>     
        <div>
        <table class="table">
             <tr><td> <button class="btn btn-primary" id="cmd">Save as PDF</button>
            <td><button class="btn btn-primary" id="email1">Send e-Mail</button></td>
          </tr>
    </table>
        </div>
    </body>
    <script>
        function initial(){
            var billId=<%=request.getParameter("billId")%>;
                     $('.h1').append("Receipt No: "+billId);

            $.ajax({
                url: 'stGetBasics',
                type: 'GET',
                data: {type:'bill',billId:billId},
                success: function (data, textStatus, jqXHR) {
                    $("#loading").hide();
                    if(data=='error'){
                        alert("Error");
                        
                        return; 
                    }
                    var i=0;
                    $('.value').each(function(){
                    i=i+1;
                    var j=String(i);
                
                        $(this).text(data[0][j]);
                    });
        
                },
                error: function (jqXHR, textStatus, errorThrown) {
                        alert("Error");
                      $("#loading").hide();
                    }
            });
        }
        $(function(){
            var  form = $('#content'),
 cache_width = form.width(),
 a4  =[ 595.28,  841.89];
        $('#cmd').on('click',function(){
 $('body').scrollTop(0);
 createPDF();
});
//create pdf
function createPDF(){
 getCanvas().then(function(canvas){
  var
  img = canvas.toDataURL("image/png"),
  doc = new jsPDF({
          unit:'px', 
          format:'a4'
        });
        
         var bill=<%=request.getParameter("billId")%>;
         
         //alert(lname);
        doc.addImage(img,'JPEG', 20, 20);
        doc.save("Receipt :"+bill);
        form.width(cache_width);
 });
}
 
// create canvas object
function getCanvas(){
 form.width((a4[0]*1.33333) -80).css('max-width','none');
 return html2canvas(form,{
     imageTimeout:2000,
     removeContainer:true
    }); 
}

$("#email1").on('click',function(){
    
  var bill=<%=request.getParameter("billId")%>;
  window.location="sendEmail.jsp?billId="+bill;
});

});
    </script>
</html>

