[php] AA

Viewer

  1. <?php
  2. include_once './db/conn.php';
  3. include_once './includes/php-header.php';
  4.  
  5. // $url = "https://mirisoft.co.in/sas/dr/";
  6. $url = "http://localhost/dr/";
  7. // session_start();
  8.  
  9. $aa = $_SESSION['user'];
  10.  
  11. $cc = $aa['priviledges'];
  12.  
  13. $month = date('m');
  14. $day = date('d');
  15. $year = date('Y');
  16.  
  17. $today = $year . '-' . $month . '-' . $day;
  18.  
  19. ?>
  20.  
  21. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  22. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  23. <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
  24. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  25.  
  26.  
  27. <?php
  28. include_once './includes/header.php';
  29. include_once './includes/my.php';
  30. include_once "./includes/sidebar.php";
  31. ?>
  32.  
  33. <style>
  34.  
  35.         div#mform {
  36.             margin-bottom: 12px;
  37.         }
  38.         @media (min-width: 992px) {
  39.         .modal-lg,
  40.         .modal-xl {
  41.             --bs-modal-width: 980px;
  42.         }
  43.         }
  44.             .tree-link{
  45.                 color: black;
  46.             }
  47.  
  48.             .selected-category{
  49.                 color: #d45800;
  50.             }
  51.  
  52.             #category-collapse-content-container{
  53.                 max-height: 500px;
  54.                 overflow-y: scroll;
  55.             }
  56.  
  57.             .choosen-category{
  58.                 color: #09c2de;
  59.             }
  60.  
  61.  
  62.         
  63.             /* .selected-provisonals-container{
  64.                 display: grid;
  65.                 grid-template-columns: 1fr 1fr;
  66.                 row-gap: 10px;
  67.                 justify-content: space-around;
  68.             } */
  69.  
  70.             .selected-provisonals-container {
  71.             display: flex;
  72.             grid-template-columns: 2fr 2fr;
  73.             /* row-gap: 11px; */
  74.             justify-content: flex-start;
  75.             width: 65vw !important;
  76.             flex-wrap: wrap;
  77.             align-items: center;
  78.             text-align: center;
  79.             margin: auto;
  80.         }
  81.  
  82.             .provisonal-wrapper{
  83.                 width: max-content;
  84.                 display: flex;
  85.                 align-items: center;
  86.                 padding: 5px 5px;
  87.             }
  88.  
  89.             .provisonal-wrapper .provisonal-name-wrapper{
  90.                 background-color: #F1F5A8;
  91.                 color: black;
  92.                 padding: 5px 10px;
  93.                 font-weight: bold;
  94.             }
  95.  
  96.             .provisonal-wrapper .provisonal-close-wrapper{
  97.                 display: flex;
  98.                 flex: 1;
  99.                 align-items: center;
  100.                 justify-content: center;
  101.                 background-color: #EABE6C;
  102.                 color: white;
  103.                 padding: 5px;
  104.                 cursor: pointer;
  105.             }
  106.             
  107. </style>
  108.  
  109.  
  110. <div class="nk-content" id="aaa">
  111.     <div class="container-fluid">
  112.         <div class="nk-content-inner">
  113.             <div class="nk-content-body">
  114.                 <div class="nk-block-head">
  115.                     <div class="nk-block-head-content">
  116.                         <h3 class="nk-block-title page-title">Patient/ <strong class="text-primary small"><?php echo $patient["name"] ?></strong></h3>
  117.                     </div>
  118.                 </div>
  119.                 <div class="nk-block nk-block-lg">
  120.                     <div class="card">
  121.                         <div class="card-aside-wrap">
  122.                             <div class="card-content">
  123.                                 <ul class="nav nav-tabs nav-tabs-mb-icon nav-tabs-card">
  124.                                     <li class="nav-item">
  125.                                         <a class="nav-link active" data-bs-toggle="tab" href="#tabItem1"><em class="icon ni ni-user-circle-fill"></em><span>Personal information</span></a>
  126.                                     </li>
  127.  
  128.                                     <li class="nav-item">
  129.                                         <a class="nav-link" data-bs-toggle="tab" href="#tabItemComplain1"><em class="icon ni ni-user-circle-fill"></em><span>Complain</span></a>
  130.                                     </li>
  131.  
  132.                                     <li class="nav-item">
  133.                                         <a class="nav-link" data-bs-toggle="tab" href="#tabItemhistory"><em class="icon ni ni-user-circle-fill"></em><span>History</span></a>
  134.                                     </li>
  135.  
  136.                                     <li class="nav-item">
  137.                                         <a class="nav-link" data-bs-toggle="tab" href="#tabItemComplain"><em class="icon ni ni-user-circle-fill"></em><span>Examination</span></a>
  138.                                     </li>
  139.  
  140.                                   
  141.  
  142.                                     <li class="nav-item">
  143.                                         <a class="nav-link" data-bs-toggle="tab" href="#tabItem2"><em class="icon ni ni-property"></em><span>Diagnosis</span></a>
  144.                                     </li>
  145.                                     <li class="nav-item">
  146.                                         <a class="nav-link" data-bs-toggle="tab" href="#tabItem3"><em class="icon ni ni-capsule-fill"></em><span>Prescription</span></a>
  147.                                     </li>
  148.                                     <li class="nav-item">
  149.                                         <a class="nav-link" data-bs-toggle="tab" href="#tabItem5"><em class="icon ni ni-wallet-in"></em><span>Payment</span> </a>
  150.                                     </li>
  151.                                     <li class="nav-item">
  152.                                         <a class="nav-link" data-bs-toggle="tab" href="#tabItem6"><em class="icon ni ni-wallet-in"></em><span>Print</span> </a>
  153.                                     </li>
  154.                                 </ul>
  155.                                 <div class="card-inner">
  156.                                     <div class="tab-content">
  157.                                         <div class="tab-pane active" id="tabItem1">
  158.                                             <div class="nk-block nk-block-between">
  159.                                                 <div class="nk-block-head">
  160.                                                     <h6 class="title">Personal Information</h6>
  161.                                                     <p>Patients personal information.</p>
  162.                                                 </div><!-- .nk-block-head -->
  163.                                                 <div class="nk-block">
  164.                                                     <a class="btn btn-white btn-icon btn-outline-light" href="<?php echo get_url("edit-patient.php") . "?serial=" . $_GET["serial"] ?>">
  165.                                                         <em class="icon ni ni-edit"></em>
  166.                                                     </a>
  167.                                                 </div>
  168.                                             </div><!-- .nk-block-between  -->
  169.                                             <div class="nk-block">
  170.                                                 <div class="profile-ud-list">
  171.                                                     <div class="profile-ud-item">
  172.                                                         <div class="profile-ud wider">
  173.                                                             <span class="profile-ud-label">Name</span>
  174.                                                             <span class="profile-ud-value"><?php echo $patient["name"] ?></span>
  175.                                                         </div>
  176.                                                     </div>
  177.                                                     <div class="profile-ud-item">
  178.                                                         <div class="profile-ud wider">
  179.                                                             <span class="profile-ud-label">Gender</span>
  180.                                                             <span class="profile-ud-value"><?php echo $patient["gender"] ?></span>
  181.                                                         </div>
  182.                                                     </div>
  183.                                                     <div class="profile-ud-item">
  184.                                                         <div class="profile-ud wider">
  185.                                                             <span class="profile-ud-label">Age</span>
  186.                                                             <span class="profile-ud-value"><?php echo calculate_age($patient["date_of_birth"]) ?></span>
  187.                                                         </div>
  188.                                                     </div>
  189.                                                     <div class="profile-ud-item">
  190.                                                         <div class="profile-ud wider">
  191.                                                             <span class="profile-ud-label">Mobile</span>
  192.                                                             <span class="profile-ud-value"><?php echo $patient["contact"] ?></span>
  193.                                                         </div>
  194.                                                     </div>
  195.                                                     <div class="profile-ud-item">
  196.                                                         <div class="profile-ud wider">
  197.                                                             <span class="profile-ud-label">Date of Birth</span>
  198.                                                             <span class="profile-ud-value"><?php echo $patient["date_of_birth"] ?></span>
  199.                                                         </div>
  200.                                                     </div>
  201.                                                     <div class="profile-ud-item">
  202.                                                         <div class="profile-ud wider">
  203.                                                             <span class="profile-ud-label">Patient ID</span>
  204.                                                             <span class="profile-ud-value"><?php echo $patient["id"] ?></span>
  205.                                                         </div>
  206.                                                     </div>
  207.                                                     <div class="profile-ud-item">
  208.                                                         <div class="profile-ud wider">
  209.                                                             <span class="profile-ud-label">Email Address</span>
  210.                                                             <span class="profile-ud-value"><?php echo $patient["email"] ?></span>
  211.                                                         </div>
  212.                                                     </div>
  213.                                                 </div><!-- .profile-ud-list -->
  214.                                             </div><!-- .nk-block -->
  215.                                         </div><!-- tab pane -->
  216.  
  217.                                         <div class="tab-pane" id="tabItemComplain1">
  218.                                             <div class="nk-block nk-block-between">
  219.                                                 <div class="nk-block-head">
  220.                                                     <h6 class="title">Complaints/Examination</h6>
  221.                                                     
  222.                                                 </div><!-- .nk-block-head -->
  223.                                                 <div class="nk-block">
  224.                                                     <a class="btn btn-white btn-icon btn-outline-light" data-bs-toggle="modal" href="#editCompalin">
  225.                                                         <em class="icon ni ni-edit"></em>
  226.                                                     </a>
  227.                                                 </div>
  228.                                             </div><!-- .nk-block-between  -->
  229.                                             <div class="nk-block">
  230.                                                 <div class="row gy-4">
  231.                                                 <div class="col-12">
  232.                                                         <h4>Complaints</h4>
  233.                                                         <div class="form-group">
  234.                                                             <label class="form-label">Chief Complaints</label>
  235.                                                             <textarea name="chief_complaints" class="form-control" disabled><?php echo $patient["chief_complaints"]; ?></textarea>
  236.                                                         </div>
  237.                                                     </div><!--col-->
  238.                                                 </div><!--row-->
  239.  
  240.                                             </div><!-- .nk-block -->
  241.                                         </div><!-- tab pane -->
  242.  
  243.                                         <div class="tab-pane" id="tabItemComplain">
  244.                                             <div class="nk-block nk-block-between">
  245.                                                 <div class="nk-block-head">
  246.                                                     <h6 class="title">General Physical Examination</h6>
  247.                                                     <p>Consciousness</p>
  248.                                                 </div><!-- .nk-block-head -->
  249.                                                 <div class="nk-block">
  250.                                                     <a class="btn btn-white btn-icon btn-outline-light" data-bs-toggle="modal" href="#editHealth">
  251.                                                         <em class="icon ni ni-edit"></em>
  252.                                                     </a>
  253.                                                 </div>
  254.                                             </div><!-- .nk-block-between  -->
  255.                                             <div class="nk-block">
  256.                                                 <div class="row gy-4">
  257.                                                     <div class="col-xxl-3 col-md-4">
  258.                                                         <div class="form-group">
  259.                                                             <label class="form-label">Blood Group</label>
  260.                                                             <input type="text" class="form-control" id="blood_group" disabled value="<?php echo $patient["blood_group"] ?>">
  261.                                                         </div>
  262.                                                     </div><!--col-->
  263.                                                     <div class="col-xxl-3 col-md-4">
  264.                                                         <div class="form-group">
  265.                                                             <label class="form-label">Height (cm):</label>
  266.                                                             <input type="text" class="form-control" id="heightt" placeholder="Height" disabled value="<?php echo $patient["height"] ?>">
  267.                                                         </div>
  268.                                                     </div><!--col-->
  269.                                                     <div class="col-xxl-3 col-md-4">
  270.                                                         <div class="form-group">
  271.                                                             <label class="form-label">Weight (kg):</label>
  272.                                                             <input type="text" class="form-control" id="weightt" placeholder="Weight" disabled value="<?php echo $patient["weight"] ?>">
  273.                                                         </div>
  274.                                                     </div><!--col-->
  275.  
  276.                                                     <div class="col-xxl-3 col-md-4">
  277.                                                         <div class="form-group">
  278.                                                             <label class="form-label">BMI</label>
  279.                                                             <input type="text" class="form-control" id="bmi1" placeholder="BMI" disabled value="<?php echo $patient["bmi"] ?>">
  280.                                                         </div>
  281.                                                     </div><!--col-->
  282.  
  283.                                                     <div class="col-xxl-3 col-md-4">
  284.                                                         <div class="form-group">
  285.                                                             <label class="form-label">Blood Pressure</label>
  286.                                                             <input type="text" class="form-control" id="bp" placeholder="Blood Pressure" disabled value="<?php echo $patient["blood_pressure"] ?>">
  287.                                                         </div>
  288.                                                     </div><!--col-->
  289.                                                     <div class="col-xxl-3 col-md-4">
  290.                                                         <div class="form-group">
  291.                                                             <label class="form-label">Pulse</label>
  292.                                                             <input type="text" class="form-control" id="pulse" placeholder="Pulse" disabled value="<?php echo $patient["pulse"] ?>">
  293.                                                         </div>
  294.                                                     </div><!--col-->
  295.                                                     <div class="col-xxl-3 col-md-4">
  296.                                                         <div class="form-group">
  297.                                                             <label class="form-label">Temperature</label>
  298.                                                             <input type="text" class="form-control" id="temperature" placeholder="Temperature" disabled value="<?php echo $patient["temperature"] ?>">
  299.                                                         </div>
  300.                                                     </div><!--col-->
  301.  
  302.  
  303.                                                     <div class="col-xxl-3 col-md-4">
  304.                                                         <div class="form-group">
  305.                                                             <label class="form-label">Pallor</label>
  306.                                                             <input type="text" class="form-control" name="pallor" id="pallor" placeholder="Pallor" value="<?php echo $patient["pallor"] ?>" disabled>
  307.                                                         </div>
  308.                                                     </div><!--col-->
  309.  
  310.                                                     <div class="col-xxl-3 col-md-4">
  311.                                                         <div class="form-group">
  312.                                                             <label class="form-label">Icterus</label>
  313.                                                             <input type="text" class="form-control" name="icterus" id="icterus" placeholder="Icterus" value="<?php echo $patient["icterus"] ?>" disabled>
  314.                                                         </div>
  315.                                                     </div><!--col-->
  316.  
  317.                                                     <div class="col-xxl-3 col-md-4">
  318.                                                         <div class="form-group">
  319.                                                             <label class="form-label">Orientation</label>
  320.                                                             <input type="text" class="form-control" name="orientation" id="orientation" placeholder="Icterus" value="<?php echo $patient["orientation"] ?>" disabled>
  321.                                                         </div>
  322.                                                     </div><!--col-->
  323.  
  324.                                                     <div class="col-xxl-3 col-md-4">
  325.                                                         <div class="form-group">
  326.                                                             <label class="form-label">Memory</label>
  327.                                                             <input type="text" class="form-control" name="memory" id="memory" placeholder="Icterus" value="<?php echo $patient["memory"] ?>" disabled>
  328.                                                         </div>
  329.                                                     </div><!--col-->
  330.  
  331.                                                     <div class="col-xxl-3 col-md-4">
  332.                                                         <div class="form-group">
  333.                                                             <label class="form-label">Insight</label>
  334.                                                             <input type="text" class="form-control" name="insight" id="insight" placeholder="Icterus" value="<?php echo $patient["insight"] ?>" disabled>
  335.                                                         </div>
  336.                                                     </div><!--col-->
  337.  
  338.                                                     <div class="col-xxl-3 col-md-4">
  339.                                                         <div class="form-group">
  340.                                                             <label class="form-label">Judgment</label>
  341.                                                             <input type="text" class="form-control" name="judgment" id="judgment" placeholder="Icterus" value="<?php echo $patient["judgment"] ?>" disabled>
  342.                                                         </div>
  343.                                                     </div><!--col-->
  344.  
  345.                                                     <div class="col-xxl-3 col-md-4">
  346.                                                         <div class="form-group">
  347.                                                             <label class="form-label">Cynosis</label>
  348.                                                             <input type="text" class="form-control" name="cynosis" id="cynosis" placeholder="Cynosis" value="<?php echo $patient["cynosis"] ?>" disabled>
  349.                                                         </div>
  350.                                                     </div><!--col-->
  351.  
  352.                                                     <div class="col-xxl-3 col-md-4">
  353.                                                         <div class="form-group">
  354.                                                             <label class="form-label">Clubbing</label>
  355.                                                             <input type="text" class="form-control" name="clubbing" id="clubbing" placeholder="Clubbing" value="<?php echo $patient["clubbing"] ?>" disabled>
  356.                                                         </div>
  357.                                                     </div><!--col-->
  358.  
  359.  
  360.                                                     <div class="col-xxl-3 col-md-4">
  361.                                                         <div class="form-group">
  362.                                                             <label class="form-label">Lymphadenopathy</label>
  363.                                                             <input type="text" class="form-control" name="lymphadenopathy" id="lymphadenopathy" placeholder="Lymphadenopathy" value="<?php echo $patient["lymphadenopathy"] ?>" disabled>
  364.                                                         </div>
  365.                                                     </div><!--col-->
  366.  
  367.                                                     <div class="col-xxl-3 col-md-4">
  368.                                                         <div class="form-group">
  369.                                                             <label class="form-label">Edema</label>
  370.                                                             <input type="text" class="form-control" name="edema" id="edema" placeholder="Edema" value="<?php echo $patient["edema"] ?>" disabled>
  371.                                                         </div>
  372.                                                     </div><!--col-->
  373.  
  374.                                                     <div class="col-xxl-3 col-md-4">
  375.                                                         <div class="form-group">
  376.                                                             <label class="form-label">Skin Lesions</label>
  377.                                                             <input type="text" class="form-control" name="skin_lesions" id="skin_lesions" placeholder="Skin Lesions" value="<?php echo $patient["skin_lesions"] ?>" disabled>
  378.                                                         </div>
  379.                                                     </div><!--col-->
  380.  
  381.                                                     <div class="col-12">
  382.                                                         <h4>Systemic Examination</h4>
  383.                                                         <div class="form-group">
  384.                                                             <lable class="form-label">RS/CVS/ABD/CNS/MUSCULOSKELTAL</lable>
  385.                                                             <textarea name="systemic_examination" class="form-control" disabled><?php echo $patient["systemic_examination"]; ?></textarea>
  386.                                                         </div>
  387.                                                     </div><!--col-->
  388.  
  389.  
  390.                                                     <div class="col-12">
  391.                                                         <h4>Mental Status Examination</h4>
  392.                                                         <div class="row form-group">
  393.                                                             <div class="form-group col-3">
  394.                                                                 <label class="form-label">Gab:</label>
  395.                                                                 <input type="text" class="form-control" name="gab" id="skin_lesions" placeholder="Gab" value="<?php echo $patient["gab"] ?>" disabled>
  396.                                                             </div>
  397.                                                             <div class="form-group col-3">
  398.                                                                 <label class="form-label">Mood:</label>
  399.                                                                 <input type="text" class="form-control" name="mood" id="mood" placeholder="Mood" value="<?php echo $patient["mood"] ?>" disabled>
  400.                                                             </div>
  401.                                                             <div class="form-group col-3">
  402.                                                                 <label class="form-label">Affect:</label>
  403.                                                                 <input type="text" class="form-control" name="affect" id="affect" placeholder="Affect" value="<?php echo $patient["affect"] ?>" disabled>
  404.                                                             </div>
  405.                                                             <div class="form-group col-3">
  406.                                                                 <label class="form-label">Speech:</label>
  407.                                                                 <input type="text" class="form-control" name="speech" id="speech" placeholder="Speech" value="<?php echo $patient["speech"] ?>" disabled>
  408.                                                             </div>
  409.                                                             <div class="form-group col-3">
  410.                                                                 <label class="form-label">Thought:</label>
  411.                                                                 <input type="text" class="form-control" name="thought" id="thought" placeholder="Thought" value="<?php echo $patient["thought"] ?>" disabled>
  412.                                                             </div>
  413.                                                         </div>
  414.                                                     </div><!--col-->                         
  415.                                                 </div><!--row-->
  416.                                             </div><!-- .nk-block -->
  417.                                         </div><!-- tab pane -->
  418.                                         <div class="tab-pane" id="tabItemhistory">
  419.                                             <div class="nk-block nk-block-between">
  420.                                                 <div class="nk-block-head">
  421.                                                     <h4 class="title">Historsy</h4>
  422.                                                 </div><!-- .nk-block-head -->
  423.                                                 <div class="nk-block">
  424.                                                     <a class="btn btn-white btn-icon btn-outline-light" data-bs-toggle="modal" href="#editHistory">
  425.                                                         <em class="icon ni ni-edit"></em>
  426.                                                     </a>
  427.                                                 </div>
  428.                                             </div><!-- .nk-block-between  -->
  429.                                             <div class="nk-block">
  430.                                                 <div class="row gy-4">
  431.                                                     <div class="nk-block">
  432.                                                         <div class="card">
  433.                                                             <div class="nk-tb-list nk-tb-ulist is-compact">
  434.                                                                 <div class="nk-tb-item nk-tb-head">
  435.                                                                     <div class="nk-tb-col"><span class="sub-text">Present Illness</span></div>
  436.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Medical</span></div>
  437.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Surgical</span></div>
  438.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Family</span></div>
  439.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Diet</span></div>
  440.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Sleep</span></div>
  441.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Appetite</span></div>
  442.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Blowel</span></div>
  443.                                                                     <div class="nk-tb-col tb-col-sm"><span class="sub-text">Date</span></div>
  444.                                                                     <div class="nk-tb-col tb-col-md"><span class="sub-text">Menstrual</span></div>
  445.                                                                     <div class="nk-tb-col tb-col-md"><span class="sub-text">Permordbid</span></div>
  446.  
  447.                                                                     <div class="nk-tb-col nk-tb-col-tools text-end"></div>
  448.                                                                 </div><!-- .nk-tb-item -->
  449.  
  450.                                                                 <?php
  451.  
  452.                                                                 foreach ($history["history"] as $history_el) {
  453.                                                                     echo '
  454.  
  455.                                                             <div class="nk-tb-item">
  456.                                                                 <div class="nk-tb-col">
  457.                                                                     <span>' . $history_el["history_present_illness"] . '</span>
  458.                                                                 </div>
  459.                                                                 <div class="nk-tb-col tb-col-sm">
  460.                                                                     <span>' . $history_el["medical"] . '</span>
  461.                                                                 </div>
  462.                                                                 <div class="nk-tb-col tb-col-md">
  463.                                                                     <span>' . $history_el["surgical"] . '</span>
  464.                                                                 </div>
  465.                                                                 <div class="nk-tb-col tb-col-md">
  466.                                                                     <span>' . $history_el["family"] . '</span>
  467.                                                                 </div>
  468.                                                                 <div class="nk-tb-col tb-col-md">
  469.                                                                     <span>' . $history_el["diet"] . '</span>
  470.                                                                 </div>
  471.                                                                 <div class="nk-tb-col tb-col-md">
  472.                                                                     <span>' . $history_el["sleep"] . '</span>
  473.                                                                 </div>
  474.                                                                 <div class="nk-tb-col tb-col-md">
  475.                                                                     <span>' . $history_el["appetite"] . '</span>
  476.                                                                 </div>
  477.                                                                 <div class="nk-tb-col tb-col-md">
  478.                                                                     <span>' . $history_el["blowel"] . '</span>
  479.                                                                 </div>
  480.                                                                 <div class="nk-tb-col tb-col-md">
  481.                                                                     <span>' . $history_el["date"] . '</span>
  482.                                                                 </div>
  483.                                                                 <div class="nk-tb-col tb-col-md">
  484.                                                                     <span>' . $history_el["menstrual"] . '</span>
  485.                                                                 </div>
  486.                                                                 <div class="nk-tb-col tb-col-md">
  487.                                                                     <span>' . $history_el["permordbid"] . '</span>
  488.                                                                 </div>
  489.                                                                 
  490.                                                                 <div class="nk-tb-col nk-tb-col-tools">
  491.                                                                     <ul class="nk-tb-actions gx-2">
  492.                                                                         <li class="nk-tb-action-hidden">
  493.                                                                             <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit">
  494.                                                                                 <em class="icon ni ni-edit-fill"></em>
  495.                                                                             </a>
  496.                                                                         </li>
  497.                                                                         <li class="nk-tb-action-hidden">
  498.                                                                             <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Download">
  499.                                                                                 <em class="icon ni ni-download"></em>
  500.                                                                             </a>
  501.                                                                         </li>
  502.                                                                         <li class="nk-tb-action-hidden">
  503.                                                                             <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete">
  504.                                                                                 <em class="icon ni ni-trash-fill"></em>
  505.                                                                             </a>
  506.                                                                         </li>
  507.                                                                     </ul>
  508.                                                                 </div>
  509.                                                             </div><!-- .nk-tb-item -->
  510.  
  511.                                                             
  512.                                                             ';
  513.                                                                 }
  514.  
  515.                                                                 ?>
  516.                                                             </div><!-- .nk-tb-list -->
  517.                                                         </div><!-- .card -->
  518.                                                     </div><!-- .nk-block -->
  519.                                                     <div class="col-12">
  520.                                                     </div><!--col-->
  521.                                                 </div><!--row-->
  522.                                             </div><!-- .nk-block -->
  523.                                         </div><!-- tab pane -->
  524.  
  525.  
  526.                                         <div class="tab-pane" id="tabItem2">
  527.                                             <div class="nk-block nk-block-between">
  528.                                                 <div class="nk-block-head">
  529.                                                     <h6 class="title">Diagnosis Information</h6>
  530.                                                     <p>Patients diagnosis information.</p>
  531.                                                 </div><!-- .nk-block-head -->
  532.                                                 <div class="nk-block">
  533.                                                     <a class="btn btn-icon btn-primary" data-bs-toggle="modal" href="#addDiagnosis">
  534.                                                         <em class="icon ni ni-plus"></em>
  535.                                                     </a>
  536.                                                 </div>
  537.                                             </div><!-- .nk-block-between  -->
  538.                                             <div class="nk-block">
  539.                                                 <div class="card">
  540.                                                     <div class="nk-tb-list nk-tb-ulist is-compact">
  541.                                                         <div class="nk-tb-item nk-tb-head">
  542.                                                             <div class="nk-tb-col"><span class="sub-text">Report Type</span></div>
  543.                                                             <div class="nk-tb-col tb-col-sm"><span class="sub-text">Date</span></div>
  544.                                                             <!-- <div class="nk-tb-col tb-col-md"><span class="sub-text">Orientation</span></div>
  545.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Memory</span></div>
  546.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Insight</span></div>
  547.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Judgment</span></div> -->
  548.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Provisional Dignosis</span></div>
  549.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">FInal Dignosis</span></div>
  550.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Plan of Managment</span></div>
  551.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Phrmacological</span></div>
  552.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Psychological</span></div>
  553.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Description</span></div>
  554.                                                             <!-- <div class="nk-tb-col"><span class="sub-text">Status</span></div>
  555.                                                             <div class="nk-tb-col nk-tb-col-tools text-end"></div> -->
  556.                                                         </div><!-- .nk-tb-item -->
  557.  
  558.                                                         <?php
  559.  
  560.                                                         foreach ($patient["diagnosis"] as $diagnosis_el) {
  561.                                                             echo '
  562.  
  563.                                                             <div class="nk-tb-item">
  564.                                                                 <div class="nk-tb-col">
  565.                                                                     <span>' . $diagnosis_el["report_type"] . '</span>
  566.                                                                 </div>
  567.                                                                 <div class="nk-tb-col tb-col-sm">
  568.                                                                     <span>' . $diagnosis_el["date"] . '</span>
  569.                                                                 </div>
  570.  
  571.                                                                 <div class="nk-tb-col tb-col-sm">
  572.                                                                     <span>' . $diagnosis_el["provisional"] . '</span>
  573.                                                                 </div>
  574.                                                             
  575.                                                                 <div class="nk-tb-col tb-col-sm">
  576.                                                                     <span>' . $diagnosis_el["plan_of_managment"] . '</span>
  577.                                                                 </div>
  578.                                                                 <div class="nk-tb-col tb-col-sm">
  579.                                                                     <span>' . $diagnosis_el["phrmacological"] . '</span>
  580.                                                                 </div>
  581.                                                                 <div class="nk-tb-col tb-col-sm">
  582.                                                                     <span>' . $diagnosis_el["psychological"] . '</span>
  583.                                                                 </div>
  584.                                                                 <div class="nk-tb-col tb-col-sm">
  585.                                                                     <span>' . $diagnosis_el["description"] . '</span>
  586.                                                                 </div>
  587.                                                                 <div class="nk-tb-col tb-col-sm">
  588.                                                                     <span>' . $diagnosis_el["final"] . '</span>
  589.                                                                 </div>
  590.                                                                
  591.                                                                 <div class="nk-tb-col nk-tb-col-tools">
  592.                                                                     <ul class="nk-tb-actions gx-2">
  593.                                                                         <li class="nk-tb-action-hidden">
  594.                                                                             <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit">
  595.                                                                                 <em class="icon ni ni-edit-fill"></em>
  596.                                                                             </a>
  597.                                                                         </li>
  598.                                                                         <li class="nk-tb-action-hidden">
  599.                                                                             <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Download">
  600.                                                                                 <em class="icon ni ni-download"></em>
  601.                                                                             </a>
  602.                                                                         </li>
  603.                                                                         <li class="nk-tb-action-hidden">
  604.                                                                             <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete">
  605.                                                                                 <em class="icon ni ni-trash-fill"></em>
  606.                                                                             </a>
  607.                                                                         </li>
  608.                                                                     </ul>
  609.                                                                 </div>
  610.                                                             </div><!-- .nk-tb-item -->
  611.  
  612.                                                             
  613.                                                             ';
  614.                                                         }
  615.  
  616.                                                         ?>
  617.                                                     </div><!-- .nk-tb-list -->
  618.                                                 </div><!-- .card -->
  619.                                             </div><!-- .nk-block -->
  620.                                         </div><!--tab pane-->
  621.                                         <div class="tab-pane" id="tabItem3">
  622.                                             <div class="nk-block nk-block-between">
  623.                                                 <div class="nk-block-head">
  624.                                                     <h6 class="title">Prescription Information</h6>
  625.                                                     <p>Patients prescription information.</p>
  626.                                                 </div><!-- .nk-block-head -->
  627.                                                 <div class="nk-block">
  628.                                                     <a class="btn btn-icon btn-primary" data-bs-toggle="modal" href="#addPrescription">
  629.                                                         <em class="icon ni ni-plus"></em>
  630.                                                     </a>
  631.                                                 </div>
  632.                                             </div><!-- .nk-block-between  -->
  633.                                             <div class="nk-block">
  634.                                                 <div class="card">
  635.                                                     <div class="nk-tb-list nk-tb-ulist is-compact">
  636.                                                         <div class="nk-tb-item nk-tb-head">
  637.                                                             <div class="nk-tb-col"><span class="sub-text">Medicine</span></div>
  638.                                                             <div class="nk-tb-col tb-col-sm"><span class="sub-text">Medicine Category</span></div>
  639.                                                             <div class="nk-tb-col"><span class="sub-text">Dosage</span></div>
  640.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Instruction</span></div>
  641.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Start Date</span></div>
  642.                                                             <div class="nk-tb-col tb-col-md"><span class="sub-text">Prescribed By</span></div>
  643.                                                             <div class="nk-tb-col tb-col-mb"><span class="sub-text">Status</span></div>
  644.                                                             <div class="nk-tb-col nk-tb-col-tools text-end"></div>
  645.                                                         </div><!-- .nk-tb-item -->
  646.  
  647.  
  648.                                                         <?php
  649.  
  650.                                                         foreach ($patient["prescriptions"] as $prescription) {
  651.                                                             echo '
  652.                                                                 <div class="nk-tb-item">
  653.                                                                     <div class="nk-tb-col">
  654.                                                                         <span>' . $prescription["medicine_name"] . '</span>
  655.                                                                     </div>
  656.                                                                     <div class="nk-tb-col tb-col-sm">
  657.                                                                         <span>' . $prescription["medicine_category"] . '</span>
  658.                                                                     </div>
  659.                                                                     <div class="nk-tb-col">
  660.                                                                         <span class="fw-medium">' . $prescription["dosage"] . '</span>
  661.                                                                     </div>
  662.                                                                     <div class="nk-tb-col tb-col-md">
  663.                                                                         <span>' . $prescription["instruction"] . '</span>
  664.                                                                     </div>
  665.                                                                     <div class="nk-tb-col tb-col-md">
  666.                                                                         <span>' . $prescription["start_date"] . '</span>
  667.                                                                     </div>
  668.                                                                     <div class="nk-tb-col tb-col-md">
  669.                                                                         <span> Doctor </span>
  670.                                                                     </div>
  671.                                                                     <div class="nk-tb-col tb-col-mb">
  672.                                                                         <span class="tb-status text-success">Active</span>
  673.                                                                     </div>
  674.                                                                     <div class="nk-tb-col nk-tb-col-tools">
  675.                                                                         <ul class="nk-tb-actions gx-2">
  676.                                                                             <li class="nk-tb-action-hidden">
  677.                                                                                 <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit">
  678.                                                                                     <em class="icon ni ni-edit-fill"></em>
  679.                                                                                 </a>
  680.                                                                             </li>
  681.                                                                             <li class="nk-tb-action-hidden">
  682.                                                                                 <a href="#" class="btn btn-sm btn-icon btn-trigger" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete">
  683.                                                                                     <em class="icon ni ni-trash-fill"></em>
  684.                                                                                 </a>
  685.                                                                             </li>
  686.                                                                         </ul>
  687.                                                                     </div>
  688.                                                                 </div><!-- .nk-tb-item -->
  689.                                                             ';
  690.                                                         }
  691.                                                         ?>
  692.  
  693.                                                     </div><!-- .nk-tb-list -->
  694.                                                 </div><!-- .card -->
  695.                                             </div><!-- .nk-block -->
  696.                                         </div><!--tab pane-->
  697.                                         <div class="tab-pane" id="tabItem5">
  698.                                             <div class="nk-block nk-block-between">
  699.                                                 <div class="nk-block-head">
  700.                                                     <h6 class="title">Payment Information</h6>
  701.                                                     <p>Patients payment information.</p>
  702.                                                 </div><!-- .nk-block-head -->
  703.                                                 <!-- <div class="nk-block">
  704.                                                     <a class="btn btn-icon btn-primary" data-bs-toggle="modal" href="#addPayment">
  705.                                                         <em class="icon ni ni-plus"></em>
  706.                                                     </a>
  707.                                                 </div> -->
  708.                                             </div>
  709.                                             <div class="nk-block">
  710.                                                 <div class="card">
  711.                                                     <div class="nk-tb-list nk-tb-ulist is-compact">
  712.                                                         <div class="nk-tb-item nk-tb-head">
  713.                                                             <div class="nk-tb-col"><span class="sub-text">Date</span></div>
  714.                                                             <div class="nk-tb-col tb-col-sm"><span class="sub-text">Payment Method</span></div>
  715.                                                             <div class="nk-tb-col"><span class="sub-text">Amount</span></div>
  716.                                                             <div class="nk-tb-col"><span class="sub-text">Status</span></div>
  717.                                                         </div><!-- .nk-tb-item -->
  718.  
  719.                                                         <?php
  720.  
  721.                                                         foreach ($patient["payments"] as $payment) {
  722.                                                             echo '
  723.                                                                 <div class="nk-tb-item">
  724.                                                                     <div class="nk-tb-col">
  725.                                                                         <span>' . $payment["appointment_date"] . '</span>
  726.                                                                     </div>
  727.                                                                     <div class="nk-tb-col tb-col-sm">
  728.                                                                         <span>' . $payment["payment_method"] . '</span>
  729.                                                                     </div>
  730.                                                                     <div class="nk-tb-col">
  731.                                                                         <span>' . $payment["payment_amount"] . '</span>
  732.                                                                     </div>
  733.                                                                     <div class="nk-tb-col">
  734.                                                                         <span class="tb-status text-success">' . $payment["payment_status"] . '</span>
  735.                                                                     </div>
  736.                                                                 </div><!-- .nk-tb-item -->
  737.     
  738.                                                                 ';
  739.                                                         }
  740.  
  741.                                                         ?>
  742.                                                     </div><!-- .nk-tb-list -->
  743.                                                 </div><!-- .card -->
  744.                                             </div><!-- .nk-block -->
  745.                                         </div><!--tab pane-->
  746.                                         <div class="tab-pane" id="tabItem6">
  747.                                             <div class="nk-block nk-block-between">
  748.                                                 <div class="nk-block-head">
  749.                                                     <h6 class="title">Print Your Information</h6>
  750.                                                 </div><!-- .nk-block-head -->
  751.                                                 <!-- <div class="nk-block">
  752.                                                     <a class="btn btn-icon btn-primary" data-bs-toggle="modal" href="#addPayment">
  753.                                                         <em class="icon ni ni-plus"></em>
  754.                                                     </a>
  755.                                                 </div> -->
  756.                                             </div>
  757.                                             <div class="nk-block">
  758.                                                 <div class="card">
  759.                                                     <div class="nk-tb-list nk-tb-ulist is-compact">
  760.                                                         <div class="nk-tb-item nk-tb-head">
  761.                                                             <div class="nk-tb-col"><span class="sub-text">Date</span></div>
  762.                                                             <div class="nk-tb-col tb-col-sm"><span class="sub-text">Payment Method</span></div>
  763.                                                             <div class="nk-tb-col"><span class="sub-text">Amount</span></div>
  764.                                                             <div class="nk-tb-col"><span class="sub-text">Action</span></div>
  765.                                                         </div><!-- .nk-tb-item -->
  766.  
  767.                                                        
  768.                                                                 <div class="nk-tb-item">
  769.                                                                     <div class="nk-tb-col">
  770.                                                                         <span></span>
  771.                                                                     </div>
  772.                                                                     <div class="nk-tb-col tb-col-sm">
  773.                                                                         <span></span>
  774.                                                                     </div>
  775.                                                                     <div class="nk-tb-col">
  776.                                                                         <span></span>
  777.                                                                     </div>
  778.                                 <div class="nk-tb-col">
  779.                                     <span class="tb-status text-success"><a href="<?php echo get_url('print1.php')."?id=".$_GET['serial'] ?>" target="_blank" class="btn btn-icon btn-white btn-dim btn-sm btn-primary"><em class="icon ni ni-printer-fill"></em></a></span>
  780.                                 </div>
  781.                                                                 </div><!-- .nk-tb-item -->
  782.     
  783.                                                 <!-- <?php echo get_url("edit-patient.php") . "?serial=" . $_GET["serial"] ?> -->
  784.  
  785.                                                                
  786.                                                     </div><!-- .nk-tb-list -->
  787.                                                 </div><!-- .card -->
  788.                                             </div><!-- .nk-block -->
  789.                                         </div><!--tab pane-->
  790.                                     </div><!--tab content-->
  791.                                 </div><!--card inner-->
  792.                             </div><!-- .card-content -->
  793.  
  794.                             <div class="card-aside card-aside-right user-aside toggle-slide toggle-slide-right toggle-break-xxl" data-content="userAside" data-toggle-screen="xxl" data-toggle-overlay="true" data-toggle-body="true">
  795.                                 <div class="card-inner-group" data-simplebar>
  796.                                     <div class="card-inner">
  797.                                         <div class="user-card user-card-s2">
  798.                                             <div class="user-avatar lg bg-primary">
  799.                                                 <span>AB</span>
  800.                                             </div>
  801.                                             <div class="user-info">
  802.                                                 <div class="badge bg-outline-light rounded-pill ucap">Patinet</div>
  803.                                                 <h5>Abu Bin Ishtiyak</h5>
  804.                                                 <span class="sub-text">[email protected]</span>
  805.                                             </div>
  806.                                         </div>
  807.                                     </div><!-- .card-inner -->
  808.  
  809.                                     <div class="card-inner card-inner-sm">
  810.                                         <ul class="btn-toolbar justify-center gx-1">
  811.                                             <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-shield-off"></em></a></li>
  812.                                             <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-mail"></em></a></li>
  813.                                             <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-download-cloud"></em></a></li>
  814.                                             <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-bookmark"></em></a></li>
  815.                                         </ul>
  816.                                     </div><!-- .card-inner -->
  817.                                     <div class="card-inner">
  818.                                         <div class="row text-center">
  819.                                             <div class="col-4">
  820.                                                 <div class="profile-stats">
  821.                                                     <span class="amount">$2123</span>
  822.                                                     <span class="sub-text">Total Bill</span>
  823.                                                 </div>
  824.                                             </div>
  825.                                             <div class="col-4">
  826.                                                 <div class="profile-stats">
  827.                                                     <span class="amount">$200</span>
  828.                                                     <span class="sub-text">Paid</span>
  829.                                                 </div>
  830.                                             </div>
  831.                                             <div class="col-4">
  832.                                                 <div class="profile-stats">
  833.                                                     <span class="amount">$1923</span>
  834.                                                     <span class="sub-text">Due</span>
  835.                                                 </div>
  836.                                             </div>
  837.                                         </div>
  838.                                     </div><!-- .card-inner -->
  839.                                     <div class="card-inner">
  840.                                         <h6 class="overline-title-alt mb-2">Additional</h6>
  841.                                         <div class="row g-3">
  842.                                             <div class="col-6">
  843.                                                 <span class="sub-text">Patient ID:</span>
  844.                                                 <span>#P7085</span>
  845.                                             </div>
  846.                                             <div class="col-6">
  847.                                                 <span class="sub-text">Admit Date</span>
  848.                                                 <span>15 Feb, 2019 01:02 PM</span>
  849.                                             </div>
  850.                                             <div class="col-6">
  851.                                                 <span class="sub-text">Condition</span>
  852.                                                 <span class="lead-text text-success">Normal</span>
  853.                                             </div>
  854.                                             <div class="col-6">
  855.                                                 <span class="sub-text">Discharged Date</span>
  856.                                                 <span>16 Feb, 2019</span>
  857.                                             </div>
  858.                                         </div>
  859.                                     </div><!-- .card-inner -->
  860.                                     <div class="card-inner">
  861.                                         <h6 class="overline-title-alt mb-3">Groups</h6>
  862.                                         <ul class="g-1">
  863.                                             <li class="btn-group">
  864.                                                 <a class="btn btn-xs btn-light btn-dim" href="#">surgery</a>
  865.                                                 <a class="btn btn-xs btn-icon btn-light btn-dim" href="#"><em class="icon ni ni-cross"></em></a>
  866.                                             </li>
  867.                                             <li class="btn-group">
  868.                                                 <a class="btn btn-xs btn-light btn-dim" href="#">cardiology</a>
  869.                                                 <a class="btn btn-xs btn-icon btn-light btn-dim" href="#"><em class="icon ni ni-cross"></em></a>
  870.                                             </li>
  871.                                             <li class="btn-group">
  872.                                                 <a class="btn btn-xs btn-light btn-dim" href="#">another tag</a>
  873.                                                 <a class="btn btn-xs btn-icon btn-light btn-dim" href="#"><em class="icon ni ni-cross"></em></a>
  874.                                             </li>
  875.                                         </ul>
  876.                                     </div><!-- .card-inner -->
  877.                                 </div><!-- .card-inner -->
  878.                             </div><!-- .card-aside -->
  879.                         </div><!-- .card-aside-wrap -->
  880.                     </div><!--card-->
  881.                 </div><!--nk block lg-->
  882.             </div>
  883.         </div>
  884.     </div>
  885. </div>
  886.  
  887. <!-- MODAL -->
  888.  
  889.  
  890. <div class="modal fade" tabindex="-1" role="dialog" id="editPersonal">
  891.     <div class="modal-dialog modal-lg" role="document">
  892.         <div class="modal-content">
  893.             <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
  894.             <div class="modal-body modal-body-md">
  895.                 <h5 class="modal-title">Update Personal Info</h5>
  896.                 <form action="#" class="mt-4">
  897.                     <div class="row g-gs">
  898.                         <div class="col-md-6">
  899.                             <div class="form-group">
  900.                                 <label class="form-label" for="editName">Name</label>
  901.                                 <div class="form-control-wrap">
  902.                                     <input type="text" class="form-control" id="editName" value="Abu Bin Isthiyak" placeholder="Name">
  903.                                 </div>
  904.                             </div>
  905.                         </div><!-- .col -->
  906.                         <div class="col-md-6">
  907.                             <div class="form-group">
  908.                                 <label class="form-label" for="editEmail">Email</label>
  909.                                 <div class="form-control-wrap">
  910.                                     <input type="email" class="form-control" id="editEmail" value="[email protected]" placeholder="[email protected]">
  911.                                 </div>
  912.                             </div>
  913.                         </div><!-- .col -->
  914.                         <div class="col-md-6">
  915.                             <div class="form-group">
  916.                                 <label class="form-label" for="editMobile">Mobile Number</label>
  917.                                 <div class="form-control-wrap">
  918.                                     <input type="text" class="form-control" id="editMobile" placeholder="Mobile No." value="+811 847-4958">
  919.                                 </div>
  920.                             </div>
  921.                         </div><!-- .col -->
  922.                         <div class="col-md-6">
  923.                             <div class="form-group">
  924.                                 <label class="form-label">Gender</label>
  925.                                 <div class="form-control-wrap">
  926.                                     <select class="form-select js-select2" data-placeholder="Select Gender">
  927.                                         <option value="">Select</option>
  928.                                         <option value="option_select_sex">Male</option>
  929.                                         <option value="option_select_sex">Female</option>
  930.                                         <option value="option_select_sex">Others</option>
  931.                                     </select>
  932.                                 </div>
  933.                             </div>
  934.                         </div><!-- .col -->
  935.                         <div class="col-md-6">
  936.                             <div class="form-group">
  937.                                 <label class="form-label">Date of Birth</label>
  938.                                 <div class="form-control-wrap">
  939.                                     <div class="form-icon form-icon-right">
  940.                                         <em class="icon ni ni-calendar"></em>
  941.                                     </div>
  942.                                     <input type="text" class="form-control date-picker" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy">
  943.                                 </div>
  944.                             </div>
  945.                         </div><!-- .col -->
  946.                         <div class="col-md-6">
  947.                             <div class="form-group">
  948.                                 <label class="form-label">Bed Group</label>
  949.                                 <div class="form-control-wrap">
  950.                                     <select class="form-select js-select2" data-placeholder="Select Bed Group">
  951.                                         <option value="">Select</option>
  952.                                         <option value="option_select_bed">Cabin - 4th Floor</option>
  953.                                         <option value="option_select_bed">Male Ward - 1st Floor</option>
  954.                                         <option value="option_select_bed">Female Ward - 1st Floor</option>
  955.                                         <option value="option_select_bed">Private Ward - 2nd Floor</option>
  956.                                         <option value="option_select_bed">Cabin - 4th Floor</option>
  957.                                         <option value="option_select_bed">ICU - 3rd Floor</option>
  958.                                         <option value="option_select_bed">NICU - 3rd Floor</option>
  959.                                     </select>
  960.                                 </div>
  961.                             </div>
  962.                         </div><!-- .col -->
  963.                         <div class="col-md-6">
  964.                             <div class="form-group">
  965.                                 <label class="form-label">Bed Number</label>
  966.                                 <div class="form-control-wrap">
  967.                                     <select class="form-select js-select2" data-placeholder="Select Bed Number">
  968.                                         <option value="">Select</option>
  969.                                         <option value="default_option">201</option>
  970.                                         <option value="option_select_bednum">101</option>
  971.                                         <option value="option_select_bednum">102</option>
  972.                                         <option value="option_select_bednum">103</option>
  973.                                         <option value="option_select_bednum">105</option>
  974.                                         <option value="option_select_bednum">201</option>
  975.                                         <option value="option_select_bednum">202</option>
  976.                                     </select>
  977.                                 </div>
  978.                             </div>
  979.                         </div><!-- .col -->
  980.                         <div class="col-md-6">
  981.                             <div class="form-group">
  982.                                 <label class="form-label">Consulant By</label>
  983.                                 <div class="form-control-wrap">
  984.                                     <select class="form-select js-select2" data-placeholder="Select Doctor">
  985.                                         <option value="">Select</option>
  986.                                         <option value="default_option">Ernesto Vargas</option>
  987.                                         <option value="option_select_consulant">Ernesto Vargas</option>
  988.                                         <option value="option_select_consulant">Janet Snyder</option>
  989.                                         <option value="option_select_consulant">Amelia Grant</option>
  990.                                         <option value="option_select_consulant">Debra Grant</option>
  991.                                         <option value="option_select_consulant">Snyder Debra</option>
  992.                                     </select>
  993.                                 </div>
  994.                             </div>
  995.                         </div><!-- .col -->
  996.                         <div class="col-md-6">
  997.                             <div class="form-group">
  998.                                 <label class="form-label">Admit Date</label>
  999.                                 <div class="form-control-wrap">
  1000.                                     <div class="form-icon form-icon-right">
  1001.                                         <em class="icon ni ni-calendar"></em>
  1002.                                     </div>
  1003.                                     <input type="text" class="form-control date-picker" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy" value="10-02-2020">
  1004.                                 </div>
  1005.                             </div>
  1006.                         </div><!-- .col -->
  1007.                         <div class="col-md-6">
  1008.                             <div class="form-group">
  1009.                                 <label class="form-label">Discharged Date</label>
  1010.                                 <div class="form-control-wrap">
  1011.                                     <div class="form-icon form-icon-right">
  1012.                                         <em class="icon ni ni-calendar"></em>
  1013.                                     </div>
  1014.                                     <input type="text" class="form-control date-picker" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy" value="10-02-2020">
  1015.                                 </div>
  1016.                             </div>
  1017.                         </div><!-- .col -->
  1018.                         <div class="col-12">
  1019.                             <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
  1020.                                 <li>
  1021.                                     <button data-bs-dismiss="modal" class="btn btn-primary">Update</button>
  1022.                                 </li>
  1023.                                 <li>
  1024.                                     <a href="#" class="link link-light" data-bs-dismiss="modal">Cancel</a>
  1025.                                 </li>
  1026.                             </ul>
  1027.                         </div><!-- .col -->
  1028.                     </div>
  1029.                 </form>
  1030.             </div><!-- .modal-body -->
  1031.         </div><!-- .modal-content -->
  1032.     </div><!-- .modal-dialog -->
  1033. </div><!-- .modal -->
  1034.  
  1035.  
  1036. <div class="modal fade" tabindex="-1" role="dialog" id="addDiagnosis">
  1037.     <div class="modal-dialog modal-lg" role="document">
  1038.         <div class="modal-content">
  1039.             <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
  1040.             <div class="modal-body modal-body-md">
  1041.                 <h5 class="modal-title">Diagnosis Info</h5>
  1042.                 <form action="" method="POST" class="mt-4">
  1043.                     <div class="row g-gs">
  1044.                         <div class="col-6">
  1045.                             <div class="form-group">
  1046.                                 <label class="form-label" for="reportType">Query Diagnosis</label>
  1047.                                 <div class="form-control-wrap">
  1048.                                     <input type="search" class="form-control" name="report-type" id="category-search" placeholder="type to search...">
  1049.                                 </div>
  1050.                             </div>
  1051.                         </div><!-- .col -->
  1052.  
  1053.                         
  1054.                         <div class="col-6">
  1055.                             <div class="form-group">
  1056.                                 <label class="form-label">Action</label>
  1057.                                 <div class="form-control-wrap">
  1058.                                     <div class="quill-basic">
  1059.                                         <a href="javscript:" id="action-selected-category-btn" class="btn btn-primary">Add selected one to Provisonal</a>
  1060.                                     </div>
  1061.                                 </div>
  1062.                             </div>
  1063.                         </div><!--col-->
  1064.  
  1065.  
  1066.  
  1067.                         <div class="col-12" id="diagnosis-category-nk-container" style="display: none">
  1068.                             <div class="nk-block">
  1069.                                 <div class="card card-bordered">
  1070.                                     <div class="card-inner">
  1071.                                         <div class="diagnosis-category-container">
  1072.                                             <div class="category-collapse-button-container">
  1073.                                                 <a href="#category-collapse-content-container" id="category-content-button" data-toggle="collapse" aria-expanded="false" class="d-flex collapsed">
  1074.                                                     <span class="mr-auto">Categories</span>
  1075.                                                     <span class="ml-auto">▼</span>
  1076.                                                 </a>
  1077.                                             </div>
  1078.  
  1079.                                             <div id="category-collapse-content-container" class="collapse">   
  1080.                                             </div>
  1081.                                         </div>
  1082.                                     </div>
  1083.                                 </div>
  1084.                             </div>
  1085.                         </div><!-- .col -->
  1086.  
  1087.                         <div class="col-12">
  1088.                             <div class="form-group">
  1089.                                 <label class="form-label">Selected Provisional</label>
  1090.                                 <div class="form-control-wrap">
  1091.                                     <div class="card card-bordered">
  1092.                                         <div class="card-inner">
  1093.                                             <div class="selected-provisonals-container"></div>
  1094.                                         </div>
  1095.                                     </div>  
  1096.                                 </div>
  1097.                             </div>
  1098.                         </div><!--col-->
  1099.  
  1100.  
  1101.                         <input type="text" name="provisional", id="provisional-input" value="" style="display:none;" > 
  1102.  
  1103.                         <?php 
  1104.                         $query = "SELECT *,
  1105.                         SUBSTRING_INDEX(SUBSTRING_INDEX(report_type, ',', n.digit+1), ',', -1) AS report_type
  1106.                         FROM
  1107.                         diagnosis
  1108.                         JOIN
  1109.                         (SELECT 0 digit UNION ALL SELECT 1 UNION ALL SELECT 2 UNION ALL SELECT 3) n
  1110.                         ON
  1111.                         LENGTH(REPLACE(report_type, ',' , '')) <= LENGTH(report_type) - n.digit";
  1112. $stmt = $conn->prepare($query);
  1113. $stmt->execute();
  1114. $result5 = $stmt->get_result();
  1115. ?>
  1116.  
  1117.  
  1118.                         <div class="col-md-6">
  1119.                             <div class="form-group">
  1120.                                 <label class="form-label" for="reportType">Report Type</label>
  1121.                                 <div class="form-control-wrap">
  1122.                                     
  1123.                             <select type="text" class="form-select" name="reportt[]" id="reportType" placeholder="Report Type" multiple>
  1124.                             <option style="color:red;" value="add_new_report_type">Add New Report Type</option>
  1125.                             <?php
  1126.                             while ($temp = $result5->fetch_assoc()){
  1127.                             ?>
  1128.                             <option value="<?php echo $temp['report_type']; ?>"><?php echo $temp['report_type']; ?></option>
  1129.                             <?php } ?>
  1130.                          
  1131.                         </select>
  1132.  
  1133.                         <div id="newreport_typeInput" style="display: none;">
  1134.                             <input type="text" class="form-control" id="newreport_typeText" placeholder="Type New Category">
  1135.                             <button class="btn btn-primary" id="addNewreport_typeBtn">Add</button>
  1136.                         </div>
  1137.  
  1138. <script>
  1139.                         document.getElementById('reportType').addEventListener('change', function() {
  1140.                                 var select = this;
  1141.                                 var selectedOption = select.options[select.selectedIndex];
  1142.                                 
  1143.                                 if (selectedOption.value === 'add_new_report_type') {
  1144.                                     document.getElementById('newreport_typeInput').style.display = 'block';
  1145.                                 } else {
  1146.                                     document.getElementById('newreport_typeInput').style.display = 'none';
  1147.                                 }
  1148.                             });
  1149.  
  1150.                             document.getElementById('addNewreport_typeBtn').addEventListener('click', function(e) {
  1151.                                 e.preventDefault();
  1152.                                 var newCategoryInput = document.getElementById('newreport_typeText').value.trim();
  1153.                                 
  1154.                                 // Check if the input is not empty
  1155.                                 if (newCategoryInput !== '') {
  1156.                                     var select = document.getElementById('reportType');
  1157.                                     var option = document.createElement('option');
  1158.                                     option.value = newCategoryInput;
  1159.                                     option.text = newCategoryInput;
  1160.                                     select.add(option);
  1161.                                     // Optionally, you may want to select the newly added option
  1162.                                     // option.selected = true;
  1163.                                     // And hide the input field
  1164.                                     document.getElementById('newreport_typeInput').style.display = 'none';
  1165.                                 } else {
  1166.                                     alert('Please enter a valid category.');
  1167.                                 }
  1168.                             });
  1169.  
  1170. </script>
  1171.  
  1172.                                 </div>
  1173.                             </div>
  1174.                         </div><!-- .col -->
  1175.  
  1176.                         <div class="col-md-6">
  1177.                             <div class="form-group">
  1178.                                 <label class="form-label">Date</label>
  1179.                                 <div class="form-control-wrap">
  1180.                                     <div class="form-icon form-icon-right">
  1181.                                         <em class="icon ni ni-calendar"></em>
  1182.                                     </div>
  1183.                                     <input type="date" class="form-control date-picker" id="diagnosis-modal-date-input" name="date" data-date-format="yyyy-mm-dd" placeholder="yyyy-mm-dd" autocomplete="off"
  1184.                                     value = '<?php echo date("Y-m-d"); ?>'>
  1185.                                 </div>
  1186.                             </div>
  1187.                         </div><!-- .col -->
  1188.                        
  1189.                       <div class="col-md-6">
  1190.                             <div class="form-group">
  1191.                                 <label class="form-label" for="reportType">Phrmacological</label>
  1192.                                 <div class="form-control-wrap">
  1193.                                     <input type="text" class="form-control" name="phrmacological" id="phrmacological" placeholder="Phrmacological">
  1194.                                 </div>
  1195.                             </div>
  1196.                         </div><!-- .col -->
  1197.  
  1198.                         <div class="col-md-6">
  1199.                             <div class="form-group">
  1200.                                 <label class="form-label" for="reportType">Psychological</label>
  1201.                                 <div class="form-control-wrap">
  1202.                                     <input type="text" class="form-control" name="psychological" id="psychological" placeholder="Psychological">
  1203.                                 </div>
  1204.                             </div>
  1205.                         </div><!-- .col -->
  1206.  
  1207.                         <div class="col-md-12">
  1208.                             <div class="form-group">
  1209.                                 <label class="form-label" for="reportType">Description</label>
  1210.                                 <div class="form-control-wrap">
  1211.                                     <input type="text" class="form-control" name="description" id="description" placeholder="Description">
  1212.                                 </div>
  1213.                             </div>
  1214.                         </div><!-- .col -->
  1215.                         
  1216.                         <!-- <div class="col-md-6">
  1217.                             <div class="form-group">
  1218.                                 <label class="form-label">Test Report</label>
  1219.                                 <div class="form-control-wrap">
  1220.                                     <div class="form-file">
  1221.                                         <input type="file" multiple class="form-file-input" id="testReport" disabled>
  1222.                                         <label class="form-file-label" for="testReport">Choose files</label>
  1223.                                     </div>
  1224.                                 </div>
  1225.                             </div>
  1226.                         </div> -->
  1227.  
  1228.                         <div class="col-12">
  1229.                             <div class="form-group">
  1230.                                 <label class="form-label">Plan of Managment  </label>
  1231.                                 <div class="form-control-wrap">
  1232.                                     <div class="quill-basic">
  1233.                                         <textarea name="plan_of_managment" class="form-control"></textarea>
  1234.                                     </div>
  1235.                                 </div>
  1236.                             </div>
  1237.                         </div><!--col-->
  1238.  
  1239.                         <div class="col-12">
  1240.                             <div class="form-group">
  1241.                                 <label class="form-label">Final</label>
  1242.                                 <div class="form-control-wrap">
  1243.                                     <div class="quill-basic">
  1244.                                         <textarea name="final" class="form-control"></textarea>
  1245.                                     </div>
  1246.                                 </div>
  1247.                             </div>
  1248.                         </div><!--col-->
  1249.  
  1250.                         
  1251.  
  1252.  
  1253.  
  1254.                         <div class="col-12">
  1255.                             <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
  1256.                                 <li>
  1257.                                     <button data-bs-dismiss="modal" class="btn btn-primary">Add Diagnosis</button>
  1258.                                 </li>
  1259.                                 <li>
  1260.                                     <a href="#" class="link link-light" data-bs-dismiss="modal">Cancel</a>
  1261.                                 </li>
  1262.                             </ul>
  1263.                         </div><!-- .col -->
  1264.  
  1265.                         <input type="text" name="form-type" value="diagnosis" style="display: none">
  1266.                     </div>
  1267.                 </form>
  1268.             </div><!-- .modal-body -->
  1269.         </div><!-- .modal-content -->
  1270.     </div><!-- .modal-dialog -->
  1271. </div><!-- .modal -->
  1272.  
  1273. <div class="modal fade" tabindex="-1" role="dialog" id="editHealth">
  1274.     <div class="modal-dialog modal-lg" role="document">
  1275.         <div class="modal-content">
  1276.             <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
  1277.             <div class="modal-body modal-body-md">
  1278.                 <h5 class="modal-title">General Physical Examination</h5>
  1279.                 <form method="POST" class="mt-4">
  1280.                     <div class="row gy-4">
  1281.                    
  1282.                         <div class="col-xxl-3 col-md-4">
  1283.                             <div class="form-group">
  1284.                                 <label class="form-label">Blood Group</label>
  1285.                                 <div class="form-control-wrap">
  1286.                                     <select class="form-select js-select2" name="blood-group" data-placeholder="Select Group">
  1287.                                         <option value="A+" <?php echo ($patient["blood_group"] == "A+" ? "selected" : "") ?>>A+</option>
  1288.                                         <option value="A-" <?php echo ($patient["blood_group"] == "A-" ? "selected" : "") ?>>A-</option>
  1289.                                         <option value="AB+" <?php echo ($patient["blood_group"] == "AB+" ? "selected" : "") ?>>AB+</option>
  1290.                                         <option value="AB-" <?php echo ($patient["blood_group"] == "AB-" ? "selected" : "") ?>>AB-</option>
  1291.                                         <option value="B+" <?php echo ($patient["blood_group"] == "B+" ? "selected" : "") ?>>B+</option>
  1292.                                         <option value="B-" <?php echo ($patient["blood_group"] == "B-" ? "selected" : "") ?>>B-</option>
  1293.                                         <option value="O+" <?php echo ($patient["blood_group"] == "O+" ? "selected" : "") ?>>O+</option>
  1294.                                         <option value="O-" <?php echo ($patient["blood_group"] == "O-" ? "selected" : "") ?>>O-</option>
  1295.                                     </select>
  1296.                                 </div>
  1297.                             </div>
  1298.                         </div><!--col-->
  1299.                         <div class="col-xxl-3 col-md-4">
  1300.                             <div class="form-group">
  1301.                                 <label class="form-label">Height (cm):</label>
  1302.                                 <input type="number" class="form-control" name="height" id="height" placeholder="Height" value=<?php echo $patient["height"] ?>>
  1303.                             </div>
  1304.                         </div><!--col-->
  1305.                         <div class="col-xxl-3 col-md-4">
  1306.                             <div class="form-group">
  1307.                                 <label class="form-label">Weight (kg):</label>
  1308.                                 <input type="number" class="form-control" name="weight" id="weight" placeholder="Weight" value=<?php echo $patient["weight"] ?>>
  1309.                             </div>
  1310.                         </div><!--col-->
  1311.  
  1312.                         <div class="col-xxl-3 col-md-4">
  1313.                             <div class="form-group">
  1314.                                 <label class="form-label">BMI</label>
  1315.                                 <input type="text" class="form-control" name="bmi" id="bmi" placeholder="BMI" value=<?php echo $patient["bmi"] ?>>
  1316.                             </div>
  1317.                         </div><!--col-->
  1318.  
  1319.  
  1320.                         <div class="col-xxl-3 col-md-4">
  1321.                             <div class="form-group">
  1322.                                 <label class="form-label">Blood Pressure</label>
  1323.                                 <input type="text" class="form-control" id="bp" name="blood-pressure" placeholder="Blood Pressure" value=<?php echo $patient["blood_pressure"] ?>>
  1324.                             </div>
  1325.                         </div><!--col-->
  1326.                         <div class="col-xxl-3 col-md-4">
  1327.                             <div class="form-group">
  1328.                                 <label class="form-label">Pulse</label>
  1329.                                 <input type="text" class="form-control" name="pulse" id="pulse" placeholder="Pulse" value=<?php echo $patient["pulse"] ?>>
  1330.                             </div>
  1331.                         </div><!--col-->
  1332.                         <div class="col-xxl-3 col-md-4">
  1333.                             <div class="form-group">
  1334.                                 <label class="form-label">Temperature</label>
  1335.                                 <input type="text" class="form-control" name="temperature" id="temperature" placeholder="Temperature" value=<?php echo $patient["temperature"] ?>>
  1336.                             </div>
  1337.                         </div><!--col-->
  1338.  
  1339.                         <div class="col-xxl-3 col-md-4">
  1340.                             <div class="form-group">
  1341.                                 <label class="form-label">Pallor</label>
  1342.                                 <input type="text" class="form-control" name="pallor" id="pallor" placeholder="Pallor" value=<?php echo $patient["pallor"] ?>>
  1343.                             </div>
  1344.                         </div><!--col-->
  1345.  
  1346.                         <div class="col-xxl-3 col-md-4">
  1347.                             <div class="form-group">
  1348.                                 <label class="form-label">Icterus</label>
  1349.                                 <input type="text" class="form-control" name="icterus" id="icterus" placeholder="Icterus" value=<?php echo $patient["icterus"] ?>>
  1350.                             </div>
  1351.                         </div><!--col-->
  1352.  
  1353.                         <div class="col-xxl-3 col-md-4">
  1354.                         <div class="form-group">
  1355.                             <label class="form-label">Orientation</label>
  1356.                             <input type="text" class="form-control" name="orientation" id="orientation" placeholder="Orientation" value="<?php echo $patient["orientation"] ?>" >
  1357.                         </div>
  1358.                     </div><!--col-->
  1359.  
  1360.                     <div class="col-xxl-3 col-md-4">
  1361.                         <div class="form-group">
  1362.                             <label class="form-label">Memory</label>
  1363.                             <input type="text" class="form-control" name="memory" id="memory" placeholder="Memory" value="<?php echo $patient["memory"] ?>" >
  1364.                         </div>
  1365.                     </div><!--col-->
  1366.  
  1367.                     <div class="col-xxl-3 col-md-4">
  1368.                         <div class="form-group">
  1369.                             <label class="form-label">Insight</label>
  1370.                             <input type="text" class="form-control" name="insight" id="insight" placeholder="Insight" value="<?php echo $patient["insight"] ?>" >
  1371.                         </div>
  1372.                     </div><!--col-->
  1373.  
  1374.                     <div class="col-xxl-3 col-md-4">
  1375.                         <div class="form-group">
  1376.                             <label class="form-label">Judgment</label>
  1377.                             <input type="text" class="form-control" name="judgment" id="judgment" placeholder="Judgment" value="<?php echo $patient["judgment"] ?>" >
  1378.                         </div>
  1379.                     </div><!--col-->
  1380.  
  1381.                         <div class="col-xxl-3 col-md-4">
  1382.                             <div class="form-group">
  1383.                                 <label class="form-label">Cynosis</label>
  1384.                                 <input type="text" class="form-control" name="cynosis" id="cynosis" placeholder="Cynosis" value=<?php echo $patient["cynosis"] ?>>
  1385.                             </div>
  1386.                         </div><!--col-->
  1387.  
  1388.                         <div class="col-xxl-3 col-md-4">
  1389.                             <div class="form-group">
  1390.                                 <label class="form-label">Clubbing</label>
  1391.                                 <input type="text" class="form-control" name="clubbing" id="clubbing" placeholder="Clubbing" value=<?php echo $patient["clubbing"] ?>>
  1392.                             </div>
  1393.                         </div><!--col-->
  1394.  
  1395.  
  1396.                         <div class="col-xxl-3 col-md-4">
  1397.                             <div class="form-group">
  1398.                                 <label class="form-label">Lymphadenopathy</label>
  1399.                                 <input type="text" class="form-control" name="lymphadenopathy" id="lymphadenopathy" placeholder="Lymphadenopathy" value=<?php echo $patient["lymphadenopathy"] ?>>
  1400.                             </div>
  1401.                         </div><!--col-->
  1402.  
  1403.                         <div class="col-xxl-3 col-md-4">
  1404.                             <div class="form-group">
  1405.                                 <label class="form-label">Edema</label>
  1406.                                 <input type="text" class="form-control" name="edema" id="edema" placeholder="Edema" value=<?php echo $patient["edema"] ?>>
  1407.                             </div>
  1408.                         </div><!--col-->
  1409.  
  1410.                         <div class="col-xxl-3 col-md-4">
  1411.                             <div class="form-group">
  1412.                                 <label class="form-label">Skin Lesions</label>
  1413.                                 <input type="text" class="form-control" name="skin_lesions" id="skin_lesions" placeholder="Skin Lesions" value=<?php echo $patient["skin_lesions"] ?>>
  1414.                             </div>
  1415.                         </div><!--col-->
  1416.  
  1417.                         <div class="col-12">
  1418.                             <h4>Systemic Examination</h4>
  1419.                             <div class="form-group">
  1420.                                 <lable class="form-label">RS/CVS/ABD/CNS/MUSCULOSKELTAL</lable>
  1421.                                 <textarea name="systemic_examination" class="form-control"><?php echo $patient["systemic_examination"]; ?></textarea>
  1422.                             </div>
  1423.                         </div><!--col-->
  1424.  
  1425.  
  1426.                         <div class="row col-12 mt-2">
  1427.                             <h4>Mental Status Examination</h4>
  1428.                             <div class="row form-group">
  1429.                                 <div class="form-group col-3">
  1430.                                     <label class="form-label">Gab:</label>
  1431.                                     <input type="text" class="form-control" name="gab" id="gab" placeholder="Gab" value=<?php echo $patient["gab"] ?>>
  1432.                                 </div>
  1433.                                 <div class="form-group col-3">
  1434.                                     <label class="form-label">Mood:</label>
  1435.                                     <input type="text" class="form-control" name="mood" id="mood" placeholder="Mood" value=<?php echo $patient["mood"] ?>>
  1436.                                 </div>
  1437.                                 <div class="form-group col-3">
  1438.                                     <label class="form-label">Affect:</label>
  1439.                                     <input type="text" class="form-control" name="affect" id="affect" placeholder="Affect" value=<?php echo $patient["affect"] ?>>
  1440.                                 </div>
  1441.                                 <div class="form-group col-3">
  1442.                                     <label class="form-label">Speech:</label>
  1443.                                     <input type="text" class="form-control" name="speech" id="speech" placeholder="Speech" value=<?php echo $patient["speech"] ?>>
  1444.                                 </div>
  1445.                                 <div class="form-group col-3">
  1446.                                     <label class="form-label">Thought:</label>
  1447.                                     <input type="text" class="form-control" name="thought" id="thought" placeholder="Thought" value=<?php echo $patient["thought"] ?>>
  1448.                                 </div>
  1449.                             </div>
  1450.                         </div><!--col-->
  1451.  
  1452.  
  1453.                        
  1454.  
  1455.                         <div class="col-12">
  1456.                             <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
  1457.                                 <li>
  1458.                                     <button data-bs-dismiss="modal" class="btn btn-primary">Save</button>
  1459.                                 </li>
  1460.                                 <li>
  1461.                                     <a href="#" class="link link-light" data-bs-dismiss="modal">Cancel</a>
  1462.                                 </li>
  1463.                             </ul>
  1464.                         </div><!-- .col -->
  1465.  
  1466.                         <input type="text" name="form-type" value="health" style="display: none">
  1467.  
  1468.                     </div><!--row-->
  1469.                 </form>
  1470.             </div><!-- .modal-body -->
  1471.         </div><!-- .modal-content -->
  1472.     </div><!-- .modal-dialog -->
  1473. </div><!-- .modal -->
  1474.  
  1475. <div class="modal fade" tabindex="-1" role="dialog" id="editCompalin">
  1476.     <div class="modal-dialog modal-lg" role="document">
  1477.         <div class="modal-content">
  1478.             <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
  1479.             <div class="modal-body modal-body-md">
  1480.                 <h5 class="modal-title">Chiel Complaints</h5>
  1481.                 <form method="POST" class="mt-4">
  1482.                     <div class="row gy-4">
  1483.                     <div class="col-12">
  1484.                             <h4>Complaints</h4>
  1485.                             <div class="form-group">
  1486.                                 <label class="form-label">Chiel Complaints</label>
  1487.                                 <textarea name="chief_complaints" class="form-control"><?php echo $patient["chief_complaints"]; ?></textarea>
  1488.                             </div>
  1489.                         </div><!--col-->
  1490.                         <div class="col-12">
  1491.                             <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
  1492.                                 <li>
  1493.                                     <button data-bs-dismiss="modal" class="btn btn-primary">Save</button>
  1494.                                 </li>
  1495.                                 <li>
  1496.                                     <a href="#" class="link link-light" data-bs-dismiss="modal">Cancel</a>
  1497.                                 </li>
  1498.                             </ul>
  1499.                         </div>
  1500.  
  1501.                         <input type="text" name="form-type" value="complain" style="display: none">
  1502.  
  1503.                     </div><!--row-->
  1504.                 </form>
  1505.             </div><!-- .modal-body -->
  1506.         </div><!-- .modal-content -->
  1507.     </div><!-- .modal-dialog -->
  1508. </div><!-- .modal -->
  1509.  
  1510. <div class="modal fade" tabindex="-1" role="dialog" id="editHistory">
  1511.     <div class="modal-dialog modal-lg" role="document">
  1512.         <div class="modal-content">
  1513.             <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
  1514.             <div class="modal-body modal-body-md">
  1515.                 <h5 class="modal-title">History</h5>
  1516.                 <form method="POST" class="mt-4 col-12">
  1517.                     <div class="row mt-2 col-12">
  1518.                     <h4>History of Present Illness</h4>
  1519.                         <div class="form-group col-4">
  1520.                             <label class="form-label">History of Present Illness</label>
  1521.                             <input name="history_present_illness" class="form-control"></input>
  1522.                         </div>
  1523.  
  1524.                         <div class="form-group col-4">
  1525.                             <label class="form-label">Medical History</label>
  1526.                             <input name="medical" class="form-control"></input>
  1527.                         </div>
  1528.  
  1529.                         <div class="form-group col-4">
  1530.                             <label class="form-label">Surgical History</label>
  1531.                             <input name="surgical" class="form-control"></input>
  1532.                         </div>
  1533.                     </div><!--col-->
  1534.  
  1535.                     <div class="row mt-2 col-12">
  1536.                         <h4>Family History</h4>
  1537.                         <div class="form-group col-12">
  1538.                             <label class="form-label">Family History</label>
  1539.                             <input name="family" class="form-control"></input>
  1540.                         </div>
  1541.                     </div><!--col-->
  1542.  
  1543.                     <div class="row mt-2 col-12">
  1544.                         <h4>Personal History</h4>
  1545.                         <div class="form-group col-4">
  1546.                             <label class="form-label">Diet History</label>
  1547.                             <input name="diet" class="form-control"></input>
  1548.                         </div>
  1549.  
  1550.                         <div class="form-group col-4">
  1551.                             <label class="form-label">Sleep History</label>
  1552.                             <input name="sleep" class="form-control"></input>
  1553.                         </div>
  1554.  
  1555.                         <div class="form-group col-4">
  1556.                             <label class="form-label">Appetite History</label>
  1557.                             <input name="appetite" class="form-control"></input>
  1558.                         </div>
  1559.  
  1560.                         <div class="form-group col-4">
  1561.                             <label class="form-label">Blowel History</label>
  1562.                             <input name="blowel" class="form-control"></input>
  1563.                         </div>
  1564.  
  1565.                         <div class="form-group col-4">
  1566.                             <label class="form-label">Menstrual History</label>
  1567.                             <input name="menstrual" class="form-control"></input>
  1568.                         </div>
  1569.  
  1570.                         <div class="form-group col-4">
  1571.                             <label class="form-label">Permorbid  History</label>
  1572.                             <input name="permordbid" class="form-control"></input>
  1573.                         </div>
  1574.                         <div class="col-12 mt-2">
  1575.                             <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
  1576.                                 <li>
  1577.                                     <button data-bs-dismiss="modal" class="btn btn-primary">Save</button>
  1578.                                 </li>
  1579.                                 <li>
  1580.                                     <a href="#" class="link link-light" data-bs-dismiss="modal">Cancel</a>
  1581.                                 </li>
  1582.                             </ul>
  1583.                         </div><!-- .col -->
  1584.  
  1585.                         <input type="text" name="form-type" value="history" style="display: none">
  1586.  
  1587.                     </div><!--row-->
  1588.                 </form>
  1589.             </div><!-- .modal-body -->
  1590.         </div><!-- .modal-content -->
  1591.     </div><!-- .modal-dialog -->
  1592. </div><!-- .modal -->
  1593.  
  1594.  
  1595.  
  1596. <!-- Add Prescription  Info-->
  1597. <div class="modal fade" tabindex="-1" role="dialog" id="addPrescription">
  1598.     <div class="modal-dialog modal-lg" role="document">
  1599.         <div class="modal-content">
  1600.             <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
  1601.             <div class="modal-body modal-body-md">
  1602.                 <h5 class="modal-title">Prescription Info</h5>
  1603.                 <form action="" method="POST" class="mt-4" id="myform">
  1604. <div class="" id="show_item">
  1605.        
  1606.  
  1607. <!-- Fetch Medicine -->
  1608.   <?php                  
  1609. $query = " SELECT * FROM prescriptions";
  1610. $stmt = $conn->prepare($query);
  1611. $stmt->execute();
  1612. $result = $stmt->get_result();
  1613. // $temp = null;
  1614.  
  1615.  
  1616. $query = " SELECT * FROM prescriptions";
  1617. $stmt = $conn->prepare($query);
  1618. $stmt->execute();
  1619. $result1 = $stmt->get_result();
  1620.  
  1621.  
  1622. $query = " SELECT * FROM prescriptions";
  1623. $stmt = $conn->prepare($query);
  1624. $stmt->execute();
  1625. $result2 = $stmt->get_result();
  1626.  
  1627. $query = " SELECT * FROM prescriptions";
  1628. $stmt = $conn->prepare($query);
  1629. $stmt->execute();
  1630. $result3 = $stmt->get_result();
  1631. ?>
  1632.  
  1633. <!-- ENd Fetch Medicine -->
  1634. <div class="row g-gs col-12 mform" id="mform">
  1635. <div class="col-md-3">
  1636.                             <div class="form-group">
  1637.                                 <label class="form-label" for="medicineCategory">Medicine Category</label>
  1638.                                 <div class="form-control-wrap">
  1639.                                     <input type="text" class="form-control" name="medicine-category[]" id="medicineCategory" placeholder="Medicine Category">
  1640.                                 </div>
  1641.                             </div>
  1642.                         </div><!-- .col -->
  1643.                         <div class="col-md-3">
  1644.                             <div class="form-group">
  1645.                                 <label class="form-label" for="medicine">Medicine</label>
  1646.                                 <div class="form-control-wrap">
  1647.                                     <input type="text" class="form-control" name="medicine[]" id="medicine" placeholder="Medicine" required>
  1648.                                 </div>
  1649.                             </div>
  1650.                         </div><!-- .col -->
  1651.                         <div class="col-md-3">
  1652.                             <div class="form-group">
  1653.                                 <label class="form-label" for="dosage">Dosage</label>
  1654.                                 <div class="form-control-wrap">
  1655.                                     <input type="text" class="form-control" name="dosage[]" id="dosage" placeholder="0 - 0 - 0" required>
  1656.                                 </div>
  1657.                             </div>
  1658.                         </div><!-- .col -->
  1659.                         <div class="col-md-2">
  1660.                             <div class="form-group">
  1661.                                 <label class="form-label" for="dosage">Duration</label>
  1662.                                 <div class="form-control-wrap">
  1663.                                     <input type="number" class="form-control" name="duration[]" id="duration" placeholder="Enter duration in days.. Ex. 28" required>
  1664.                                 </div>
  1665.                             </div>
  1666.                         </div><!-- .col -->
  1667.                          <div class="col-md-1">
  1668.                              <div class="form-group">
  1669.                                   <label class="form-label">Action</label>
  1670.                                  <div class="form-control-wrap">
  1671.                             <a class="btn btn-primary addmore" id="addmore">Add</a>
  1672.                             </div>
  1673.                             </div>
  1674.                         </div>
  1675.                         </div>
  1676. </div>  
  1677.                         
  1678.                         <div class="col-12">    
  1679.                             <div class="form-group">
  1680.                                 <label class="form-label">Instruction</label>
  1681.                                 <textarea name="instruction" class="form-control"></textarea>
  1682.                             </div>
  1683.                         </div><!--col-->
  1684.                         <div class="col-md-12">
  1685.                             <div class="form-group">
  1686.                                 <label class="form-label" for="dosage">Start Date</label>
  1687.                                 <div class="form-control-wrap">
  1688.                                     <input type="date" class="form-control" name="start-date" id="start-date" value="<?php echo $today; ?>" required>
  1689.                                 </div>
  1690.                             </div>
  1691.                         </div><!-- .col -->
  1692.                          <div class="col-md-12 mb-5">
  1693.                             <div class="form-group">
  1694.                                 <label class="form-label">Status</label>
  1695.                                 <div class="form-control-wrap">
  1696.                                     <select class="form-select js-select2" name="status" data-placeholder="Select Status" required>
  1697.                                         <option value="">Select Status</option>
  1698.                                         <option value="ACTIVE" selected>Active</option>
  1699.                                         <option value="INACTIVE">Inactive</option>
  1700.                                     </select>
  1701.                                 </div>
  1702.                             </div>
  1703.                         </div><!-- .col -->
  1704.                             
  1705.  
  1706.                         <div class="col-12">
  1707.                             <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
  1708.                                 <li>
  1709.                                     <button data-bs-dismiss="modal" id="addsubmit" class="btn btn-primary">Add Prescription</button>
  1710.                                 </li>
  1711.                                 <li>
  1712.                                     <a href="#" class="link link-light" data-bs-dismiss="modal">Cancel</a>
  1713.                                 </li>
  1714.                             </ul>
  1715.                         </div><!-- .col -->
  1716.  
  1717.                         <input type="text" name="form-type" style="display: none" value="prescription">
  1718.  
  1719.                     </div>
  1720.                 </form>
  1721.             </div><!-- .modal-body -->
  1722.         </div><!-- .modal-content -->
  1723.     </div><!-- .modal-dialog -->
  1724. </div><!-- .modal -->
  1725. <!-- Add Charges  Info-->
  1726. <div class="modal fade" tabindex="-1" role="dialog" id="addCharges">
  1727.     <div class="modal-dialog modal-lg" role="document">
  1728.         <div class="modal-content">
  1729.             <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
  1730.             <div class="modal-body modal-body-md">
  1731.                 <h5 class="modal-title">Charges Info</h5>
  1732.                 <form action="#" class="mt-4">
  1733.                     <div class="row g-gs">
  1734.                         <div class="col-md-6">
  1735.                             <div class="form-group">
  1736.                                 <label class="form-label">Date</label>
  1737.                                 <div class="form-control-wrap">
  1738.                                     <div class="form-icon form-icon-right">
  1739.                                         <em class="icon ni ni-calendar"></em>
  1740.                                     </div>
  1741.                                     <input type="text" class="form-control date-picker" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy">
  1742.                                 </div>
  1743.                             </div>
  1744.                         </div><!-- .col -->
  1745.                         <div class="col-md-6">
  1746.                             <div class="form-group">
  1747.                                 <label class="form-label" for="category">Category</label>
  1748.                                 <div class="form-control-wrap">
  1749.                                     <input type="text" class="form-control" id="category" placeholder="Category">
  1750.                                 </div>
  1751.                             </div>
  1752.                         </div><!-- .col -->
  1753.                         <div class="col-md-6">
  1754.                             <div class="form-group">
  1755.                                 <label class="form-label" for="chargesType">Charges Type</label>
  1756.                                 <div class="form-control-wrap">
  1757.                                     <input type="text" class="form-control" id="chargesType" placeholder="Charges Type">
  1758.                                 </div>
  1759.                             </div>
  1760.                         </div><!-- .col -->
  1761.                         <div class="col-md-6">
  1762.                             <div class="form-group">
  1763.                                 <label class="form-label" for="standradChargesType">Standrad Charges</label>
  1764.                                 <div class="form-control-wrap">
  1765.                                     <input type="text" class="form-control" id="standradChargesType" placeholder="Standrad Charges">
  1766.                                 </div>
  1767.                             </div>
  1768.                         </div><!-- .col -->
  1769.                         <div class="col-md-6">
  1770.                             <div class="form-group">
  1771.                                 <label class="form-label" for="tpaChargesType">TPA Charges</label>
  1772.                                 <div class="form-control-wrap">
  1773.                                     <input type="text" class="form-control" id="tpaChargesType" placeholder="TPA Charges">
  1774.                                 </div>
  1775.                             </div>
  1776.                         </div><!-- .col -->
  1777.                         <div class="col-md-6">
  1778.                             <div class="form-group">
  1779.                                 <label class="form-label" for="applied ChargesType">Applied Charges</label>
  1780.                                 <div class="form-control-wrap">
  1781.                                     <input type="text" class="form-control" id="applied ChargesType" placeholder="Applied Charges">
  1782.                                 </div>
  1783.                             </div>
  1784.                         </div><!-- .col -->
  1785.                         <div class="col-12">
  1786.                             <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
  1787.                                 <li>
  1788.                                     <button data-bs-dismiss="modal" class="btn btn-primary">Add Charges</button>
  1789.                                 </li>
  1790.                                 <li>
  1791.                                     <a href="#" class="link link-light" data-bs-dismiss="modal">Cancel</a>
  1792.                                 </li>
  1793.                             </ul>
  1794.                         </div><!-- .col -->
  1795.                     </div>
  1796.                 </form>
  1797.             </div><!-- .modal-body -->
  1798.         </div><!-- .modal-content -->
  1799.     </div><!-- .modal-dialog -->
  1800. </div><!-- .modal -->
  1801. <!-- Add Payment  Info-->
  1802.  
  1803.  
  1804.  
  1805.  
  1806.     <?php 
  1807. $query = " SELECT * FROM prescriptions";
  1808. $stmt = $conn->prepare($query);
  1809. $stmt->execute();
  1810. $result2 = $stmt->get_result();
  1811. ?>
  1812.  
  1813.  
  1814.  
  1815.  
  1816. <script>
  1817.  
  1818.     $(document).ready(function(){
  1819.         $(".addmore").click(function(e){
  1820.         e.preventDefault();
  1821.             // alert("AA");
  1822.             $("#show_item").append(`
  1823.             <div class="row g-gs col-12 mform" id="mform">
  1824.                        
  1825.                                 <div class="form-control-wrap col-3">
  1826.                                     <input type="text" class="form-control" name="medicine-category[]" id="medicineCategory" placeholder="Medicine Category">
  1827.                                 
  1828.                         </div><!-- .col -->
  1829.                        
  1830.                                 <div class="form-control-wrap col-3">
  1831.                                     <input type="text" class="form-control" name="medicine[]" id="medicine" placeholder="Medicine" required>
  1832.                                 
  1833.                         </div><!-- .col -->
  1834.                         
  1835.                                 <div class="form-control-wrap col-3">
  1836.                                     <input type="text" class="form-control" name="dosage[]" id="dosage" placeholder="0 - 0 - 0" required>
  1837.                                 
  1838.                         </div><!-- .col -->
  1839.                        
  1840.                                 <div class="form-control-wrap col-2">
  1841.                                     <input type="number" class="form-control" name="duration[]" id="duration" placeholder="Enter duration in days.. Ex. 28" required>
  1842.                                 
  1843.                         </div><!-- .col -->
  1844.                         
  1845.                                  <div class="form-control-wrap col-1 d-grid">
  1846.                             <button class="btn btn-danger removebtn" id="removebtn">Remove</button>
  1847.                             
  1848.                         </div><!-- .col -->
  1849.                         </div>
  1850.             `)
  1851.         })
  1852.  
  1853.  
  1854.           $(".addmore").click(function(e){
  1855.         e.preventDefault();
  1856.             // alert("AA");
  1857.             $("#show_item").append(`
  1858.             <div class="row g-gs col-12 mform" id="mform">
  1859.                        
  1860.                                 <div class="form-control-wrap col-3">
  1861.                                     <input type="text" class="form-control" name="medicine-category[]" id="medicineCategory" placeholder="Medicine Category">
  1862.                                 
  1863.                         </div><!-- .col -->
  1864.                        
  1865.                                 <div class="form-control-wrap col-3">
  1866.                                     <input type="text" class="form-control" name="medicine[]" id="medicine" placeholder="Medicine" required>
  1867.                                 
  1868.                         </div><!-- .col -->
  1869.                         
  1870.                                 <div class="form-control-wrap col-3">
  1871.                                     <input type="text" class="form-control" name="dosage[]" id="dosage" placeholder="0 - 0 - 0" required>
  1872.                                 
  1873.                         </div><!-- .col -->
  1874.                        
  1875.                                 <div class="form-control-wrap col-2">
  1876.                                     <input type="number" class="form-control" name="duration[]" id="duration" placeholder="Enter duration in days.. Ex. 28" required>
  1877.                                 
  1878.                         </div><!-- .col -->
  1879.                         
  1880.                                  <div class="form-control-wrap col-1 d-grid">
  1881.                             <button class="btn btn-danger removebtn" id="removebtn">Remove</button>
  1882.                             
  1883.                         </div><!-- .col -->
  1884.                         </div>
  1885.             `)
  1886.         })
  1887.  
  1888.         document.addEventListener("DOMContentLoaded", function() {
  1889.     var medicineCategory = document.querySelector("#medicineCategory11");
  1890.     console.log("medicineCategory"); // Check if the element is found
  1891.     if (medicineCategory) {
  1892.         medicineCategory.addEventListener("click", function() {
  1893.             alert("S");
  1894.             console.log("object")
  1895.         });
  1896.     }
  1897. });
  1898.  
  1899.  
  1900.         $(document).on('click','.removebtn',function(e){
  1901.             e.preventDefault();
  1902.             let item_row = $(this).parent().parent();
  1903.             $(item_row).remove();
  1904.         });
  1905.  
  1906.       
  1907.     });
  1908.  
  1909.  
  1910.     function alike_childrens(query, data){
  1911.  
  1912.         const return_data = [];
  1913.         const regEx = new RegExp(`${query}`, "ig");
  1914.  
  1915.         if (!data || data.length <= 0){
  1916.             return return_data;
  1917.         }
  1918.  
  1919.         for(let children of data){
  1920.             let found = false;
  1921.             let grand_childs = [];
  1922.             
  1923.             if (children.childrens.length > 0){
  1924.                 grand_childs = alike_childrens(query, children.childrens);
  1925.             }
  1926.             
  1927.             if (regEx.exec(children.name)){
  1928.                 const _obj = {};
  1929.                 _obj.obj = children;
  1930.                 _obj.childrens = grand_childs;
  1931.                 return_data.push(_obj);
  1932.  
  1933.             }else if (grand_childs.length > 0){
  1934.                 return_data.push(...grand_childs);
  1935.             }
  1936.         }
  1937.  
  1938.         return return_data;
  1939.     }
  1940.  
  1941.     function alike_data(query, data){
  1942.  
  1943.         let return_data = [];
  1944.         const regEx = new RegExp(`.*${query}.*`, "i");
  1945.  
  1946.         for (let element of data){
  1947.             let childrens = [];
  1948.             
  1949.             // get childrens
  1950.             if (element.childrens.length > 0){
  1951.                 childrens = alike_childrens(query, element.childrens);
  1952.             }
  1953.  
  1954.             if (regEx.exec(element.name) || childrens.length > 0){
  1955.                 const _obj = {};
  1956.                 _obj.obj = element;
  1957.                 _obj.childrens = childrens;
  1958.                 return_data.push(_obj);
  1959.             }
  1960.         }
  1961.  
  1962.         return return_data;
  1963.  
  1964.     }
  1965.  
  1966.     function create_child_lists(data, main_list, regex){
  1967.  
  1968.         const return_data = [];
  1969.  
  1970.         for (let element of data){
  1971.  
  1972.             // create list element
  1973.             
  1974.             const html_text = element.obj.name.replace(regex, (matched) => {
  1975.                 return `<span class="selected-category">${matched}</span>`
  1976.             });
  1977.             const li = create_tree_li(element.obj.name.replaceAll(" ", "-"), element.obj.name, html_text, false, true);
  1978.             
  1979.             if (element.childrens.length > 0){
  1980.                 create_child_lists(element.childrens, li.querySelector("ul"), regex);
  1981.             }
  1982.  
  1983.             const _ul = li.querySelector("ul");
  1984.  
  1985.             if (_ul.childNodes.length <= 0){
  1986.                 li.querySelector(".expandable-button").remove();
  1987.                 li.querySelector(".child-elements").remove();
  1988.             }
  1989.  
  1990.             main_list.appendChild(li);
  1991.  
  1992.         }
  1993.         
  1994.         return main_list;
  1995.     }
  1996.  
  1997.  
  1998.     function create_tree_ul(collapse=true){
  1999.         const ul = document.createElement("ul");
  2000.         ul.classList.add("child-elements", "p-1");
  2001.         ul.classList.add("list-group-item", "list-group-flush");
  2002.         ul.classList.add("collapse");
  2003.         collapse ? null: ul.classList.add("show");
  2004.  
  2005.         return ul;
  2006.     }
  2007.  
  2008.     function create_tree_li(id, raw_text, html_text="", collapse=true, expandable=true){
  2009.         const li = document.createElement("li");
  2010.         li.classList.add("list-group-item");
  2011.         
  2012.         const a = document.createElement("a");
  2013.         a.classList.add("d-flex", "tree-link");
  2014.         a.setAttribute("aria-expanded", "false");
  2015.         a.setAttribute("data-toggle", "collapse");
  2016.         a.href = "#" + id;
  2017.         // a.href = "javascript:";
  2018.         a.setAttribute("data-name", raw_text);
  2019.  
  2020.         const span = document.createElement("span");
  2021.         span.classList.add("mr-auto");
  2022.         span.innerHTML = html_text;
  2023.  
  2024.         const span_2 = document.createElement("span");
  2025.         span_2.classList.add("ml-auto", "expandable-button");
  2026.         span_2.innerHTML = "▼";
  2027.  
  2028.         a.appendChild(span);
  2029.         expandable ? a.appendChild(span_2): null;
  2030.  
  2031.         const ul = create_tree_ul(collapse);
  2032.         ul.id = id;
  2033.  
  2034.         li.appendChild(a);
  2035.         li.appendChild(ul);
  2036.  
  2037.         return li;
  2038.     }
  2039.  
  2040.  
  2041.     function create_list(data, regex){
  2042.         // create list element
  2043.         const list_wrapper = create_tree_ul(false);
  2044.  
  2045.         const list_container = create_child_lists(data, list_wrapper, regex);
  2046.  
  2047.         return list_container;
  2048.  
  2049.  
  2050.     }
  2051.  
  2052.     function toggle_category_container(expand = true){
  2053.         console.log("requested again");
  2054.         const btn = document.querySelector("#category-content-button");
  2055.  
  2056.         // Expand
  2057.         if(expand){
  2058.             if (btn.getAttribute("aria-expanded") == 'false'){
  2059.                 const container = document.querySelector("#diagnosis-category-nk-container");
  2060.                 container.style.display = "block";
  2061.                 btn.click();                    
  2062.             }
  2063.             return;
  2064.         }
  2065.  
  2066.         // Collapse
  2067.         if (btn.getAttribute("aria-expanded") == 'true'){
  2068.             const container = document.querySelector("#diagnosis-category-nk-container");
  2069.             container.style.display = "none";
  2070.             btn.click();
  2071.         } 
  2072.     }
  2073.  
  2074.  
  2075.     function add_category_to_provision(e){
  2076.         const selected_provisional_container = document.querySelector(".selected-provisonals-container");
  2077.  
  2078.         // Return if none is selected
  2079.         if (!choosen_category || !choosen_category.dataset.name){
  2080.             NioApp.Toast("No diagnosis is selected", "error");
  2081.             return false;
  2082.         }
  2083.  
  2084.         // Return if already included
  2085.         for (let child of selected_provisional_container.childNodes){
  2086.             if (child.dataset.name == choosen_category.dataset.name){
  2087.                 NioApp.Toast("Already selected", "info");
  2088.                 return false;
  2089.             }
  2090.         }
  2091.  
  2092.  
  2093.         // Create Element
  2094.         const wrapper = document.createElement("div");
  2095.         wrapper.classList.add("provisonal-wrapper");
  2096.         wrapper.dataset.name = choosen_category.dataset.name;
  2097.  
  2098.         const span_text = document.createElement("input");
  2099.         span_text.setAttribute("name", "provisonal");
  2100.         span_text.classList.add("provisonal-name-wrapper");
  2101.         span_text.value = choosen_category.dataset.name;
  2102.  
  2103.         const span_logo = document.createElement("span");
  2104.         span_logo.classList.add("provisonal-close-wrapper", "material-symbols-outlined");
  2105.         span_logo.innerText = "close";
  2106.  
  2107.         wrapper.appendChild(span_text);
  2108.         wrapper.appendChild(span_logo);
  2109.  
  2110.         // append to container
  2111.         selected_provisional_container.appendChild(wrapper);
  2112.  
  2113.         span_logo.addEventListener("click", (e) => {
  2114.             const wrapper = e.target.closest(".provisonal-wrapper");
  2115.             wrapper.remove();
  2116.             update_provison_data();
  2117.         })
  2118.  
  2119.         // update input value of provisional input
  2120.         update_provison_data();
  2121.  
  2122.         NioApp.Toast("Added");
  2123.         return true;
  2124.     }
  2125.  
  2126.     function update_provison_data(){
  2127.         const selected_provisional_container = document.querySelector(".selected-provisonals-container");
  2128.         let text = "";
  2129.  
  2130.         for (let child of selected_provisional_container.childNodes){
  2131.             if (child.dataset && child.dataset.name && child.dataset.name.length > 0){
  2132.                 if (text.length > 0){
  2133.                     text += ","  
  2134.                 }
  2135.  
  2136.                 text += child.dataset.name
  2137.             }
  2138.         }
  2139.  
  2140.         const provisonal_input = document.querySelector('#provisional-input');
  2141.         provisonal_input.value = text;
  2142.     }
  2143.  
  2144.  
  2145. </script>
  2146.  
  2147.  
  2148. <script>
  2149.     let choosen_category = null;
  2150.     let medicine_categories;
  2151.  
  2152.     try{
  2153.     medicine_categories = JSON.parse(`
  2154.     <?php
  2155.         // Get categories 
  2156.         $query = "
  2157.         SELECT * FROM medicine_categories
  2158.         WHERE parent_id IS NULL
  2159.         ";
  2160.         $stmt = $conn->prepare($query);
  2161.         $stmt->execute();
  2162.         $result = $stmt->get_result();
  2163.         $data = [];
  2164.         $temp = null;
  2165.  
  2166.         while ($temp = $result->fetch_assoc()){
  2167.             $temp["childrens"] = fetch_childrens($conn, $temp["id"]);
  2168.             array_push($data, $temp);
  2169.         }
  2170.  
  2171.         echo json_encode($data);
  2172.     ?>`);
  2173.     }catch(e){
  2174.         console.log(e);
  2175.     }
  2176.  
  2177.  
  2178.  
  2179.     document.addEventListener("DOMContentLoaded", () => {
  2180.         const search_bar = document.querySelector("#category-search");
  2181.  
  2182.         search_bar.addEventListener("input", (e) => {
  2183.             const query = e.target.value.trim();
  2184.  
  2185.             if (query.length <= 0){
  2186.                 toggle_category_container(false);
  2187.                 return;
  2188.             }else{
  2189.                 toggle_category_container(true);
  2190.             }
  2191.  
  2192.  
  2193.             const regex = new RegExp(`(${query})`, "ig");
  2194.  
  2195.             const result = alike_data(query, medicine_categories);
  2196.             const dom_tree = create_list(result, regex);
  2197.             const tree_view_container = document.querySelector("#category-collapse-content-container");
  2198.             tree_view_container.innerHTML = null;
  2199.             tree_view_container.appendChild(dom_tree);
  2200.  
  2201.             const tree_links =document.querySelectorAll(".tree-link");
  2202.  
  2203.             tree_links.forEach(tree_link => {
  2204.                 tree_link.addEventListener("click", (e) => {
  2205.                     choosen_category ? choosen_category.classList.remove("choosen-category") : null;
  2206.                     e.currentTarget.classList.add("choosen-category");
  2207.                     choosen_category = e.currentTarget;    
  2208.                     if(add_category_to_provision(e)){
  2209.                     toggle_category_container(false);
  2210.                 };
  2211.                 });
  2212.             });
  2213.         });
  2214.  
  2215.  
  2216.         // Add provision    
  2217.         const add_provision_btn = document.querySelector("#action-selected-category-btn");
  2218.         add_provision_btn.addEventListener("click", (e) => {
  2219.             if(add_category_to_provision(e)){
  2220.                 toggle_category_container(false);
  2221.             };
  2222.         });
  2223.  
  2224.     });
  2225.  
  2226.  
  2227. // BMI 
  2228.  
  2229. let height = document.querySelector("#height");
  2230. let weight = document.querySelector("#weight");
  2231. let bmi = document.querySelector("#bmi");
  2232.  
  2233.  
  2234. weight.addEventListener("keyup",function(e){
  2235.     // console.log(bmi.value);
  2236.     // console.log(weight.value);
  2237.  
  2238.     let h = parseFloat(document.querySelector("#height").value);
  2239.     let w = parseFloat(document.querySelector("#weight").value);
  2240.     // console.log(h);
  2241.     // console.log(w);
  2242.  
  2243.     if(isNaN(h)  || h <=0  ){
  2244.         alert("PLz Enter Right Value in Height and Weight");
  2245.     }
  2246.  
  2247.     let b = w / ((h / 100) * (h / 100));
  2248.  
  2249.     console.log(b);
  2250.  
  2251.     bmi.value = b;
  2252. })
  2253.  
  2254.  
  2255. </script>
  2256. <script>
  2257.                            
  2258.  
  2259.  
  2260.                         
  2261.                             document.getElementById('medicineCategory').addEventListener('change', function() {
  2262.                                 var select = this;
  2263.                                 var selectedOption = select.options[select.selectedIndex];
  2264.                                 
  2265.                                 if (selectedOption.value === 'add_new_category') {
  2266.                                     document.getElementById('newCategoryInput').style.display = 'block';
  2267.                                 } else {
  2268.                                     document.getElementById('newCategoryInput').style.display = 'none';
  2269.                                 }
  2270.                             });
  2271.  
  2272.                             document.getElementById('addNewCategoryBtn').addEventListener('click', function() {
  2273.                                 var newCategoryInput = document.getElementById('newCategoryText').value.trim();
  2274.                                 
  2275.                                 // Check if the input is not empty
  2276.                                 if (newCategoryInput !== '') {
  2277.                                     var select = document.getElementById('medicineCategory');
  2278.                                     var option = document.createElement('option');
  2279.                                     option.value = newCategoryInput;
  2280.                                     option.text = newCategoryInput;
  2281.                                     select.add(option);
  2282.                                     // Optionally, you may want to select the newly added option
  2283.                                     // option.selected = true;
  2284.                                     // And hide the input field
  2285.                                     document.getElementById('newCategoryInput').style.display = 'none';
  2286.                                 } else {
  2287.                                     alert('Please enter a valid category.');
  2288.                                 }
  2289.                             });
  2290.                       
  2291.  
  2292.  
  2293.                         document.getElementById('medicine').addEventListener('change', function() {
  2294.                                 var select = this;
  2295.                                 var selectedOption = select.options[select.selectedIndex];
  2296.                                 
  2297.                                 if (selectedOption.value === 'add_new_medicine') {
  2298.                                     document.getElementById('newmedicineInput').style.display = 'block';
  2299.                                 } else {
  2300.                                     document.getElementById('newmedicineInput').style.display = 'none';
  2301.                                 }
  2302.                             });
  2303.  
  2304.                             document.getElementById('addNewmedicineBtn').addEventListener('click', function() {
  2305.                                 var newCategoryInput = document.getElementById('newmedicineText').value.trim();
  2306.                                 
  2307.                                 // Check if the input is not empty
  2308.                                 if (newCategoryInput !== '') {
  2309.                                     var select = document.getElementById('medicine');
  2310.                                     var option = document.createElement('option');
  2311.                                     option.value = newCategoryInput;
  2312.                                     option.text = newCategoryInput;
  2313.                                     select.add(option);
  2314.                                     // Optionally, you may want to select the newly added option
  2315.                                     // option.selected = true;
  2316.                                     // And hide the input field
  2317.                                     document.getElementById('newmedicineInput').style.display = 'none';
  2318.                                 } else {
  2319.                                     alert('Please enter a valid category.');
  2320.                                 }
  2321.                             });
  2322.  
  2323.                             // 
  2324.  
  2325.  
  2326.  
  2327.  
  2328.                             document.getElementById('dosage').addEventListener('change', function() {
  2329.                                 var select = this;
  2330.                                 var selectedOption = select.options[select.selectedIndex];
  2331.                                 
  2332.                                 if (selectedOption.value === 'add_new_dosage') {
  2333.                                     document.getElementById('newdosageInput').style.display = 'block';
  2334.                                 } else {
  2335.                                     document.getElementById('newdosageInput').style.display = 'none';
  2336.                                 }
  2337.                             });
  2338.  
  2339.                             document.getElementById('addNewdosageBtn').addEventListener('click', function() {
  2340.                                 var newCategoryInput = document.getElementById('newdosageText').value.trim();
  2341.                                 
  2342.                                 // Check if the input is not empty
  2343.                                 if (newCategoryInput !== '') {
  2344.                                     var select = document.getElementById('dosage');
  2345.                                     var option = document.createElement('option');
  2346.                                     option.value = newCategoryInput;
  2347.                                     option.text = newCategoryInput;
  2348.                                     select.add(option);
  2349.                                     // Optionally, you may want to select the newly added option
  2350.                                     // option.selected = true;
  2351.                                     // And hide the input field
  2352.                                     document.getElementById('newdosageInput').style.display = 'none';
  2353.                                 } else {
  2354.                                     alert('Please enter a valid category.');
  2355.                                 }
  2356.                             });
  2357.  
  2358.                             // 
  2359.  
  2360.  
  2361.  
  2362.                // Show reload message when page is about to reload
  2363.         window.addEventListener('beforeunload', function() {
  2364.             document.getElementById('reloadMessage').style.display = 'block';
  2365.         });
  2366.  
  2367.         // Add event listener to reload button
  2368.         document.getElementById('reloadButton').addEventListener('click', function() {
  2369.             // Hide reload message when reload button is clicked
  2370.             document.getElementById('reloadMessage').style.display = 'none';
  2371.             // Reload the page
  2372.             location.reload();
  2373.         });            
  2374.                            
  2375.  
  2376.                         </script>
  2377.  
  2378. <?php
  2379.  
  2380. include_once "./includes/footer.php";
  2381.  
  2382. ?>
  2383.  
  2384.  

Editor

You can edit this paste and save as new:


File Description
  • AA
  • Paste Code
  • 27 Apr-2024
  • 140.64 Kb
You can Share it: