2139 lines
126 KiB
PHP
2139 lines
126 KiB
PHP
<!-- Main content -->
|
|
<style>
|
|
/* Hide browser autocomplete suggestions */
|
|
input:-webkit-autofill,
|
|
input:-webkit-autofill:hover,
|
|
input:-webkit-autofill:focus {
|
|
-webkit-box-shadow: 0 0 0 1000px white inset !important;
|
|
box-shadow: 0 0 0 1000px white inset !important;
|
|
}
|
|
|
|
/* Hide autocomplete dropdown suggestions */
|
|
input:autofill {
|
|
background-color: white !important;
|
|
}
|
|
|
|
/* ABHA wizard progress track */
|
|
.abha-progress-wrap { display:flex; align-items:flex-start; margin-bottom:24px; }
|
|
.abha-progress-wrap .abha-node {
|
|
display:flex; flex-direction:column; align-items:center; flex:1; position:relative;
|
|
}
|
|
.abha-progress-wrap .abha-node:not(:last-child)::after {
|
|
content:''; position:absolute; top:16px; left:calc(50% + 20px);
|
|
right:calc(-50% + 20px); height:2px; background:#dee2e6; z-index:0;
|
|
}
|
|
.abha-progress-wrap .abha-node.done:not(:last-child)::after { background:#28a745; }
|
|
.abha-badge {
|
|
width:32px; height:32px; border-radius:50%;
|
|
display:flex; align-items:center; justify-content:center;
|
|
font-weight:700; font-size:13px; z-index:1;
|
|
background:#dee2e6; color:#6c757d; border:2px solid #dee2e6;
|
|
transition: all 0.25s;
|
|
}
|
|
.abha-node.active .abha-badge { background:#fff; color:#007bff; border-color:#007bff; }
|
|
.abha-node.done .abha-badge { background:#28a745; color:#fff; border-color:#28a745; }
|
|
.abha-node-label {
|
|
font-size:0.72rem; text-align:center; margin-top:5px;
|
|
color:#aaa; max-width:80px; line-height:1.2;
|
|
}
|
|
.abha-node.active .abha-node-label { color:#007bff; font-weight:600; }
|
|
.abha-node.done .abha-node-label { color:#28a745; }
|
|
.abha-panel { border-left:3px solid #007bff; padding-left:16px; }
|
|
</style>
|
|
<?= view('partials/abha_patient_match_modal') ?>
|
|
<?= view('partials/abha_verify_modal') ?>
|
|
<section class="content">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Patient Management</h5>
|
|
<ul class="nav nav-tabs" id="patientTabs" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="search-tab" data-bs-toggle="tab"
|
|
data-bs-target="#search" type="button" role="tab" aria-controls="search"
|
|
aria-selected="true">Search</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="nperson-tab" data-bs-toggle="tab"
|
|
data-bs-target="#nperson" type="button" role="tab" aria-controls="nperson"
|
|
aria-selected="false">New Person</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="lastopd-tab" data-bs-toggle="tab"
|
|
data-bs-target="#lastopd" type="button" role="tab" aria-controls="lastopd"
|
|
aria-selected="false" data-url="<?= base_url('billing/patient/search_opd') ?>">Last OPDs</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="abha-tab" data-bs-toggle="tab"
|
|
data-bs-target="#abha" type="button" role="tab" aria-controls="abha"
|
|
aria-selected="false">ABHA Create/Verify</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="abhareg-tab" data-bs-toggle="tab"
|
|
data-bs-target="#abha-register" type="button" role="tab"
|
|
aria-selected="false">
|
|
<i class="bi bi-person-check-fill me-1"></i>ABHA Register
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content pt-2" id="patientTabsContent">
|
|
<div class="tab-pane fade" id="nperson" role="tabpanel" aria-labelledby="nperson-tab">
|
|
<div class="danger" id="jsError"></div>
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<form action="<?= base_url('billing/patient/create') ?>" method="post" role="form" class="form1 needs-validation" novalidate>
|
|
<?= csrf_field() ?>
|
|
<div class="row g-3">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Aadhaar Number</label>
|
|
<input class="form-control" name="input_udai" id="input_udai"
|
|
placeholder="Aadhaar Number" type="text" autocomplete="off"
|
|
data-inputmask='"mask": "999999999999"' data-mask
|
|
onchange="onchange_aadhar()">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">ABHA ID</label>
|
|
<input class="form-control" name="input_abha_id" id="input_abha_id"
|
|
placeholder="14-digit ABHA ID" type="text" autocomplete="off"
|
|
maxlength="14" data-inputmask='"mask": "99999999999999"' data-mask>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Phone Number</label>
|
|
<input class="form-control" name="input_mphone1" id="input_mphone1"
|
|
placeholder="Phone Number" type="text" autocomplete="off" required
|
|
data-inputmask='"mask": "9999999999"' data-mask
|
|
onchange="onchange_feild_number()">
|
|
<div class="invalid-feedback">Please enter phone number.</div>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
<div class="col-md-2">
|
|
<div class="form-group">
|
|
<label class="form-label">Title</label>
|
|
<select class="form-select" name="cbo_title" id="cbo_title"
|
|
onchange="onchange_title()">
|
|
<option value="Mr.">Mr.</option>
|
|
<option value="Mrs.">Mrs.</option>
|
|
<option value="Ms.">Ms.</option>
|
|
<option value="Master" selected="selected">Master</option>
|
|
<option value="Baby">Baby</option>
|
|
<option value="Baby Girl">Baby Girl</option>
|
|
<option value="Baby Boy">Baby Boy</option>
|
|
<option value="Mohd.">Mohd.</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Full Name</label>
|
|
<input class="form-control varchar" name="input_name" id="input_name"
|
|
placeholder="Full Name" type="text" autocomplete="off" required>
|
|
<div class="invalid-feedback">Please enter full name.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Gender</label>
|
|
<div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" name="optionsRadios_gender" id="options_gender1" value="1"
|
|
type="radio" checked>
|
|
<label class="form-check-label" for="options_gender1">Male</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" name="optionsRadios_gender" id="options_gender2" value="2"
|
|
type="radio">
|
|
<label class="form-check-label" for="options_gender2">Female</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<hr />
|
|
<div class="row g-3">
|
|
<?php
|
|
$chk_age = 0;
|
|
if ($chk_age == 1) {
|
|
$checkbox_checked = "checked";
|
|
$age_input_2 = 'style="display: none;"';
|
|
$age_input_1 = '';
|
|
} else {
|
|
$checkbox_checked = "";
|
|
$age_input_1 = 'style="display: none;"';
|
|
$age_input_2 = '';
|
|
}
|
|
?>
|
|
<div class="col-md-3">
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" id="chk_age" name="chk_age" <?= $checkbox_checked ?>>
|
|
<label class="form-check-label" for="chk_age">Estimate Age</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6" id="age_input_1" <?= $age_input_1 ?>>
|
|
<div class="form-group">
|
|
<label class="form-label">Age (in Year - Month)</label>
|
|
<div class="row g-2">
|
|
<div class="col-6">
|
|
<input class="form-control number"
|
|
name="input_age_year" id="input_age_year"
|
|
placeholder="Year" type="text" autocomplete="off">
|
|
</div>
|
|
<div class="col-6">
|
|
<input class="form-control number"
|
|
name="input_age_month" id="input_age_month"
|
|
placeholder="Month" type="text" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4" id="age_input_2" <?= $age_input_2 ?>>
|
|
<label class="form-label">Date of Birth</label>
|
|
<input class="form-control" name="datepicker_dob" id="datepicker_dob"
|
|
type="date" />
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="row g-3">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Relation</label>
|
|
<select class="form-select" name="cbo_relation" id="cbo_relation">
|
|
<option value="W/o">W/o</option>
|
|
<option value="S/o">S/o</option>
|
|
<option value="D/o">D/o</option>
|
|
<option value="C/o">C/o</option>
|
|
<option value="M/o">M/o</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Relative Name</label>
|
|
<input class="form-control" name="input_relative_name"
|
|
id="input_relative_name" placeholder="Full Name" type="text"
|
|
onchange="onchange_relative_name()"
|
|
autocomplete="off" required>
|
|
<div class="invalid-feedback">Please enter relative name.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Blood Group</label>
|
|
|
|
<select class="form-select" name="input_blood_group" id="input_blood_group">
|
|
<?php foreach ($blood_group as $row) { ?>
|
|
<option value="<?= $row->blood_group ?>" <?= strcasecmp((string) $row->blood_group, 'Not Define') === 0 ? 'selected' : '' ?>><?= $row->blood_group ?></option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Refer By</label>
|
|
<input class="form-control" name="refer_by_name" id="refer_by_name"
|
|
list="refer_by_name_list" placeholder="Type to search referral"
|
|
autocomplete="off">
|
|
<datalist id="refer_by_name_list">
|
|
<?php foreach (($refer_master ?? []) as $row) : ?>
|
|
<?php $referLabel = trim((string) (($row->title ?? '') . ' ' . ($row->f_name ?? ''))); ?>
|
|
<option value="<?= esc($referLabel) ?>"></option>
|
|
<?php endforeach; ?>
|
|
</datalist>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label class="form-label">Address</label>
|
|
<input class="form-control" name="input_address"
|
|
placeholder="Address" type="text" autocomplete="on">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">City</label>
|
|
<input class="form-control" name="input_city" id="input_city"
|
|
placeholder="City" type="text" autocomplete="on">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">Pin/Zip Code</label>
|
|
<input class="form-control" name="input_zip" id="input_zip"
|
|
placeholder="Pin/Zip Code" type="text" autocomplete="on">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">District</label>
|
|
<input class="form-control" name="input_district"
|
|
id="input_district" placeholder="Type to search or add new…" type="text"
|
|
autocomplete="off">
|
|
<div class="form-text text-muted small">Type to search; unlisted districts can be entered freely.</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="form-label">State</label>
|
|
<select class="form-select" name="input_state" id="input_state">
|
|
<option value="">— Select State —</option>
|
|
<?php foreach (($india_states ?? []) as $st): ?>
|
|
<option value="<?= esc($st['state_name']) ?>"><?= esc($st['state_name']) ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div class="row g-3">
|
|
<div class="col-md-3">
|
|
<button type="submit" id="RegisterPatient" class="btn btn-primary">Register Patient</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-4" id="search_result_update">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade show active" id="search" role="tabpanel" aria-labelledby="search-tab">
|
|
<form action="<?= base_url('billing/patient/search') ?>" method="post" role="form" class="form2 needs-validation" novalidate>
|
|
<?= csrf_field() ?>
|
|
<div class="input-group">
|
|
<input class="form-control" type="text" id="txtsearch" name="txtsearch" placeholder="Search">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-info btn-flat">Go!</button>
|
|
</span>
|
|
</div>
|
|
<div class="mt-2 d-flex justify-content-between align-items-center flex-wrap gap-2">
|
|
<small class="text-muted">Blank search shows patients from last 30 days by register date or last visit date.</small>
|
|
<button type="button" id="toggle_advanced_search" class="btn btn-outline-secondary btn-sm">
|
|
<i class="bi bi-funnel"></i> Advanced Search
|
|
</button>
|
|
</div>
|
|
<div id="advanced_search_panel" class="card mt-2" style="display:none;">
|
|
<div class="card-body py-3">
|
|
<div class="row g-2 align-items-end">
|
|
<div class="col-md-4">
|
|
<label class="form-label">Search By</label>
|
|
<select class="form-select" name="adv_search_by" id="adv_search_by">
|
|
<option value="">Select field</option>
|
|
<option value="patient_uhid">Patient / UHID</option>
|
|
<option value="patient_name">Patient Name</option>
|
|
<option value="relative_name">Relative Name</option>
|
|
<option value="phone">Phone No</option>
|
|
<option value="age">Age</option>
|
|
<option value="refer_by">Refer By</option>
|
|
<option value="old_uhid">OLD UHID</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4" id="adv_value_col">
|
|
<label class="form-label">Search Value</label>
|
|
<input type="text" class="form-control" name="adv_search_value" id="adv_search_value" placeholder="Enter value">
|
|
<datalist id="adv_refer_by_list">
|
|
<?php foreach (($refer_master ?? []) as $row) : ?>
|
|
<?php $advReferLabel = trim((string) (($row->title ?? '') . ' ' . ($row->f_name ?? ''))); ?>
|
|
<?php if ($advReferLabel !== '') : ?>
|
|
<option value="<?= esc($advReferLabel) ?>"></option>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</datalist>
|
|
</div>
|
|
<div class="col-md-4 d-none" id="adv_age_mode_col">
|
|
<label class="form-label">Age Mode</label>
|
|
<select class="form-select" name="adv_age_mode" id="adv_age_mode">
|
|
<option value="approx">Approx</option>
|
|
<option value="between">Between</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4 d-none" id="adv_age_approx_col">
|
|
<label class="form-label">Approx Age</label>
|
|
<input type="number" min="0" max="150" class="form-control" name="adv_age_value" id="adv_age_value" placeholder="e.g. 35">
|
|
<small class="text-muted d-block mt-1" id="adv_age_effective_hint">Approx range: -</small>
|
|
</div>
|
|
<div class="col-md-2 d-none" id="adv_age_tolerance_col">
|
|
<label class="form-label">Tolerance (+/- Years)</label>
|
|
<input type="number" min="0" max="20" class="form-control" name="adv_age_tolerance" id="adv_age_tolerance" value="2">
|
|
</div>
|
|
<div class="col-md-2 d-none" id="adv_age_from_col">
|
|
<label class="form-label">Age From</label>
|
|
<input type="number" min="0" max="150" class="form-control" name="adv_age_from" id="adv_age_from" placeholder="0">
|
|
</div>
|
|
<div class="col-md-2 d-none" id="adv_age_to_col">
|
|
<label class="form-label">Age To</label>
|
|
<input type="number" min="0" max="150" class="form-control" name="adv_age_to" id="adv_age_to" placeholder="60">
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 d-flex justify-content-end">
|
|
<button type="button" id="btn_advanced_search" class="btn btn-primary btn-sm">
|
|
<i class="bi bi-search"></i> Search Advanced
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div id="search_loading" class="alert alert-info mt-2" style="display:none;">
|
|
<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
|
|
<span id="search_loading_text">Searching...</span>
|
|
</div>
|
|
<div class="searchresult"></div>
|
|
</div>
|
|
<div class="tab-pane fade" id="lastopd" role="tabpanel" aria-labelledby="lastopd-tab">
|
|
|
|
</div>
|
|
<div class="tab-pane fade" id="abha" role="tabpanel" aria-labelledby="abha-tab">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h6 class="card-title">ABHA Number Create and Verify</h6>
|
|
<p class="text-muted">Create and verify your unique health identification number</p>
|
|
|
|
<ul class="nav nav-tabs" id="abhaSubTabs" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="abha-create-tab" data-bs-toggle="tab"
|
|
data-bs-target="#abha-create" type="button" role="tab" aria-controls="abha-create"
|
|
aria-selected="true">Create ABHA</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="abha-verify-tab" data-bs-toggle="tab"
|
|
data-bs-target="#abha-verify" type="button" role="tab" aria-controls="abha-verify"
|
|
aria-selected="false">Verify ABHA</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content pt-3" id="abhaSubTabsContent">
|
|
<div class="tab-pane fade show active" id="abha-create" role="tabpanel" aria-labelledby="abha-create-tab">
|
|
|
|
<!-- Step progress indicator -->
|
|
<div class="abha-progress-wrap mt-3 mb-4">
|
|
<div class="abha-node active" id="abha_node_1">
|
|
<div class="abha-badge" id="abha_badge_1">1</div>
|
|
<div class="abha-node-label">Aadhaar & Consent</div>
|
|
</div>
|
|
<div class="abha-node" id="abha_node_2">
|
|
<div class="abha-badge" id="abha_badge_2">2</div>
|
|
<div class="abha-node-label">OTP Verify</div>
|
|
</div>
|
|
<div class="abha-node" id="abha_node_3">
|
|
<div class="abha-badge" id="abha_badge_3">3</div>
|
|
<div class="abha-node-label">Mobile Confirm</div>
|
|
</div>
|
|
<div class="abha-node" id="abha_node_4">
|
|
<div class="abha-badge" id="abha_badge_4">4</div>
|
|
<div class="abha-node-label">ABHA Ready</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 1: Aadhaar entry + consent -->
|
|
<div id="abha_step_1" class="abha-panel">
|
|
<p class="text-muted small mb-3">Enter the patient's Aadhaar number. An OTP will be sent to the mobile linked with it.</p>
|
|
<div class="row g-3 align-items-end">
|
|
<div class="col-md-4">
|
|
<label class="form-label">Aadhaar Number <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="abha_aadhaar_masked"
|
|
placeholder="0000-0000-0000" autocomplete="off"
|
|
data-inputmask='"mask": "9999-9999-9999"' data-mask>
|
|
<small class="text-muted">Mobile must be linked with Aadhaar for OTP.</small>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Mobile for ABHA <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="abha_reg_mobile"
|
|
placeholder="10-digit mobile" maxlength="10"
|
|
inputmode="numeric" autocomplete="tel">
|
|
<small class="text-muted">Will be linked to the new ABHA.</small>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Authentication Via</label>
|
|
<select class="form-select" id="abha_auth_type">
|
|
<option value="aadhaar_otp">OTP</option>
|
|
<option value="biometric">Biometric</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="abha_consent_chk">
|
|
<label class="form-check-label" for="abha_consent_chk">
|
|
I confirm the patient has given consent to share their Aadhaar details with NHA/ABDM for ABHA number creation.
|
|
<a href="#" data-bs-toggle="collapse" data-bs-target="#abha_full_consent" class="ms-1 small">(read full consent)</a>
|
|
</label>
|
|
</div>
|
|
<div class="collapse mt-2" id="abha_full_consent">
|
|
<div class="card card-body bg-light py-2 small text-muted" style="max-height:100px;overflow-y:auto;">
|
|
I hereby declare that I am voluntarily sharing my Aadhaar number and demographic information issued by UIDAI with the National Health Authority (NHA) for the sole purpose of creating an ABHA number. I understand this number may be used for healthcare service purposes as notified by ABDM. My personal identifiable information (Name, Address, Age, DOB, Gender, Photo) may be made available to entities in the National Digital Health Ecosystem. I consent to use and disclosure of my health information to NDHE entities as permitted by law.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="abha_step1_alert" class="mt-2"></div>
|
|
<div class="mt-3">
|
|
<button type="button" class="btn btn-primary" id="abha_get_otp_btn">
|
|
<span id="abha_get_otp_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>
|
|
Send OTP
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 2: OTP verification -->
|
|
<div id="abha_step_2" class="abha-panel" style="display:none;">
|
|
<p class="text-muted small mb-3">Enter the OTP sent to the mobile number linked with Aadhaar.</p>
|
|
<div class="row g-3 align-items-end">
|
|
<div class="col-md-3">
|
|
<label class="form-label">One-Time Password <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control form-control-lg text-center letter-spacing-2"
|
|
id="abha_otp_input" placeholder="— — — — — —"
|
|
maxlength="6" autocomplete="one-time-code" inputmode="numeric">
|
|
</div>
|
|
</div>
|
|
<div id="abha_step2_alert" class="mt-2"></div>
|
|
<div class="mt-3 d-flex gap-2 flex-wrap">
|
|
<button type="button" class="btn btn-success" id="abha_verify_otp_btn">
|
|
<span id="abha_verify_otp_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>
|
|
Confirm OTP
|
|
</button>
|
|
<button type="button" class="btn btn-outline-secondary" id="abha_resend_otp_btn">Resend OTP</button>
|
|
<button type="button" class="btn btn-link text-secondary px-0" id="abha_back_step1_btn">← Back</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 3: (unused — Aadhaar verify-otp returns ABHA directly) -->
|
|
<div id="abha_step_3" style="display:none;"></div>
|
|
|
|
<!-- Step 4: ABHA Ready -->
|
|
<div id="abha_step_4" class="abha-panel" style="display:none;">
|
|
<div id="abha_created_result"></div>
|
|
<div id="abha_step4_alert" class="mt-2"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="abha-verify" role="tabpanel" aria-labelledby="abha-verify-tab">
|
|
<p class="text-muted small mb-3">Enter the patient's mobile number registered with ABDM to retrieve their ABHA profile.</p>
|
|
<!-- Phase 1: Mobile input -->
|
|
<div id="link_step_1">
|
|
<div class="row g-3 align-items-end">
|
|
<div class="col-md-3">
|
|
<label class="form-label">Mobile Number <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="abha_link_mobile"
|
|
placeholder="10-digit mobile" maxlength="10" inputmode="numeric" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div id="link_step1_alert" class="mt-2"></div>
|
|
<div class="mt-3">
|
|
<button type="button" class="btn btn-primary" id="abha_link_send_otp_btn">
|
|
<span id="abha_link_send_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>
|
|
Send OTP
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- Phase 2: OTP verify -->
|
|
<div id="link_step_2" style="display:none;" class="mt-3">
|
|
<div class="row g-3 align-items-end">
|
|
<div class="col-md-3">
|
|
<label class="form-label">Enter OTP <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control form-control-lg text-center fw-bold"
|
|
id="abha_link_otp_input" maxlength="6" placeholder="6-digit OTP"
|
|
inputmode="numeric" autocomplete="one-time-code">
|
|
</div>
|
|
</div>
|
|
<div id="link_step2_alert" class="mt-2"></div>
|
|
<div class="mt-3 d-flex gap-2">
|
|
<button type="button" class="btn btn-success" id="abha_link_verify_otp_btn">
|
|
<span id="abha_link_verify_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>
|
|
Verify OTP
|
|
</button>
|
|
<button type="button" class="btn btn-outline-secondary" id="abha_link_resend_btn">Resend OTP</button>
|
|
</div>
|
|
</div>
|
|
<!-- Result -->
|
|
<div id="link_result" class="mt-3"></div>
|
|
<!-- Bridge test (keep) -->
|
|
<div class="mt-4 border-top pt-3">
|
|
<button type="button" class="btn btn-outline-secondary btn-sm" id="abha_bridge_test_btn">
|
|
<span id="abha_bridge_test_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>
|
|
Test Middle Server
|
|
</button>
|
|
<div id="abha_bridge_test_result" class="mt-2"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================================ -->
|
|
<!-- ABHA REGISTER TAB PANE -->
|
|
<!-- ============================================================ -->
|
|
<div class="tab-pane fade" id="abha-register" role="tabpanel" aria-labelledby="abhareg-tab">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h6 class="fw-bold mb-3"><i class="bi bi-person-check-fill me-2 text-primary" style="margin-left: 10px;margin-right: 10px;"></i>ABHA-Based Patient Registration</h6>
|
|
|
|
<!-- Method selector cards -->
|
|
<div id="abhareg_methods" class="row g-2 mb-3" style="margin-left: 10px;margin-right: 10px;">
|
|
<div class="col-6 col-md-3">
|
|
<div class="card border abhareg-method-card text-center py-3" data-method="number" role="button" tabindex="0" onclick="abhaRegSelectMethod('number')" style="cursor:pointer">
|
|
<div class="fs-2 mb-1">🆔</div>
|
|
<div class="fw-semibold small">By ABHA Number</div>
|
|
<div class="text-muted" style="font-size:11px">14-digit or @abdm address</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3">
|
|
<div class="card border abhareg-method-card text-center py-3" data-method="qr" role="button" tabindex="0" onclick="abhaRegSelectMethod('qr')" style="cursor:pointer">
|
|
<div class="fs-2 mb-1">📷</div>
|
|
<div class="fw-semibold small">Scan ABHA QR</div>
|
|
<div class="text-muted" style="font-size:11px">Camera scan patient's QR</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3">
|
|
<div class="card border abhareg-method-card text-center py-3" data-method="facility" role="button" tabindex="0" onclick="abhaRegSelectMethod('facility')" style="cursor:pointer">
|
|
<div class="fs-2 mb-1">🏥</div>
|
|
<div class="fw-semibold small">Scan Facility QR</div>
|
|
<div class="text-muted" style="font-size:11px">Patient scans hospital QR</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3">
|
|
<div class="card border abhareg-method-card text-center py-3" data-method="mobile" role="button" tabindex="0" onclick="abhaRegSelectMethod('mobile')" style="cursor:pointer">
|
|
<div class="fs-2 mb-1">📱</div>
|
|
<div class="fw-semibold small">By Mobile OTP</div>
|
|
<div class="text-muted" style="font-size:11px">OTP to ABHA-linked mobile</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12" style="margin: 10px;">
|
|
<!-- Active method banner -->
|
|
<div id="abhareg_active_banner" class="alert alert-primary d-flex align-items-center py-2 d-none mb-3">
|
|
<span id="abhareg_banner_icon" class="me-2 fs-5"></span>
|
|
<div>
|
|
<strong id="abhareg_banner_title"></strong>
|
|
<span id="abhareg_banner_sub" class="ms-2 small text-primary-emphasis"></span>
|
|
</div>
|
|
<button type="button" class="btn btn-sm btn-outline-secondary ms-auto" onclick="abhaRegReset()">↩ Change Method</button>
|
|
</div>
|
|
|
|
<!-- Panel: Method 1 - By ABHA Number (also populated after QR scan) -->
|
|
<div id="abhareg_panel_number" class="abhareg-panel d-none">
|
|
<div id="abhareg_num_stepA">
|
|
<p class="text-muted small mb-2">Enter patient's 14-digit ABHA number or ABHA address (e.g., john@abdm).</p>
|
|
<div class="row g-2 align-items-end">
|
|
<div class="col-md-5">
|
|
<label class="form-label">ABHA Number / Address <span class="text-danger">*</span></label>
|
|
<div class="input-group">
|
|
<input type="text" id="abhareg_abha_input" class="form-control" placeholder="14-digit number or user@abdm" autocomplete="off">
|
|
<button type="button" id="abhareg_validate_btn" class="btn btn-outline-secondary">
|
|
<span id="abhareg_validate_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>Validate
|
|
</button>
|
|
</div>
|
|
<div id="abhareg_abha_status" class="mt-1"></div>
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_num_stepA_alert" class="mt-2"></div>
|
|
<div class="mt-3">
|
|
<button type="button" id="abhareg_goto_stepB" class="btn btn-primary d-none">
|
|
Continue — Enter Mobile <i class="bi bi-arrow-right ms-1"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_num_stepB" class="d-none mt-3">
|
|
<p class="text-muted small mb-2">Enter the mobile number registered with this ABHA. OTP will be sent to it.</p>
|
|
<div class="row g-2 align-items-end">
|
|
<div class="col-md-4">
|
|
<label class="form-label">Mobile Number <span class="text-danger">*</span></label>
|
|
<input type="text" id="abhareg_num_mobile" class="form-control" placeholder="10-digit mobile" maxlength="10" inputmode="numeric" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_num_stepB_alert" class="mt-2"></div>
|
|
<div class="mt-3 d-flex gap-2">
|
|
<button type="button" id="abhareg_num_send_otp_btn" class="btn btn-primary">
|
|
<span id="abhareg_num_send_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>Send OTP
|
|
</button>
|
|
<button type="button" id="abhareg_back_to_stepA" class="btn btn-link text-secondary">← Back</button>
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_num_stepC" class="d-none mt-3">
|
|
<p class="text-muted small mb-2">Enter the 6-digit OTP received on the patient's mobile.</p>
|
|
<div class="row g-2">
|
|
<div class="col-md-3">
|
|
<label class="form-label">One-Time Password <span class="text-danger">*</span></label>
|
|
<input type="text" id="abhareg_num_otp_input" class="form-control form-control-lg text-center fw-bold" maxlength="6" inputmode="numeric" autocomplete="one-time-code" placeholder="— — — — — —">
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_num_stepC_alert" class="mt-2"></div>
|
|
<div class="mt-3 d-flex gap-2 flex-wrap">
|
|
<button type="button" id="abhareg_num_verify_otp_btn" class="btn btn-success">
|
|
<span id="abhareg_num_verify_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>Verify OTP
|
|
</button>
|
|
<button type="button" id="abhareg_num_resend_btn" class="btn btn-outline-secondary">Resend OTP</button>
|
|
<button type="button" id="abhareg_back_to_stepB" class="btn btn-link text-secondary">← Back</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Panel: Method 2 - Scan QR -->
|
|
<div id="abhareg_panel_qr" class="abhareg-panel d-none">
|
|
<p class="text-muted small mb-2">Point camera at patient's ABHA QR code (from PHR app or printed card).</p>
|
|
<div class="mb-2" style="max-width:300px;">
|
|
<label for="abhareg_qr_camera_select" class="form-label small mb-1">Camera</label>
|
|
<div class="d-flex gap-2 align-items-start">
|
|
<select id="abhareg_qr_camera_select" class="form-select form-select-sm">
|
|
<option value="">Default camera</option>
|
|
</select>
|
|
<button type="button" id="abhareg_qr_camera_refresh" class="btn btn-outline-secondary btn-sm">Refresh</button>
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_qr_reader" style="width:300px;max-width:100%;"></div>
|
|
<div id="abhareg_qr_result" class="mt-2"></div>
|
|
<div class="mt-2">
|
|
<button type="button" id="abhareg_qr_stop_btn" class="btn btn-outline-secondary btn-sm d-none">
|
|
<i class="bi bi-camera-video-off me-1"></i>Stop Camera
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Panel: Method 3 - Facility QR -->
|
|
<div id="abhareg_panel_facility" class="abhareg-panel d-none">
|
|
<div id="abhareg_facility_alert"></div>
|
|
<div class="row g-3 align-items-start">
|
|
<div class="col-md-4 text-center">
|
|
<div class="border rounded bg-white p-3 d-inline-block shadow-sm" style="min-width:260px;min-height:260px">
|
|
<div id="abhareg_facility_loading" class="text-muted small py-5">
|
|
<span class="spinner-border spinner-border-sm me-1"></span>Loading facility QR...
|
|
</div>
|
|
<img id="abhareg_facility_qr_img" src="" alt="Health Facility QR" class="img-fluid d-none" style="max-width:230px">
|
|
</div>
|
|
<div class="mt-2 d-flex justify-content-center gap-2 flex-wrap">
|
|
<button type="button" id="abhareg_facility_refresh_btn" class="btn btn-outline-primary btn-sm">
|
|
<i class="bi bi-arrow-clockwise me-1"></i>Refresh QR
|
|
</button>
|
|
<button type="button" id="abhareg_facility_print_btn" class="btn btn-primary btn-sm d-none">
|
|
<i class="bi bi-printer me-1"></i>Print QR
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="alert alert-info mb-2">
|
|
<h6 class="fw-bold"><i class="bi bi-qr-code me-2"></i>Scan & Share — Health Facility QR</h6>
|
|
<p class="mb-2">Display or print this QR at the OPD counter. The patient scans it using their ABHA / PHR app.</p>
|
|
<ol class="mb-2">
|
|
<li>Patient opens their <strong>ABHA app</strong> (or PHR app)</li>
|
|
<li>Selects "Scan Facility QR"</li>
|
|
<li>Scans this hospital QR code</li>
|
|
<li>Grants consent — profile appears in the ABDM OPD Queue automatically</li>
|
|
</ol>
|
|
<div class="small mb-1"><strong>Facility:</strong> <span id="abhareg_facility_name">—</span></div>
|
|
<div class="small"><strong>HFR ID:</strong> <span id="abhareg_facility_hfr">—</span></div>
|
|
</div>
|
|
<div class="small text-muted">Source: ABDM Bridge <code>GET /api/v3/facility/qr-code</code>.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Panel: Method 4 - Mobile OTP only -->
|
|
<div id="abhareg_panel_mobile" class="abhareg-panel d-none">
|
|
<div id="abhareg_mob_step1">
|
|
<p class="text-muted small mb-2">Enter the patient's mobile number linked to ABDM/ABHA. OTP will be sent for verification.</p>
|
|
<div class="row g-2 align-items-end">
|
|
<div class="col-md-4">
|
|
<label class="form-label">Mobile Number <span class="text-danger">*</span></label>
|
|
<input type="text" id="abhareg_mob_mobile" class="form-control" placeholder="10-digit mobile" maxlength="10" inputmode="numeric" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_mob_step1_alert" class="mt-2"></div>
|
|
<div class="mt-3">
|
|
<button type="button" id="abhareg_mob_send_btn" class="btn btn-primary">
|
|
<span id="abhareg_mob_send_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>Send OTP
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_mob_step2" class="d-none mt-3">
|
|
<p class="text-muted small mb-2">Enter the 6-digit OTP sent to the patient's mobile.</p>
|
|
<div class="row g-2">
|
|
<div class="col-md-3">
|
|
<label class="form-label">One-Time Password <span class="text-danger">*</span></label>
|
|
<input type="text" id="abhareg_mob_otp_input" class="form-control form-control-lg text-center fw-bold" maxlength="6" inputmode="numeric" autocomplete="one-time-code" placeholder="— — — — — —">
|
|
</div>
|
|
</div>
|
|
<div id="abhareg_mob_step2_alert" class="mt-2"></div>
|
|
<div class="mt-3 d-flex gap-2 flex-wrap">
|
|
<button type="button" id="abhareg_mob_verify_btn" class="btn btn-success">
|
|
<span id="abhareg_mob_verify_spinner" class="spinner-border spinner-border-sm me-1 d-none"></span>Verify OTP
|
|
</button>
|
|
<button type="button" id="abhareg_mob_resend_btn" class="btn btn-outline-secondary">Resend OTP</button>
|
|
<button type="button" id="abhareg_mob_back_btn" class="btn btn-link text-secondary">← Back</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Common result card (all methods) -->
|
|
<div id="abhareg_result" class="d-none mt-3">
|
|
<div class="card border-success shadow-sm">
|
|
<div class="card-header bg-success text-white d-flex align-items-center gap-2 py-2">
|
|
<i class="bi bi-check-circle-fill"></i>
|
|
<span id="abhareg_result_status_badge" class="fw-semibold"></span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-start gap-3">
|
|
<img id="abhareg_result_photo" src="" alt="" class="rounded-circle d-none" style="width:64px;height:64px;object-fit:cover;border:3px solid #198754;flex-shrink:0">
|
|
<div id="abhareg_result_photo_ph" class="rounded-circle d-flex align-items-center justify-content-center bg-success-subtle" style="width:64px;height:64px;font-size:30px;flex-shrink:0">👤</div>
|
|
<div class="flex-grow-1">
|
|
<div class="fw-bold fs-5 mb-1" id="abhareg_result_name">—</div>
|
|
<div class="font-monospace fw-semibold text-primary mb-1" id="abhareg_result_abha"></div>
|
|
<div class="text-muted small mb-1" id="abhareg_result_details"></div>
|
|
<div id="abhareg_result_hms"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 d-flex gap-2 flex-wrap">
|
|
<button type="button" id="abhareg_result_profile_btn" class="btn btn-success btn-sm d-none" data-url="">
|
|
<i class="bi bi-person-lines-fill me-1"></i>View Patient Profile
|
|
</button>
|
|
<a id="abhareg_result_card_btn" href="#" target="_blank" class="btn btn-outline-primary btn-sm d-none">
|
|
<i class="bi bi-card-image me-1"></i>Print ABHA Card
|
|
</a>
|
|
<button type="button" class="btn btn-outline-secondary btn-sm" onclick="abhaRegReset()">
|
|
<i class="bi bi-arrow-repeat me-1"></i>Register Another
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.ABHA REGISTER TAB PANE -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- /.content -->
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var csrfToken = function() {
|
|
return $('input[name="<?= csrf_token() ?>"]').first().val() || '<?= csrf_hash() ?>';
|
|
};
|
|
|
|
function pickApiMessage(resp, fallbackText) {
|
|
var r = resp || {};
|
|
var candidates = [
|
|
r.error_text,
|
|
r.message,
|
|
r.description,
|
|
r.error && r.error.message,
|
|
r.error && r.error.description,
|
|
r.error && r.error.code,
|
|
r.data && r.data.message,
|
|
r.data && r.data.description,
|
|
r.data && r.data.error && r.data.error.message,
|
|
r.data && r.data.error && r.data.error.description,
|
|
r.data && r.data.error && r.data.error.code
|
|
];
|
|
|
|
for (var i = 0; i < candidates.length; i++) {
|
|
if (typeof candidates[i] === 'string' && candidates[i].trim() !== '') {
|
|
return candidates[i].trim();
|
|
}
|
|
}
|
|
|
|
return fallbackText;
|
|
}
|
|
|
|
function syncAdvancedSearchFields() {
|
|
var searchBy = String($('#adv_search_by').val() || '');
|
|
var ageMode = String($('#adv_age_mode').val() || 'approx');
|
|
var isAge = searchBy === 'age';
|
|
var isReferBy = searchBy === 'refer_by';
|
|
|
|
$('#adv_value_col').toggleClass('d-none', isAge);
|
|
$('#adv_age_mode_col').toggleClass('d-none', !isAge);
|
|
|
|
if (!isAge) {
|
|
$('#adv_search_value').attr('placeholder', isReferBy ? 'Type referral name' : 'Enter value');
|
|
if (isReferBy) {
|
|
$('#adv_search_value').attr('list', 'adv_refer_by_list');
|
|
} else {
|
|
$('#adv_search_value').removeAttr('list');
|
|
}
|
|
}
|
|
|
|
if (!isAge) {
|
|
$('#adv_age_approx_col,#adv_age_tolerance_col,#adv_age_from_col,#adv_age_to_col').addClass('d-none');
|
|
$('#adv_age_value,#adv_age_from,#adv_age_to').val('');
|
|
$('#adv_age_tolerance').val('2');
|
|
$('#adv_age_effective_hint').text('Approx range: -');
|
|
return;
|
|
}
|
|
|
|
if (ageMode === 'between') {
|
|
$('#adv_age_approx_col,#adv_age_tolerance_col').addClass('d-none');
|
|
$('#adv_age_value').val('');
|
|
$('#adv_age_tolerance').val('2');
|
|
$('#adv_age_effective_hint').text('Approx range: -');
|
|
$('#adv_age_from_col,#adv_age_to_col').removeClass('d-none');
|
|
} else {
|
|
$('#adv_age_from_col,#adv_age_to_col').addClass('d-none');
|
|
$('#adv_age_from,#adv_age_to').val('');
|
|
$('#adv_age_approx_col').removeClass('d-none');
|
|
$('#adv_age_tolerance_col').removeClass('d-none');
|
|
syncAgeApproxHint();
|
|
}
|
|
}
|
|
|
|
function syncAgeApproxHint() {
|
|
var ageValue = parseInt($('#adv_age_value').val(), 10);
|
|
var tolerance = parseInt($('#adv_age_tolerance').val(), 10);
|
|
|
|
if (isNaN(tolerance) || tolerance < 0) {
|
|
tolerance = 0;
|
|
}
|
|
if (tolerance > 20) {
|
|
tolerance = 20;
|
|
}
|
|
|
|
if (isNaN(ageValue) || ageValue < 0) {
|
|
$('#adv_age_effective_hint').text('Approx range: -');
|
|
return;
|
|
}
|
|
|
|
var minAge = Math.max(0, ageValue - tolerance);
|
|
var maxAge = ageValue + tolerance;
|
|
$('#adv_age_effective_hint').text('Approx range: ' + minAge + ' to ' + maxAge + ' years');
|
|
}
|
|
|
|
function getDatalistValues(listId) {
|
|
return $('#' + listId + ' option').map(function() {
|
|
return String($(this).val() || '').trim().toUpperCase();
|
|
}).get().filter(function(v) {
|
|
return v !== '';
|
|
});
|
|
}
|
|
|
|
function validateAdvancedReferBy() {
|
|
var searchBy = String($('#adv_search_by').val() || '');
|
|
if (searchBy !== 'refer_by') {
|
|
return true;
|
|
}
|
|
|
|
var typedValue = String($('#adv_search_value').val() || '').trim();
|
|
if (typedValue === '') {
|
|
return true;
|
|
}
|
|
|
|
var allowedValues = getDatalistValues('adv_refer_by_list');
|
|
var typedUpper = typedValue.toUpperCase();
|
|
var isValid = allowedValues.indexOf(typedUpper) !== -1;
|
|
|
|
if (!isValid) {
|
|
if (typeof notify === 'function') {
|
|
notify('warning', 'Please Attention', 'Refer By must be selected from Refer Master list.');
|
|
}
|
|
$('#adv_search_value').focus();
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
function validateReferByAgainstMaster(inputSelector, listId) {
|
|
var typedValue = String($(inputSelector).val() || '').trim();
|
|
if (typedValue === '') {
|
|
return true;
|
|
}
|
|
|
|
var allowedValues = getDatalistValues(listId);
|
|
var typedUpper = typedValue.toUpperCase();
|
|
var isValid = allowedValues.indexOf(typedUpper) !== -1;
|
|
|
|
if (!isValid) {
|
|
if (typeof notify === 'function') {
|
|
notify('warning', 'Please Attention', 'Refer By must be selected from Refer Master list.');
|
|
}
|
|
$(inputSelector).focus();
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
$('#toggle_advanced_search').on('click', function() {
|
|
$('#advanced_search_panel').stop(true, true).slideToggle(120);
|
|
});
|
|
|
|
$('#adv_search_by').on('change', syncAdvancedSearchFields);
|
|
$('#adv_age_mode').on('change', syncAdvancedSearchFields);
|
|
$('#adv_age_value,#adv_age_tolerance').on('input change', syncAgeApproxHint);
|
|
$('#adv_search_value').on('blur', function() {
|
|
validateAdvancedReferBy();
|
|
});
|
|
$('#refer_by_name').on('blur', function() {
|
|
validateReferByAgainstMaster('#refer_by_name', 'refer_by_name_list');
|
|
});
|
|
syncAdvancedSearchFields();
|
|
|
|
$('form.form1').on('submit', function(form) {
|
|
if (!validateReferByAgainstMaster('#refer_by_name', 'refer_by_name_list')) {
|
|
form.preventDefault();
|
|
return;
|
|
}
|
|
|
|
$("#RegisterPatient").prop("disabled", true);
|
|
form.preventDefault();
|
|
|
|
$.post('<?= base_url('billing/patient/create') ?>', $('form.form1').serialize(), function(data) {
|
|
if (data.insertid == 0) {
|
|
notify('error', 'Please Attention', data.error_text);
|
|
$("#RegisterPatient").prop("disabled", false);
|
|
} else {
|
|
load_form('<?= base_url('billing/patient/person_record') ?>/' + data.insertid, 'Patient Record');
|
|
}
|
|
}, 'json');
|
|
});
|
|
|
|
function runPatientSearch(payload, triggerButton, buttonText) {
|
|
var loadingDiv = $('#search_loading');
|
|
var originalText = buttonText || triggerButton.text();
|
|
|
|
loadingDiv.show();
|
|
triggerButton.prop('disabled', true);
|
|
triggerButton.text('Searching...');
|
|
|
|
$.post('<?= base_url('billing/patient/search') ?>', payload, function(data) {
|
|
$('div.searchresult').html(data);
|
|
loadingDiv.hide();
|
|
triggerButton.prop('disabled', false);
|
|
triggerButton.text(originalText);
|
|
}).fail(function() {
|
|
loadingDiv.hide();
|
|
triggerButton.prop('disabled', false);
|
|
triggerButton.text(originalText);
|
|
});
|
|
}
|
|
|
|
$('form.form2').on('submit', function(form) {
|
|
form.preventDefault();
|
|
|
|
// Classic Go search should keep old behavior: only txtsearch + csrf.
|
|
var basicFields = $('form.form2').serializeArray().filter(function(field) {
|
|
return field.name.indexOf('adv_') !== 0;
|
|
});
|
|
|
|
var searchBtn = $('form.form2 button[type="submit"]');
|
|
runPatientSearch($.param(basicFields), searchBtn, 'Go!');
|
|
});
|
|
|
|
$('#btn_advanced_search').on('click', function() {
|
|
if (!validateAdvancedReferBy()) {
|
|
return;
|
|
}
|
|
var advancedBtn = $(this);
|
|
runPatientSearch($('form.form2').serialize(), advancedBtn, 'Search Advanced');
|
|
});
|
|
|
|
/* ===================== ABHA CREATION WIZARD ===================== */
|
|
(function () {
|
|
var txnId = null; // transaction id from ABDM API
|
|
var mobile = ''; // mobile to register with the new ABHA
|
|
|
|
function abhaStep(step) {
|
|
$('#abha_step_1,#abha_step_2,#abha_step_3,#abha_step_4').hide();
|
|
$('#abha_step_' + step).show();
|
|
// update progress nodes
|
|
for (var i = 1; i <= 4; i++) {
|
|
var $n = $('#abha_node_' + i);
|
|
var $b = $('#abha_badge_' + i);
|
|
$n.removeClass('active done');
|
|
if (i < step) {
|
|
$n.addClass('done');
|
|
$b.html('<i class="fas fa-check fa-xs"></i>');
|
|
} else if (i === step) {
|
|
$n.addClass('active');
|
|
$b.text(i);
|
|
} else {
|
|
$b.text(i);
|
|
}
|
|
}
|
|
}
|
|
|
|
function showAlert(containerId, type, msg) {
|
|
$('#' + containerId).html('<div class="alert alert-' + type + ' py-2 mt-2">' + msg + '</div>');
|
|
}
|
|
|
|
// Apply inputmask to Aadhaar field
|
|
$('#abha_aadhaar_masked').inputmask('9999-9999-9999');
|
|
|
|
// Step 1 → Get OTP
|
|
$('#abha_get_otp_btn').on('click', function() {
|
|
var aadhaar = $('#abha_aadhaar_masked').val().replace(/\D/g, '');
|
|
if (aadhaar.length !== 12) {
|
|
showAlert('abha_step1_alert', 'danger', 'Please enter a valid 12-digit Aadhaar number.');
|
|
return;
|
|
}
|
|
var mobileVal = $('#abha_reg_mobile').val().trim();
|
|
if (!/^\d{10}$/.test(mobileVal)) {
|
|
showAlert('abha_step1_alert', 'danger', 'Please enter a valid 10-digit mobile number for ABHA.');
|
|
return;
|
|
}
|
|
if (!$('#abha_consent_chk').is(':checked')) {
|
|
showAlert('abha_step1_alert', 'warning', 'You must agree to the Terms and Conditions to proceed.');
|
|
return;
|
|
}
|
|
mobile = mobileVal;
|
|
$('#abha_step1_alert').html('');
|
|
$('#abha_get_otp_spinner').removeClass('d-none');
|
|
$('#abha_get_otp_btn').prop('disabled', true);
|
|
|
|
$.post('<?= base_url('abha/create/initiate') ?>', {
|
|
aadhaar: aadhaar,
|
|
auth_type: $('#abha_auth_type').val(),
|
|
'<?= csrf_token() ?>': csrfToken()
|
|
}, function(resp) {
|
|
$('#abha_get_otp_spinner').addClass('d-none');
|
|
$('#abha_get_otp_btn').prop('disabled', false);
|
|
if (resp && resp.ok == 1) {
|
|
txnId = resp.txn_id || null;
|
|
abhaStep(2);
|
|
} else {
|
|
showAlert('abha_step1_alert', 'danger', pickApiMessage(resp, 'Failed to send OTP. Please try again.'));
|
|
}
|
|
}, 'json').fail(function() {
|
|
$('#abha_get_otp_spinner').addClass('d-none');
|
|
$('#abha_get_otp_btn').prop('disabled', false);
|
|
showAlert('abha_step1_alert', 'danger', 'Server error. Please try again.');
|
|
});
|
|
});
|
|
|
|
// Back to step 1
|
|
$('#abha_back_step1_btn').on('click', function() { abhaStep(1); });
|
|
|
|
// Resend OTP
|
|
$('#abha_resend_otp_btn').on('click', function() {
|
|
$('#abha_get_otp_btn').trigger('click');
|
|
});
|
|
|
|
function renderWizardStep4Result(resp) {
|
|
var abhaNum = resp.abha_number || '';
|
|
var abhaDisp = abhaNum.replace(/(\d{2})(\d{4})(\d{4})(\d{4})/, '$1-$2-$3-$4');
|
|
var abhaRaw = abhaNum.replace(/\D/g, '');
|
|
var patMsg = '';
|
|
if (resp.patient_id > 0) {
|
|
patMsg = resp.is_new_patient
|
|
? '<span class="badge bg-success ms-1">New Patient Registered</span>'
|
|
: '<span class="badge bg-info ms-1">Patient Found</span>';
|
|
patMsg += ' <small class="text-muted">HMS ID: <strong>' + (resp.p_code || '') + '</strong></small>';
|
|
}
|
|
var cardBtn = abhaRaw.length === 14
|
|
? ' <a href="<?= base_url('abha/card/') ?>' + abhaRaw + '" target="_blank" class="btn btn-sm btn-outline-primary mt-1"><i class="bi bi-card-image me-1"></i>View/Print ABHA Card</a>'
|
|
: '';
|
|
$('#abha_created_result').html(
|
|
'<div class="alert alert-success">' +
|
|
'<i class="bi bi-check-circle-fill me-2"></i>' +
|
|
'<strong>ABHA Number Created!</strong><br>' +
|
|
(abhaDisp ? 'ABHA: <strong>' + abhaDisp + '</strong><br>' : '') +
|
|
(resp.name ? 'Name: ' + resp.name + '<br>' : '') +
|
|
patMsg +
|
|
cardBtn +
|
|
'</div>'
|
|
);
|
|
abhaStep(4);
|
|
}
|
|
|
|
// Step 2 → Verify OTP
|
|
$('#abha_verify_otp_btn').on('click', function() {
|
|
var otp = $('#abha_otp_input').val().trim();
|
|
if (!/^\d{6}$/.test(otp)) {
|
|
showAlert('abha_step2_alert', 'danger', 'Please enter the 6-digit OTP.');
|
|
return;
|
|
}
|
|
$('#abha_step2_alert').html('');
|
|
$('#abha_verify_otp_spinner').removeClass('d-none');
|
|
$('#abha_verify_otp_btn').prop('disabled', true);
|
|
|
|
$.post('<?= base_url('abha/create/verify_otp') ?>', {
|
|
otp: otp,
|
|
txn_id: txnId,
|
|
mobile: mobile,
|
|
'<?= csrf_token() ?>': csrfToken()
|
|
}, function(resp) {
|
|
$('#abha_verify_otp_spinner').addClass('d-none');
|
|
$('#abha_verify_otp_btn').prop('disabled', false);
|
|
if (resp && resp.ok == 1) {
|
|
txnId = resp.txn_id || txnId;
|
|
if (resp.need_confirmation) {
|
|
window.AbhaPatientMatchModal.open(resp, resp.candidates || [], function(finalResp) {
|
|
renderWizardStep4Result(finalResp);
|
|
});
|
|
} else {
|
|
renderWizardStep4Result(resp);
|
|
}
|
|
} else {
|
|
showAlert('abha_step2_alert', 'danger', pickApiMessage(resp, 'Invalid OTP. Please try again.'));
|
|
}
|
|
}, 'json').fail(function() {
|
|
$('#abha_verify_otp_spinner').addClass('d-none');
|
|
$('#abha_verify_otp_btn').prop('disabled', false);
|
|
showAlert('abha_step2_alert', 'danger', 'Server error. Please try again.');
|
|
});
|
|
});
|
|
|
|
})();
|
|
/* =============================================================== */
|
|
|
|
/* ===== LINK ABHA (Verify tab) — Mobile OTP flow ===== */
|
|
(function() {
|
|
var linkTxnId = null;
|
|
|
|
function linkAlert(id, type, msg) {
|
|
$('#' + id).html(msg ? '<div class="alert alert-' + type + ' py-2 mt-2">' + msg + '</div>' : '');
|
|
}
|
|
|
|
$('#abha_link_send_otp_btn').on('click', function() {
|
|
var mobile = $('#abha_link_mobile').val().trim();
|
|
if (!/^\d{10}$/.test(mobile)) {
|
|
linkAlert('link_step1_alert', 'danger', 'Please enter a valid 10-digit mobile number.');
|
|
return;
|
|
}
|
|
linkAlert('link_step1_alert', '', '');
|
|
$('#abha_link_send_spinner').removeClass('d-none');
|
|
$('#abha_link_send_otp_btn').prop('disabled', true);
|
|
|
|
$.post('<?= base_url('abha/create/communication') ?>', {
|
|
mobile: mobile,
|
|
'<?= csrf_token() ?>': csrfToken()
|
|
}, function(resp) {
|
|
$('#abha_link_send_spinner').addClass('d-none');
|
|
$('#abha_link_send_otp_btn').prop('disabled', false);
|
|
if (resp && resp.ok == 1) {
|
|
linkTxnId = resp.txn_id || null;
|
|
$('#link_step_2').show();
|
|
linkAlert('link_step1_alert', 'success', 'OTP sent to mobile ending ' + mobile.slice(-4) + '.');
|
|
} else {
|
|
linkAlert('link_step1_alert', 'danger', pickApiMessage(resp, 'Failed to send OTP.'));
|
|
}
|
|
}, 'json').fail(function() {
|
|
$('#abha_link_send_spinner').addClass('d-none');
|
|
$('#abha_link_send_otp_btn').prop('disabled', false);
|
|
linkAlert('link_step1_alert', 'danger', 'Server error. Please try again.');
|
|
});
|
|
});
|
|
|
|
$('#abha_link_resend_btn').on('click', function() {
|
|
$('#abha_link_otp_input').val('');
|
|
$('#link_step_2').hide();
|
|
linkAlert('link_step2_alert', '', '');
|
|
$('#abha_link_send_otp_btn').trigger('click');
|
|
});
|
|
|
|
function renderLinkResult(resp) {
|
|
var abhaNum = resp.abha_number || '';
|
|
var abhaDisp = abhaNum.replace(/(\d{2})(\d{4})(\d{4})(\d{4})/, '$1-$2-$3-$4');
|
|
var abhaRaw = abhaNum.replace(/\D/g, '');
|
|
var patMsg = '';
|
|
if (resp.patient_id > 0) {
|
|
patMsg = resp.is_new_patient
|
|
? '<span class="badge bg-success ms-1">New Patient Registered</span>'
|
|
: '<span class="badge bg-info ms-1">Patient Found</span>';
|
|
patMsg += ' <small class="text-muted">HMS ID: <strong>' + (resp.p_code || '') + '</strong></small>';
|
|
}
|
|
var cardBtn = abhaRaw.length === 14
|
|
? '<br><a href="<?= base_url('abha/card/') ?>' + abhaRaw + '" target="_blank" class="btn btn-sm btn-outline-primary mt-2"><i class="bi bi-card-image me-1"></i>View/Print ABHA Card</a>'
|
|
: '';
|
|
$('#link_result').html(
|
|
'<div class="alert alert-success">' +
|
|
'<i class="bi bi-check-circle-fill me-2"></i>' +
|
|
'<strong>ABHA Found!</strong><br>' +
|
|
(abhaDisp ? 'ABHA: <strong>' + abhaDisp + '</strong><br>' : '') +
|
|
(resp.name ? 'Name: ' + resp.name + '<br>' : '') +
|
|
(resp.gender ? 'Gender: ' + resp.gender + '<br>' : '') +
|
|
(resp.dob ? 'DOB: ' + resp.dob + '<br>' : '') +
|
|
patMsg + cardBtn +
|
|
'</div>'
|
|
);
|
|
}
|
|
|
|
$('#abha_link_verify_otp_btn').on('click', function() {
|
|
var otp = $('#abha_link_otp_input').val().trim();
|
|
if (!/^\d{6}$/.test(otp)) {
|
|
linkAlert('link_step2_alert', 'danger', 'Please enter the 6-digit OTP.');
|
|
return;
|
|
}
|
|
linkAlert('link_step2_alert', '', '');
|
|
$('#abha_link_verify_spinner').removeClass('d-none');
|
|
$('#abha_link_verify_otp_btn').prop('disabled', true);
|
|
|
|
$.post('<?= base_url('abha/create/verify_comm_otp') ?>', {
|
|
otp: otp,
|
|
txn_id: linkTxnId,
|
|
mobile: $('#abha_link_mobile').val().trim(),
|
|
'<?= csrf_token() ?>': csrfToken()
|
|
}, function(resp) {
|
|
$('#abha_link_verify_spinner').addClass('d-none');
|
|
$('#abha_link_verify_otp_btn').prop('disabled', false);
|
|
if (resp && resp.ok == 1) {
|
|
if (resp.need_confirmation) {
|
|
window.AbhaPatientMatchModal.open(resp, resp.candidates || [], function(finalResp) {
|
|
renderLinkResult(finalResp);
|
|
});
|
|
} else {
|
|
renderLinkResult(resp);
|
|
}
|
|
} else {
|
|
linkAlert('link_step2_alert', 'danger', pickApiMessage(resp, 'OTP verification failed.'));
|
|
}
|
|
}, 'json').fail(function() {
|
|
$('#abha_link_verify_spinner').addClass('d-none');
|
|
$('#abha_link_verify_otp_btn').prop('disabled', false);
|
|
linkAlert('link_step2_alert', 'danger', 'Server error. Please try again.');
|
|
});
|
|
});
|
|
})();
|
|
/* =============================================================== */
|
|
|
|
$('#abha_bridge_test_btn').on('click', function() {
|
|
var abhaId = '12345678901234';
|
|
|
|
$('#abha_bridge_test_result').html('');
|
|
$('#abha_bridge_test_spinner').removeClass('d-none');
|
|
$('#abha_bridge_test_btn').prop('disabled', true);
|
|
|
|
$.post('<?= base_url('AbdmGateway/bridge_test_event') ?>', {
|
|
abha_id: abhaId,
|
|
'<?= csrf_token() ?>': $('input[name="<?= csrf_token() ?>"]').first().val()
|
|
}, function(resp) {
|
|
$('#abha_bridge_test_spinner').addClass('d-none');
|
|
$('#abha_bridge_test_btn').prop('disabled', false);
|
|
|
|
if (resp && resp.ok == 1) {
|
|
var html = '<div class="alert alert-success py-2">'
|
|
+ '<strong>' + (resp.message || 'Bridge test success') + '</strong><br>'
|
|
+ 'Connector: <code>' + (resp.connector || '-') + '</code><br>'
|
|
+ 'Bridge URL: <code>' + (resp.bridge_url || '-') + '</code><br>'
|
|
+ 'Queue ID: <code>' + (resp.queue_id || '-') + '</code>'
|
|
+ '</div>';
|
|
$('#abha_bridge_test_result').html(html);
|
|
} else {
|
|
$('#abha_bridge_test_result').html('<div class="alert alert-danger py-2">' + pickApiMessage(resp, 'Bridge test failed') + '</div>');
|
|
}
|
|
}, 'json').fail(function(xhr) {
|
|
$('#abha_bridge_test_spinner').addClass('d-none');
|
|
$('#abha_bridge_test_btn').prop('disabled', false);
|
|
var msg = 'Bridge test failed due to server error.';
|
|
if (xhr && xhr.responseJSON && xhr.responseJSON.error_text) {
|
|
msg = xhr.responseJSON.error_text;
|
|
}
|
|
$('#abha_bridge_test_result').html('<div class="alert alert-danger py-2">' + msg + '</div>');
|
|
});
|
|
});
|
|
|
|
/* ===================== ABHA REGISTRATION WIZARD ===================== */
|
|
(function() {
|
|
var regTxnId = null;
|
|
var html5QrCode = null;
|
|
var qrScriptLoaded = false;
|
|
var qrScriptLoading = false;
|
|
var qrCameraStorageKey = 'abha_qr_preferred_camera';
|
|
var qrSelectedCamera = '';
|
|
var facilityQrLoaded = false;
|
|
var qrCleanupRequested = false;
|
|
var csrf = function() { return $('input[name="<?= csrf_token() ?>"]').first().val(); };
|
|
|
|
try {
|
|
qrSelectedCamera = window.localStorage.getItem(qrCameraStorageKey) || '';
|
|
} catch (e) {
|
|
qrSelectedCamera = '';
|
|
}
|
|
|
|
var methodMeta = {
|
|
number: { icon: '🆔', title: 'By ABHA Number/Address', sub: 'Secure modal verification' },
|
|
qr: { icon: '📷', title: 'Scan Patient ABHA QR', sub: 'Camera → ABHA extracted → OTP verify' },
|
|
facility: { icon: '🏥', title: 'Scan Facility QR', sub: 'Patient scans via ABHA app' },
|
|
mobile: { icon: '📱', title: 'By Mobile OTP', sub: 'OTP to ABHA-linked mobile' }
|
|
};
|
|
|
|
window.abhaRegSelectMethod = function(method) {
|
|
regTxnId = null;
|
|
$('.abhareg-method-card').removeClass('border-primary bg-primary-subtle shadow-sm');
|
|
$('[data-method="' + method + '"]').addClass('border-primary bg-primary-subtle shadow-sm');
|
|
var m = methodMeta[method];
|
|
$('#abhareg_banner_icon').text(m.icon);
|
|
$('#abhareg_banner_title').text(m.title);
|
|
$('#abhareg_banner_sub').text(m.sub);
|
|
$('#abhareg_active_banner').removeClass('d-none');
|
|
$('.abhareg-panel').addClass('d-none');
|
|
$('#abhareg_panel_' + method).removeClass('d-none');
|
|
$('#abhareg_result').addClass('d-none');
|
|
if (method === 'number') {
|
|
$('#abhareg_panel_number').addClass('d-none');
|
|
openAbhaAccountVerification('', null);
|
|
} else if (method === 'qr') { initQrScanner(); }
|
|
else { stopQrScanner(); }
|
|
if (method === 'facility') { loadFacilityQr(false); }
|
|
};
|
|
|
|
function openAbhaAccountVerification(identifier, lookupResponse) {
|
|
if (!window.AbhaVerifyModal) {
|
|
regAlert('abhareg_num_stepA_alert', 'danger', 'ABHA verification modal is unavailable. Reload the page and try again.');
|
|
return;
|
|
}
|
|
window.AbhaVerifyModal.open(identifier || '', lookupResponse || null, function(profile) {
|
|
window.AbhaPatientMatchModal.open(profile, profile.candidates || [], function(finalResponse) {
|
|
showRegResult(finalResponse);
|
|
});
|
|
});
|
|
}
|
|
|
|
window.abhaRegReset = function() {
|
|
regTxnId = null;
|
|
stopQrScanner();
|
|
$('.abhareg-method-card').removeClass('border-primary bg-primary-subtle shadow-sm');
|
|
$('#abhareg_active_banner').addClass('d-none');
|
|
$('.abhareg-panel').addClass('d-none');
|
|
$('#abhareg_result').addClass('d-none');
|
|
$('#abhareg_abha_input').val('');
|
|
$('#abhareg_abha_status,#abhareg_num_stepA_alert,#abhareg_num_stepB_alert,#abhareg_num_stepC_alert').html('');
|
|
$('#abhareg_num_mobile,#abhareg_num_otp_input').val('');
|
|
$('#abhareg_num_stepB,#abhareg_num_stepC').addClass('d-none');
|
|
$('#abhareg_num_stepA').removeClass('d-none');
|
|
$('#abhareg_goto_stepB').addClass('d-none');
|
|
$('#abhareg_mob_mobile,#abhareg_mob_otp_input').val('');
|
|
$('#abhareg_mob_step2').addClass('d-none');
|
|
$('#abhareg_mob_step1_alert,#abhareg_mob_step2_alert').html('');
|
|
};
|
|
|
|
function loadFacilityQr(force) {
|
|
if (facilityQrLoaded && !force) {
|
|
return;
|
|
}
|
|
|
|
$('#abhareg_facility_alert').html('');
|
|
$('#abhareg_facility_loading').removeClass('d-none').html('<span class="spinner-border spinner-border-sm me-1"></span>Loading facility QR...');
|
|
$('#abhareg_facility_qr_img,#abhareg_facility_print_btn').addClass('d-none');
|
|
$('#abhareg_facility_refresh_btn').prop('disabled', true);
|
|
|
|
$.getJSON('<?= base_url('abha/register/facility_qr') ?>', function(resp) {
|
|
if (!resp || resp.ok != 1 || !resp.qr_data) {
|
|
var msg = pickApiMessage(resp, 'Unable to load Health Facility QR.');
|
|
$('#abhareg_facility_loading').html('');
|
|
$('#abhareg_facility_alert').html('<div class="alert alert-danger py-2">' + msg + '</div>');
|
|
return;
|
|
}
|
|
|
|
var qrData = String(resp.qr_data || '');
|
|
if (qrData && qrData.indexOf('data:image') !== 0) {
|
|
qrData = 'data:image/png;base64,' + qrData;
|
|
}
|
|
|
|
facilityQrLoaded = true;
|
|
$('#abhareg_facility_qr_img').attr('src', qrData).removeClass('d-none');
|
|
$('#abhareg_facility_loading').addClass('d-none');
|
|
$('#abhareg_facility_print_btn').removeClass('d-none');
|
|
$('#abhareg_facility_name').text(resp.hospital_name || '—');
|
|
$('#abhareg_facility_hfr').text(resp.hfr_id || '—');
|
|
$('#abhareg_facility_qr_img').data('hospitalName', resp.hospital_name || 'Health Facility');
|
|
$('#abhareg_facility_qr_img').data('hfrId', resp.hfr_id || '');
|
|
}).fail(function(xhr) {
|
|
var msg = 'Unable to load Health Facility QR.';
|
|
if (xhr && xhr.responseJSON && xhr.responseJSON.error_text) {
|
|
msg = xhr.responseJSON.error_text;
|
|
}
|
|
$('#abhareg_facility_loading').html('');
|
|
$('#abhareg_facility_alert').html('<div class="alert alert-danger py-2">' + msg + '</div>');
|
|
}).always(function() {
|
|
$('#abhareg_facility_refresh_btn').prop('disabled', false);
|
|
});
|
|
}
|
|
|
|
function printFacilityQr() {
|
|
var qrSrc = $('#abhareg_facility_qr_img').attr('src') || '';
|
|
if (!qrSrc) {
|
|
return;
|
|
}
|
|
|
|
var hospitalName = $('#abhareg_facility_qr_img').data('hospitalName') || 'Health Facility';
|
|
var hfrId = $('#abhareg_facility_qr_img').data('hfrId') || '';
|
|
var safeHospitalName = $('<div>').text(hospitalName).html();
|
|
var safeHfrId = $('<div>').text(hfrId).html();
|
|
var printWindow = window.open('', '_blank', 'width=520,height=680');
|
|
if (!printWindow) {
|
|
alert('Please allow pop-ups to print the facility QR.');
|
|
return;
|
|
}
|
|
|
|
printWindow.document.write('<!doctype html><html><head><title>Health Facility QR</title>'
|
|
+ '<style>body{font-family:Arial,sans-serif;text-align:center;padding:28px;color:#111}h2{margin:0 0 8px;font-size:22px}.muted{color:#555;margin-bottom:18px}.qr{width:320px;max-width:90%;border:1px solid #ddd;padding:14px}.hint{margin-top:18px;font-size:14px;line-height:1.5}@media print{button{display:none}}</style>'
|
|
+ '</head><body><h2>' + safeHospitalName + '</h2>'
|
|
+ '<div class="muted">Health Facility QR' + (safeHfrId ? ' | HFR ID: ' + safeHfrId : '') + '</div>'
|
|
+ '<img class="qr" src="' + qrSrc + '" alt="Health Facility QR">'
|
|
+ '<div class="hint">Scan this QR using ABHA / PHR app for Scan & Share OPD registration.</div>'
|
|
+ '<p><button onclick="window.print()">Print</button></p></body></html>');
|
|
printWindow.document.close();
|
|
printWindow.focus();
|
|
}
|
|
|
|
function regAlert(id, type, msg) {
|
|
$('#' + id).html(msg ? '<div class="alert alert-' + type + ' py-2">' + msg + '</div>' : '');
|
|
}
|
|
|
|
function saveQrSelectedCamera(cameraId) {
|
|
qrSelectedCamera = cameraId || '';
|
|
try {
|
|
if (qrSelectedCamera) {
|
|
window.localStorage.setItem(qrCameraStorageKey, qrSelectedCamera);
|
|
} else {
|
|
window.localStorage.removeItem(qrCameraStorageKey);
|
|
}
|
|
} catch (e) {
|
|
}
|
|
}
|
|
|
|
function populateQrCameraSelect(cameras, preferredCameraId) {
|
|
var $select = $('#abhareg_qr_camera_select');
|
|
if (!$select.length) {
|
|
return;
|
|
}
|
|
var currentValue = preferredCameraId || qrSelectedCamera || $select.val() || '';
|
|
var optionsHtml = '<option value="">Default camera</option>';
|
|
(cameras || []).forEach(function(camera, index) {
|
|
var label = camera.label || ('Camera ' + (index + 1));
|
|
var value = camera.id || camera.deviceId || '';
|
|
var selectedAttr = value && value === currentValue ? ' selected' : '';
|
|
optionsHtml += '<option value="' + $('<div>').text(value).html() + '"' + selectedAttr + '>' + $('<div>').text(label).html() + '</option>';
|
|
});
|
|
$select.html(optionsHtml);
|
|
if (currentValue) {
|
|
$select.val(currentValue);
|
|
if ($select.val() !== currentValue) {
|
|
$select.val('');
|
|
saveQrSelectedCamera('');
|
|
}
|
|
} else {
|
|
$select.val('');
|
|
}
|
|
}
|
|
|
|
function loadQrScannerScript(onReady) {
|
|
if (qrScriptLoaded && typeof window.Html5Qrcode !== 'undefined') {
|
|
onReady();
|
|
return;
|
|
}
|
|
if (qrScriptLoading) {
|
|
var waitReady = function() {
|
|
if (qrScriptLoaded && typeof window.Html5Qrcode !== 'undefined') {
|
|
onReady();
|
|
} else {
|
|
window.setTimeout(waitReady, 100);
|
|
}
|
|
};
|
|
waitReady();
|
|
return;
|
|
}
|
|
|
|
qrScriptLoading = true;
|
|
var script = document.createElement('script');
|
|
script.src = 'https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js';
|
|
script.onload = function() {
|
|
qrScriptLoading = false;
|
|
qrScriptLoaded = true;
|
|
onReady();
|
|
};
|
|
script.onerror = function() {
|
|
qrScriptLoading = false;
|
|
$('#abhareg_qr_result').html('<div class="alert alert-warning py-2">Unable to load QR scanner library.</div>');
|
|
};
|
|
document.head.appendChild(script);
|
|
}
|
|
|
|
function startQrScanner(cameraId) {
|
|
if (typeof window.Html5Qrcode === 'undefined') {
|
|
return;
|
|
}
|
|
|
|
qrCleanupRequested = false;
|
|
var selectedCameraId = typeof cameraId === 'string' ? cameraId : ($('#abhareg_qr_camera_select').val() || qrSelectedCamera || '');
|
|
|
|
if (!html5QrCode) {
|
|
html5QrCode = new window.Html5Qrcode('abhareg_qr_reader');
|
|
}
|
|
|
|
$('#abhareg_qr_stop_btn').removeClass('d-none');
|
|
$('#abhareg_qr_result').html('');
|
|
|
|
window.Html5Qrcode.getCameras().then(function(cameras) {
|
|
populateQrCameraSelect(cameras, selectedCameraId);
|
|
|
|
var cameraConfig = selectedCameraId
|
|
? { deviceId: { exact: selectedCameraId } }
|
|
: { facingMode: 'environment' };
|
|
|
|
html5QrCode.start(
|
|
cameraConfig,
|
|
{ fps: 10, qrbox: { width: 250, height: 250 } },
|
|
function(decodedText) {
|
|
stopQrScanner();
|
|
var abha = decodedText.trim();
|
|
var numMatch = abha.match(/\d{14}/);
|
|
if (numMatch) { abha = numMatch[0]; }
|
|
$('#abhareg_qr_result').html('<div class="alert alert-success py-2"><i class="bi bi-qr-code me-2"></i>QR scanned: <strong>' + abha + '</strong></div>');
|
|
openAbhaAccountVerification(abha, null);
|
|
},
|
|
function() {}
|
|
).then(function() {
|
|
if (qrCleanupRequested) {
|
|
stopQrScanner();
|
|
return;
|
|
}
|
|
saveQrSelectedCamera(selectedCameraId);
|
|
}).catch(function(err) {
|
|
if (selectedCameraId) {
|
|
saveQrSelectedCamera('');
|
|
$('#abhareg_qr_camera_select').val('');
|
|
stopQrScanner().then(function() {
|
|
initQrScanner('');
|
|
});
|
|
return;
|
|
}
|
|
$('#abhareg_qr_result').html('<div class="alert alert-warning py-2">Camera error: ' + err + '. Please allow camera access.</div>');
|
|
});
|
|
}).catch(function(err) {
|
|
$('#abhareg_qr_result').html('<div class="alert alert-warning py-2">Unable to list cameras: ' + err + '</div>');
|
|
});
|
|
}
|
|
|
|
function showRegResult(resp) {
|
|
var abhaNum = resp.abha_number || '';
|
|
var abhaDisp = abhaNum.replace(/(\d{2})(\d{4})(\d{4})(\d{4})/, '$1-$2-$3-$4');
|
|
var abhaRaw = abhaNum.replace(/\D/g, '');
|
|
var isNew = resp.is_new_patient;
|
|
var patId = resp.patient_id || 0;
|
|
var pCode = resp.p_code || '';
|
|
var badge = isNew
|
|
? '<span class="badge bg-success me-2">New Patient Registered</span>'
|
|
: '<span class="badge bg-info text-dark me-2">Returning Patient Found</span>';
|
|
$('#abhareg_result_status_badge').html(badge + 'Identity Verified via ABHA');
|
|
$('#abhareg_result_name').text(resp.name || '—');
|
|
$('#abhareg_result_abha').text(abhaDisp || '');
|
|
var details = [];
|
|
if (resp.gender) details.push(resp.gender==='M'||resp.gender==='1'?'Male':(resp.gender==='F'||resp.gender==='2'?'Female':resp.gender));
|
|
if (resp.dob) details.push('DOB: ' + resp.dob);
|
|
if (resp.mobile) details.push('Mobile: ' + String(resp.mobile).replace(/(\d{6})(\d{4})/, '******$2'));
|
|
$('#abhareg_result_details').text(details.join(' | '));
|
|
$('#abhareg_result_hms').html(pCode ? '<small class="text-muted">HMS ID: <strong>' + pCode + '</strong></small>' : '');
|
|
if (resp.photo) {
|
|
var src = String(resp.photo).startsWith('data:') ? resp.photo : 'data:image/jpeg;base64,' + resp.photo;
|
|
$('#abhareg_result_photo').attr('src', src).removeClass('d-none');
|
|
$('#abhareg_result_photo_ph').addClass('d-none');
|
|
} else {
|
|
$('#abhareg_result_photo').addClass('d-none');
|
|
$('#abhareg_result_photo_ph').removeClass('d-none');
|
|
}
|
|
if (patId > 0) {
|
|
$('#abhareg_result_profile_btn').attr('data-url', '<?= base_url('billing/patient/person_record') ?>/' + patId).removeClass('d-none');
|
|
}
|
|
if (abhaRaw.length === 14) {
|
|
$('#abhareg_result_card_btn').attr('href', '<?= base_url('abha/card/') ?>' + abhaRaw).removeClass('d-none');
|
|
}
|
|
$('#abhareg_result').removeClass('d-none');
|
|
$('html,body').animate({ scrollTop: $('#abhareg_result').offset().top - 80 }, 400);
|
|
}
|
|
|
|
// --- Method 1: Validate ABHA ---
|
|
$('#abhareg_validate_btn').on('click', function() {
|
|
var abha = $('#abhareg_abha_input').val().trim();
|
|
if (!abha) { regAlert('abhareg_num_stepA_alert', 'warning', 'Please enter ABHA number or address.'); return; }
|
|
regAlert('abhareg_num_stepA_alert', '', '');
|
|
$('#abhareg_abha_status').html('');
|
|
$('#abhareg_goto_stepB').addClass('d-none');
|
|
$('#abhareg_validate_spinner').removeClass('d-none');
|
|
$('#abhareg_validate_btn').prop('disabled', true);
|
|
$.post('<?= base_url('abha/register/validate') ?>', {
|
|
abha_id: abha,
|
|
'<?= csrf_token() ?>': csrf()
|
|
}, function(resp) {
|
|
$('#abhareg_validate_spinner').addClass('d-none');
|
|
$('#abhareg_validate_btn').prop('disabled', false);
|
|
if (resp && resp.ok == 1 && resp.status === 'VALID') {
|
|
$('#abhareg_abha_status').html('<span class="badge bg-success"><i class="bi bi-check-circle me-1"></i>VALID</span>');
|
|
openAbhaAccountVerification(abha, resp);
|
|
} else {
|
|
var msg = pickApiMessage(resp, (resp && resp.status ? 'Status: ' + resp.status : 'ABHA not found or invalid.'));
|
|
regAlert('abhareg_num_stepA_alert', 'danger', msg);
|
|
$('#abhareg_abha_status').html('<span class="badge bg-danger">INVALID</span>');
|
|
}
|
|
}, 'json').fail(function() {
|
|
$('#abhareg_validate_spinner').addClass('d-none');
|
|
$('#abhareg_validate_btn').prop('disabled', false);
|
|
regAlert('abhareg_num_stepA_alert', 'danger', 'Server error during validation.');
|
|
});
|
|
});
|
|
|
|
$('#abhareg_goto_stepB').on('click', function() {
|
|
$('#abhareg_num_stepA').addClass('d-none');
|
|
$('#abhareg_num_stepB').removeClass('d-none');
|
|
$('#abhareg_num_mobile').focus();
|
|
});
|
|
$('#abhareg_back_to_stepA').on('click', function() {
|
|
$('#abhareg_num_stepB').addClass('d-none');
|
|
$('#abhareg_num_stepA').removeClass('d-none');
|
|
});
|
|
$('#abhareg_back_to_stepB').on('click', function() {
|
|
$('#abhareg_num_stepC').addClass('d-none');
|
|
$('#abhareg_num_stepB').removeClass('d-none');
|
|
});
|
|
|
|
// --- Shared OTP functions ---
|
|
function sendOtpToMobile(mobile, alertId, spinId, btnId, onSuccess) {
|
|
if (!/^\d{10}$/.test(mobile)) { regAlert(alertId, 'warning', 'Please enter a valid 10-digit mobile number.'); return; }
|
|
regAlert(alertId, '', '');
|
|
$('#' + spinId).removeClass('d-none');
|
|
$('#' + btnId).prop('disabled', true);
|
|
$.post('<?= base_url('abha/create/communication') ?>', {
|
|
mobile: mobile, '<?= csrf_token() ?>': csrf()
|
|
}, function(resp) {
|
|
$('#' + spinId).addClass('d-none');
|
|
$('#' + btnId).prop('disabled', false);
|
|
if (resp && resp.ok == 1) {
|
|
regTxnId = resp.txn_id || null;
|
|
onSuccess(mobile);
|
|
} else {
|
|
regAlert(alertId, 'danger', pickApiMessage(resp, 'Failed to send OTP.'));
|
|
}
|
|
}, 'json').fail(function() {
|
|
$('#' + spinId).addClass('d-none');
|
|
$('#' + btnId).prop('disabled', false);
|
|
regAlert(alertId, 'danger', 'Server error. Please try again.');
|
|
});
|
|
}
|
|
|
|
function verifyOtpFromMobile(otp, alertId, spinId, btnId, mobile) {
|
|
if (!/^\d{6}$/.test(otp)) { regAlert(alertId, 'warning', 'Please enter the 6-digit OTP.'); return; }
|
|
regAlert(alertId, '', '');
|
|
$('#' + spinId).removeClass('d-none');
|
|
$('#' + btnId).prop('disabled', true);
|
|
$.post('<?= base_url('abha/create/verify_comm_otp') ?>', {
|
|
otp: otp, txn_id: regTxnId, mobile: mobile || '', '<?= csrf_token() ?>': csrf()
|
|
}, function(resp) {
|
|
$('#' + spinId).addClass('d-none');
|
|
$('#' + btnId).prop('disabled', false);
|
|
if (resp && resp.ok == 1) {
|
|
if (resp.need_confirmation) {
|
|
window.AbhaPatientMatchModal.open(resp, resp.candidates || [], function(finalResp) {
|
|
showRegResult(finalResp);
|
|
});
|
|
} else {
|
|
showRegResult(resp);
|
|
}
|
|
} else {
|
|
regAlert(alertId, 'danger', pickApiMessage(resp, 'OTP verification failed.'));
|
|
}
|
|
}, 'json').fail(function() {
|
|
$('#' + spinId).addClass('d-none');
|
|
$('#' + btnId).prop('disabled', false);
|
|
regAlert(alertId, 'danger', 'Server error. Please try again.');
|
|
});
|
|
}
|
|
|
|
// Method 1 Send/Verify
|
|
$('#abhareg_num_send_otp_btn').on('click', function() {
|
|
sendOtpToMobile($('#abhareg_num_mobile').val().trim(), 'abhareg_num_stepB_alert', 'abhareg_num_send_spinner', 'abhareg_num_send_otp_btn', function() {
|
|
$('#abhareg_num_stepB').addClass('d-none');
|
|
$('#abhareg_num_stepC').removeClass('d-none');
|
|
$('#abhareg_num_otp_input').focus();
|
|
});
|
|
});
|
|
$('#abhareg_num_verify_otp_btn').on('click', function() {
|
|
verifyOtpFromMobile($('#abhareg_num_otp_input').val().trim(), 'abhareg_num_stepC_alert', 'abhareg_num_verify_spinner', 'abhareg_num_verify_otp_btn', $('#abhareg_num_mobile').val().trim());
|
|
});
|
|
$('#abhareg_num_resend_btn').on('click', function() {
|
|
$('#abhareg_num_stepC').addClass('d-none');
|
|
$('#abhareg_num_stepB').removeClass('d-none');
|
|
$('#abhareg_num_otp_input').val('');
|
|
});
|
|
|
|
// Method 4 Send/Verify
|
|
$('#abhareg_mob_send_btn').on('click', function() {
|
|
sendOtpToMobile($('#abhareg_mob_mobile').val().trim(), 'abhareg_mob_step1_alert', 'abhareg_mob_send_spinner', 'abhareg_mob_send_btn', function(mobile) {
|
|
$('#abhareg_mob_step2').removeClass('d-none');
|
|
regAlert('abhareg_mob_step1_alert', 'success', 'OTP sent to mobile ending ' + mobile.slice(-4) + '.');
|
|
$('#abhareg_mob_otp_input').focus();
|
|
});
|
|
});
|
|
$('#abhareg_mob_verify_btn').on('click', function() {
|
|
verifyOtpFromMobile($('#abhareg_mob_otp_input').val().trim(), 'abhareg_mob_step2_alert', 'abhareg_mob_verify_spinner', 'abhareg_mob_verify_btn', $('#abhareg_mob_mobile').val().trim());
|
|
});
|
|
$('#abhareg_mob_resend_btn').on('click', function() {
|
|
$('#abhareg_mob_step2').addClass('d-none');
|
|
$('#abhareg_mob_otp_input').val('');
|
|
$('#abhareg_mob_send_btn').trigger('click');
|
|
});
|
|
$('#abhareg_mob_back_btn').on('click', function() {
|
|
$('#abhareg_mob_step2').addClass('d-none');
|
|
regAlert('abhareg_mob_step2_alert', '', '');
|
|
});
|
|
|
|
// --- Method 2: QR Scanner ---
|
|
function initQrScanner(cameraId) {
|
|
loadQrScannerScript(function() {
|
|
startQrScanner(cameraId);
|
|
});
|
|
}
|
|
|
|
function stopQrScanner() {
|
|
$('#abhareg_qr_stop_btn').addClass('d-none');
|
|
if (!html5QrCode) {
|
|
return Promise.resolve();
|
|
}
|
|
return html5QrCode.stop().catch(function(){}).then(function() {
|
|
html5QrCode = null;
|
|
});
|
|
}
|
|
|
|
function cleanupQrScanner() {
|
|
qrCleanupRequested = true;
|
|
stopQrScanner();
|
|
}
|
|
|
|
var previousPageCleanup = window.pageCleanup;
|
|
window.pageCleanup = function() {
|
|
cleanupQrScanner();
|
|
if (typeof previousPageCleanup === 'function') {
|
|
previousPageCleanup();
|
|
}
|
|
};
|
|
|
|
$(window).off('beforeunload.abhaqr pagehide.abhaqr').on('beforeunload.abhaqr pagehide.abhaqr', cleanupQrScanner);
|
|
document.addEventListener('visibilitychange', function() {
|
|
if (document.hidden) {
|
|
cleanupQrScanner();
|
|
}
|
|
});
|
|
|
|
$('#abhareg_qr_stop_btn').on('click', function() { stopQrScanner(); });
|
|
$('#abhareg_qr_camera_select').on('change', function() {
|
|
var cameraId = ($(this).val() || '').toString();
|
|
saveQrSelectedCamera(cameraId);
|
|
stopQrScanner().then(function() {
|
|
initQrScanner(cameraId);
|
|
});
|
|
});
|
|
$('#abhareg_qr_camera_refresh').on('click', function() {
|
|
saveQrSelectedCamera(($('#abhareg_qr_camera_select').val() || '').toString());
|
|
stopQrScanner().then(function() {
|
|
initQrScanner(qrSelectedCamera || '');
|
|
});
|
|
});
|
|
$('#abhareg_facility_refresh_btn').on('click', function() { loadFacilityQr(true); });
|
|
$('#abhareg_facility_print_btn').on('click', function() { printFacilityQr(); });
|
|
|
|
// Enter key on OTP fields
|
|
$('#abhareg_num_otp_input').on('keypress', function(e) {
|
|
if (e.which === 13) { $('#abhareg_num_verify_otp_btn').trigger('click'); }
|
|
});
|
|
$('#abhareg_mob_otp_input').on('keypress', function(e) {
|
|
if (e.which === 13) { $('#abhareg_mob_verify_btn').trigger('click'); }
|
|
});
|
|
|
|
$('#abhareg_result_profile_btn').on('click', function() {
|
|
var url = ($(this).attr('data-url') || '').toString().trim();
|
|
if (url === '') {
|
|
return;
|
|
}
|
|
load_form(url, 'Patient Profile');
|
|
});
|
|
})();
|
|
/* ===== END ABHA REGISTRATION WIZARD ===== */
|
|
|
|
$('#input_abha_id').on('change blur', function() {
|
|
var abhaId = ($(this).val() || '').toString().trim();
|
|
if (abhaId !== '') {
|
|
refreshAdvancedSearchResult({
|
|
input_abha_id: abhaId
|
|
});
|
|
} else {
|
|
$('#search_result_update').html('');
|
|
}
|
|
|
|
if (!/^\d{14}$/.test(abhaId)) {
|
|
return;
|
|
}
|
|
|
|
$.post('<?= base_url('patient/abha_fetch_profile') ?>', {
|
|
abha_id: abhaId,
|
|
'<?= csrf_token() ?>': $('input[name="<?= csrf_token() ?>"]').val()
|
|
}, function(resp) {
|
|
if (!resp || resp.ok != 1 || !resp.profile) {
|
|
return;
|
|
}
|
|
|
|
var p = resp.profile || {};
|
|
if (p.name && !$('#input_name').val()) {
|
|
$('#input_name').val(p.name);
|
|
}
|
|
if (p.mobile && !$('#input_mphone1').val()) {
|
|
$('#input_mphone1').val(p.mobile);
|
|
}
|
|
if (p.city && !$('#input_city').val()) {
|
|
$('#input_city').val(p.city);
|
|
}
|
|
if (p.state && !$('#input_state').val()) {
|
|
// Try to match existing option (case-insensitive); fall back to first partial match
|
|
var stateTarget = (p.state || '').trim().toUpperCase();
|
|
var $sel = $('#input_state');
|
|
var bestVal = '';
|
|
$sel.find('option').each(function() {
|
|
if ($(this).val().toUpperCase() === stateTarget) { bestVal = $(this).val(); return false; }
|
|
});
|
|
if (bestVal) {
|
|
$sel.val(bestVal);
|
|
}
|
|
}
|
|
if (p.dob && !$('#datepicker_dob').val()) {
|
|
$('#datepicker_dob').val(p.dob);
|
|
if ($('#chk_age').is(':checked')) {
|
|
$('#chk_age').prop('checked', false).trigger('click');
|
|
}
|
|
}
|
|
|
|
if (p.gender) {
|
|
var g = (p.gender + '').toLowerCase();
|
|
if (g === '1' || g === 'male' || g === 'm') {
|
|
$('#options_gender1').prop('checked', true);
|
|
} else if (g === '2' || g === 'female' || g === 'f') {
|
|
$('#options_gender2').prop('checked', true);
|
|
}
|
|
}
|
|
}, 'json');
|
|
});
|
|
|
|
$("#input_city").autocomplete({
|
|
source: "<?= base_url('billing/patient/city') ?>",
|
|
minLength: 3,
|
|
autofocus: true,
|
|
select: function(event, ui) {
|
|
$("#input_district").val(ui.item.l_district);
|
|
var stateVal = (ui.item.l_state || '').trim().toUpperCase();
|
|
var $stateSelect = $("#input_state");
|
|
var matched = false;
|
|
$stateSelect.find('option').each(function() {
|
|
if ($(this).val().toUpperCase() === stateVal) {
|
|
$stateSelect.val($(this).val());
|
|
matched = true;
|
|
return false;
|
|
}
|
|
});
|
|
if (!matched && stateVal !== '') {
|
|
$stateSelect.append($('<option>').val(ui.item.l_state).text(ui.item.l_state).prop('selected', true));
|
|
}
|
|
}
|
|
});
|
|
|
|
$("#input_district").autocomplete({
|
|
source: "<?= base_url('billing/patient/district_list') ?>",
|
|
minLength: 2,
|
|
select: function(event, ui) {
|
|
$("#input_district").val(ui.item.value);
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$("#chk_age").on("click", function() {
|
|
if (this.checked) {
|
|
$('#age_input_1').show();
|
|
$('#age_input_2').hide();
|
|
} else {
|
|
$('#age_input_1').hide();
|
|
$('#age_input_2').show();
|
|
}
|
|
});
|
|
|
|
|
|
function split(val) {
|
|
return val.split(/ \s*/);
|
|
}
|
|
|
|
function extractLast(term) {
|
|
return split(term).pop();
|
|
}
|
|
|
|
$('[data-bs-toggle="tab"]').click(function(e) {
|
|
e.preventDefault();
|
|
var loadurl = $(this).data('url') || $(this).attr('href');
|
|
if (loadurl && loadurl !== '#') {
|
|
var targ = $(this).attr('data-bs-target');
|
|
$.get(loadurl, function(data) {
|
|
$(targ).html(data);
|
|
});
|
|
}
|
|
|
|
var tabTrigger = new bootstrap.Tab(this);
|
|
tabTrigger.show();
|
|
});
|
|
|
|
$("#input_name")
|
|
.on("focus", function() {
|
|
// Suppress browser autocomplete suggestions
|
|
$(this).removeAttr('readonly').off('mousedown.autocomplete');
|
|
})
|
|
// don't navigate away from the field on tab when selecting an item
|
|
.on("keydown", function(event) {
|
|
if (event.keyCode === $.ui.keyCode.TAB &&
|
|
$(this).autocomplete("instance").menu.active) {
|
|
event.preventDefault();
|
|
}
|
|
})
|
|
.autocomplete({
|
|
source: function(request, response) {
|
|
$.getJSON("<?= base_url('billing/patient/get_name') ?>", {
|
|
term: extractLast(request.term)
|
|
}, response);
|
|
},
|
|
search: function() {
|
|
// custom minLength
|
|
var term = extractLast(this.value);
|
|
if (term.length < 2) {
|
|
return false;
|
|
}
|
|
},
|
|
focus: function() {
|
|
// prevent value inserted on focus
|
|
return false;
|
|
},
|
|
select: function(event, ui) {
|
|
var terms = split(this.value);
|
|
// remove the current input
|
|
terms.pop();
|
|
// add the selected item
|
|
terms.push(ui.item.value);
|
|
// add placeholder to get the comma-and-space at the end
|
|
terms.push("");
|
|
this.value = terms.join(" ");
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$("#input_relative_name")
|
|
// don't navigate away from the field on tab when selecting an item
|
|
.on("keydown", function(event) {
|
|
if (event.keyCode === $.ui.keyCode.TAB &&
|
|
$(this).autocomplete("instance").menu.active) {
|
|
event.preventDefault();
|
|
}
|
|
})
|
|
.autocomplete({
|
|
source: function(request, response) {
|
|
$.getJSON("<?= base_url('billing/patient/get_name') ?>", {
|
|
term: extractLast(request.term)
|
|
}, response);
|
|
},
|
|
search: function() {
|
|
// custom minLength
|
|
var term = extractLast(this.value);
|
|
if (term.length < 2) {
|
|
return false;
|
|
}
|
|
},
|
|
focus: function() {
|
|
// prevent value inserted on focus
|
|
return false;
|
|
},
|
|
select: function(event, ui) {
|
|
var terms = split(this.value);
|
|
// remove the current input
|
|
terms.pop();
|
|
// add the selected item
|
|
terms.push(ui.item.value);
|
|
// add placeholder to get the comma-and-space at the end
|
|
terms.push("");
|
|
this.value = terms.join(" ");
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$('[data-bs-toggle="gpill"]').click(function(e) {
|
|
e.preventDefault();
|
|
var loadurl = $(this).data('url') || $(this).attr('href');
|
|
if (loadurl && loadurl !== '#') {
|
|
var targ = $(this).attr('data-bs-target');
|
|
$.get(loadurl, function(data) {
|
|
$(targ).html(data);
|
|
});
|
|
}
|
|
|
|
var tabTrigger = new bootstrap.Tab(this);
|
|
tabTrigger.show();
|
|
});
|
|
|
|
});
|
|
|
|
function getCsrfData() {
|
|
var csrfName = '<?= csrf_token() ?>';
|
|
var csrfValue = $('input[name="<?= csrf_token() ?>"]').first().val() || '<?= csrf_hash() ?>';
|
|
|
|
return {
|
|
name: csrfName,
|
|
value: csrfValue
|
|
};
|
|
}
|
|
|
|
function refreshAdvancedSearchResult(payload) {
|
|
var csrf = getCsrfData();
|
|
var postData = $.extend({}, payload || {});
|
|
postData[csrf.name] = csrf.value;
|
|
|
|
$.post('<?= base_url('billing/patient/search_adv') ?>', postData, function(data) {
|
|
$('#search_result_update').html(data);
|
|
});
|
|
}
|
|
|
|
function onchange_feild_number(control_button) {
|
|
var input_mphone1 = $('#input_mphone1').val();
|
|
refreshAdvancedSearchResult({
|
|
"input_mphone1": input_mphone1
|
|
});
|
|
}
|
|
|
|
function onchange_aadhar(control_button) {
|
|
var input_udai = $('#input_udai').val();
|
|
refreshAdvancedSearchResult({
|
|
"input_udai": input_udai
|
|
});
|
|
}
|
|
|
|
function onchange_relative_name(control_button) {
|
|
var input_relative_name = $('#input_relative_name').val();
|
|
var input_name = $('#input_name').val();
|
|
refreshAdvancedSearchResult({
|
|
"input_relative_name": input_relative_name,
|
|
"input_name": input_name
|
|
});
|
|
|
|
}
|
|
|
|
function onchange_title() {
|
|
var d = $('#cbo_title').val();
|
|
|
|
if (d == "Mr." || d == "Master" || d == "Baby Boy" || d == "Mohd.") {
|
|
$("#options_gender1").prop("checked", true);
|
|
} else {
|
|
$("#options_gender2").prop("checked", true);
|
|
}
|
|
}
|
|
</script>
|