NINS_CODE/bahmni_config/openmrs/apps/registration/oldRegistrationForm3/printPreRunning.html

<link rel="stylesheet" href="/bahmni_config/openmrs/apps/registration/reprint/css/print.css"/>
<style>
    .common-padding {
        padding-top: 4.7cm;
        padding-left: 4cm;
        font-weight: bold;
    }

    .container {
        margin: 0 auto;
        width: 100%;
    }

    .left-column {
        float: left;
        width: 58%;
    }

    .right-column {
        float: left;
        width: 42%;
    }

</style>
<div class="common-padding">
    <div>
        <span style="float:right; padding-right: 0.5cm;">
            <img id="barcode"
                 jsbarcode-value="{{patient.primaryIdentifier.identifier}}"
                 jsbarcode-width="2"
                 jsbarcode-height="48"
                 jsbarcode-margin="0"
                 jsbarcode-displayValue="false"
                 jsbarcode-textAlign="left"
                 jsbarcode-textMargin="0"
                 jsbarcode-fontSize="10"

            />
        </span>
    </div>
    <div style="padding-top: 2cm">
        <div style="padding-top: 0.2cm;" class="container">
            <div class="left-column"><span>{{patient.primaryIdentifier.identifier}}</span></div>
            <div class="right-column"><span>&nbsp;&nbsp;{{patient.registrationDate | date}} (<span
                    style="font-size: 12px;">প্রিন্ট:</span>
                <script>document.write(new Date().toLocaleDateString("en", {
                    year: "numeric",
                    month: "short",
                    day: "2-digit"
                }));</script>&nbsp;<script>document.write(new Date().toLocaleTimeString("en-US", { hour: '2-digit', minute: '2-digit' }));</script>)</span></span></div>
        </div>
        <div style="padding-top: 0.65cm;" class="container">
            <div class="left-column">{{patient.givenName + (patient.middleName ? (" " + patient.middleName) : "") +
                (patient.familyName ? (" " + patient.familyName) : "") | uppercase}}
            </div>
            <div class="right-column">&nbsp; &nbsp;{{patient.age.years != 0 ? patient.age.years + ' Y ':
                ''}} {{patient.age.months != 0 ? patient.age.months + ' M ': ''}} {{patient.age.days != 0 ?
                patient.age.days + ' D ': ''}}
            </div>
        </div>
        <div class="container" style="padding-top: 1cm;">
            <div class="left-column">
                {{patient.address.address1 ? patient.address.address1 + "," : ""}}
                {{patient.address.address2 ? patient.address.address2 + "," : ""}}
                {{patient.address.address3 ? patient.address.address3 + "," : ""}}
                <br>
                {{patient.address.address4 ? patient.address.address4 + "," : ""}}
                {{patient.address.address5 ? patient.address.address5 + "," : ""}}
                {{patient.address.countyDistrict ? patient.address.countyDistrict + "," : ""}}
                {{patient.address.stateProvince}}
            </div>
            <div class="right-column">
                <span style="font-weight: bold">Gender: {{patient.gender}},&nbsp; Category: {{obs['Registration Patient Category'][0].shortName}}</span>
                <br>
                <span style="font-weight: bold">Contact Number: {{patient.phoneNumber}}<br></span>
                <span style="font-weight: bold">Patient Type: {{obs['Patient Visit Type'][0].shortName}}<br></span>
                <span style="font-weight: bold"
                      ng-if="patient.occupation">Occupation: {{(patient.occupation.value).split(',')[1]}}</span>
            </div>
        </div>
        <div ng-if="patient.occupation" style="padding-top: 2.25cm;">
        <span>
            {{observations.roomData[0].complexData.data.name}}
        </span>
        </div>
        <div ng-if="!patient.occupation" style="padding-top: 2.35cm;">
        <span>
			{{observations.roomData[0].complexData.data.name}} &emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp; NID : {{patient.nationalId}}
        </span>
		 
        </div>
    </div>
</div>


<script type="text/javascript" src="/bahmni_config/openmrs/apps/JsBarcode.all.min.js"></script>
<script>
    (function () {
        JsBarcode("#barcode").init();
    })();
    var d = new Date;
        var date = d.toString();
        var dateSplit = date.split(" ")
        var dateFilter = `${dateSplit[2]} ${dateSplit[1]} ${dateSplit[3]}`;
        var timeFilter = `${dateSplit[4]}`;
        var hours = timeFilter?.split(':')[0];
        var minutes = timeFilter?.split(':')[1];
        var ampm = hours >= 12 ? 'pm' : 'am';
        hours %= 12;
        hours = hours || 12;
        minutes = minutes < 10 ? `${minutes}` : minutes;
        var updateTime = `${hours}:${minutes} ${ampm}`;
        spanDate = document.getElementById('myDate');
        date = document.createTextNode(dateFilter);
        spanDate.innerText = date.textContent;
        spanTime = document.getElementById('myTime');
        time = document.createTextNode(updateTime);
        spanTime.innerText = time.textContent;
</script>