EVOLUTION-NINJA

Edit File: recipt.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Receipt</title>

<link rel="stylesheet" type="text/css" href="public/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="public/assets/js/bootstrap.min.js" />
    <link rel="stylesheet" type="text/css" href="public/assets/css/font-awesome.min.css" />
    
</head>
<style>
    @media print {
    .corse-cheque{
        font-size: small !important;
    }
    .print-button {
        display: none !important;
    }
    .print-button1 {
        display: none !important;
    }
    .url-bar {
                display: none !important;
            }
    .receipt-container {
    width: 100% !important;
    /* margin: 0 auto; */

/* padding: 10px !important; */
    border: 1px solid #000 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
    -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
}
    p{
        font-size: 10px !important;
        font-weight: 600 !important;
    }
    .box1{
    width: 150% !important;
    height: 30px;
}
.text-date p{
    font-size: small;
    padding-top: 0px;
}
.pad-bot{
    padding-top: 2px;
}
.Towards p{
    padding-left: 20px;
}
.text-date{
    width: 16% !important;
}
.box-let-rup{
    border: 1px solid black;
    padding-left: 5px;
    width: 100% !important;
    margin-bottom: 4px !important;
}
.prin-wi{
    width: 105% !important;
    margin-left: 3px !important;
    margin-top: -5px !important;
    text-align: justify;
}
.Received{
    width: 20% !important;
}
.Mrs{
    width: 20%;
}
.Rupees{
    font-size: 9px !important;
}
.corse{
    width: 50% !important;
    height: 23px !important;
    border: 1px solid black;
    margin-left: -37px !important;
    /* padding: 0% 0% 0% 2%; */
    /* padding-top: 3px; */
}
.corse-text-cheque{
    width: 49% !important;
}
.corse-cheque{
    width: 45% !important;
    height: 23px !important;
    border: 1px solid black;
    /* padding-top: 3px; */
}
.Authorized span{
    margin-top: 10px !important;
    font-size: 10px !important;
}
.corse-text {
    width: 50% !important;  
}
.logo{
    width: 160% !important;
    height: auto !important;
}
.receipt-container{
    background-image: url('public/assets/images/Gtr-Logo-2.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    margin-bottom:100px !important;

}
.box-let-rup{
    height: 30px !important;

}
.text1-head{
    font-size: 13px !important;
    font-weight: 600;
}
.auth-sign{
    position: relative;
    top: 10px !important;
}
.print-only {
                display: block !important;
            }
/* .Received{
    width: 30% !important;
} */
}

body {
    font-family: Arial, sans-serif;
}
.box-let-rup{
    width: 100%;
    padding-top: 3px; 
    padding-left: 8px;
    height: 30px;
    border: 1px solid black;
}
.Received{
    width: 18%;
}
.receipt-container {
    width: 90%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.Authorized{
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: small;
}
.print-button {
    display: block;
    width: 100px;
    margin: 20px auto;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}

.print-button:hover {
    background-color: #45a049;
}
.print-button1 {
    display: block;
    width: 100px;
    margin: 20px auto;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}

.print-button1:hover {
    background-color: #45a049;
}
/* new css */
.box1{
    width: 100%;
    height: 30px;
    /* border: 1px solid black; */
    margin-bottom: 5px;
}
.text-date{
    width: 8%;
}
.corse{
    width: 60%;
    height: 30px;
    /* padding-top: 1px ; */
    border: 1px solid black;
}
.corse-cheque{
    width: 60%;
    height: 30px;
    /* padding-top: 1px; */
    border: 1px solid black;
}
.corse-text-cheque {
    width: 27%;
}
.footer-recipt{
    border-top: 1px solid black;
    width: 97%;
    margin-left: 10px;
}
.footer-recipt-up{
    border-top: 1px solid green;
    width: 97%;
    margin-left: 10px;
    padding-bottom: 10px;
}
.corse-text {
    width: 18%;
}
.receipt-container{
    background-image: url('public/assets/images/Gtr-Logo-2.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;

}

.logo{
    width: 100%;
    height: auto;
}
.date-cuur p{
    /* margin-left: 50px !important; */
    float: right;
    margin-right: 25px;
}
.foot-up{
    position: relative;
    top: -10px;
}
body{
    overflow-x: hidden !important;
}
.print-only {
            display: none;
        }
</style>
<body>
    <div class="receipt-container " id="uniqueDiv" >
        <div class="row ">
              
            <div class="col-sm-2">
                <img src="public/assets/images/Gtr-Logo-1.png" alt="" class="mx-auto d-block logo" width="100%" height="auto" >
            </div>
            <div class="col-sm-10">
                <p style="text-align: center;"><span class="text1-head">GREENFIELD TRAINING ACADEMY </span><br>
                    <span class="text1-head"  >Authorized Training Centre for IIJT, A Venture of Team Lease Service Private Limited </span><br>
                        <span class="text1-head">RECEIPT</span></p>
    
            </div>
        </div>

<div class="row">
            <div class="footer-recipt-up"></div>
            <div class="col-sm-12">
                <div class="row ">
                    <div class="col-sm-5">
                        <p>Admission No: <?php echo $admission_no;?></p>
                </div>
                    <div class="col-sm-3">
                            <p style="text-align: center;"> 
                                RECEIPT NO:
                                <?php echo $recipt_no;?> 
                            </p>
                    </div>
                    <div class="col-sm-4 date-cuur" >
                        <p >Date :<?php echo substr($created_at, 0, 10);?></p>
                </div>
                    
                </div>
            </div>
        </div>

<div class="row">
            <div class="col-sm-2 Mrs">
                <p class="Rupees">Received a sum of Rupees</p>
            </div>
            <div class="col-sm-8 mb-2">
                <div class="box-let-rup prin-wi " id='toword'></div>
            </div>
            
        </div>

<div class="row">
            <div class="col-sm-2 Mrs">
                <p>Mr/Mrs/Ms</p>
            </div>
            <div class="col-sm-8">
                <div class="box-let-rup prin-wi"><?php echo $first_name ." ". $last_name;?></div>
            </div>
            
        </div>

<div class="row mt-2">
            <div class="col-sm-6">
                <div class="row">
                   <div class="col-sm-6 corse-text">
                    <p>Course Fee</p>
                   </div> 
                   <div class="col-sm-6 corse">
                   <?php echo $course_fee;?>
                   </div> 
                </div>
                
                
                
                
                
                
                
                
                
                
                
                
                
                <div class="row">
                   <div class="col-sm-6 corse-text">
                    <p>Total</p>
                   </div> 
                   <div class="col-sm-6 corse"><?php echo $amount;?>
                   </div> 
                </div>
                
            </div>

<div class="col-sm-6">
                <div class="row">
                   <div class="col-sm-6 corse-text-cheque">
                    
                    <p>Course Name</p>
                   </div> 
                   <div class="col-sm-6 corse-cheque">
                   
                   <?php echo $course_name;?>
                   </div> 
                </div>
                <div class="row">
                   <div class="col-sm-6 corse-text-cheque">
                    
                    <p>Pending Amount</p>
                   </div> 
                   <div class="col-sm-6 corse-cheque">
                   <?php echo $balance;?>
                   </div> 
                </div>
                
                
                
                
                
                
                
                
                
                
                
                
                
                <div class="row">
                    
                    
                    <div class="col-sm-12 Authorized"><span style="font-size: small;">This is a computer-generated Receipt.No signature is required.</span></div>
                </div>
                
            </div>
        </div>

<div class="row footer-recipt">
            
            <div class="col-sm-12">
                <p style="text-align: center; margin-bottom: 0%;" class="pt-2"> 
                 Cell: 9591343563 / Phone: 0821 4250 222 / 0821 4255066 
                 <br># 656/D, 16th Main, 5th Cross, Saraswathipuram, Mysuru-570 009, Karnataka, INDIA</p>
            </div>
            
        </div>
    </div>
    
    <div class="row">
        <div class="col-sm-5"></div>
        <div class="col-sm-1">
            <button class="print-button1"  onclick="back()">Back</button>
        </div>
        <div class="col-sm-1" >
            <button class="print-button" onclick="printReceipt()">Print</button>
        </div>
       
        <div class="col-sm-4"></div>
    </div>

//     clonedDiv.classList.add("print-only");

//     document.body.appendChild(clonedDiv);

//     window.print();
        // }
        function printReceipt() {
           
            var existingPrintOnly = document.querySelector('.print-only');
            if (existingPrintOnly) {
                existingPrintOnly.remove();
            }
            var originalDiv = document.getElementById("uniqueDiv");
            var clonedDiv = originalDiv.cloneNode(true);
            clonedDiv.classList.add("print-only");
            document.body.appendChild(clonedDiv);

window.print();

setTimeout(function() {
                clonedDiv.remove();
            }, 1000); 
        }
        const units = ["", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"];
        const teens = ["", "eleven", "twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen"];
        const tens = ["", "ten", "twenty", "thirty", "forty", "fifty", "sixty", "seventy", "eighty", "ninety"];
        const thousands = ["", "thousand", "million"];

let i = 0;
            while (num > 0) {
                let chunk = num % 1000;
                if (chunk > 0) {
                    words = getBelowThousand(chunk) + " " + thousands[i] + " " + words;
                }
                num = Math.floor(num / 1000);
                i++;
            }

return words.trim();
        }

const amount = '<?php echo $amount;?>'; 
    const amountInWords = numberToWords(amount);
    document.getElementById('toword').innerHTML=amountInWords+" "+"only";

</script>

</body>
</html>