{if $tableName  == "intensive_care_pre" }

<tr>
   <td> <input type="hidden" id="currentid" value="{$obj->id}pre"/>
      <table class="table table-striped table-hover table-bordered">
         <thead>
            <tr >
               <th style="width: 18%;background: #DDD;" rowspan="2">    Doctor   </th>
               <th style="width: 18%;background: #DDD;" rowspan="2">    GCS   </th>
               <th style="width: 18%;background: #DDD;" rowspan="2">    Chest auscultation   </th>

               <th style="width: 36%;background: #DDD;" colspan="3">     العلامات الحيوية   </th>
               <th style="background: #DDD;" rowspan="2">       التوقيت   </th>
            </tr>
            <tr>
               <th style="width: 12%;background: #DDD;">    BP  </th>
               <th style="width: 12%;background: #DDD;">    Pulse  </th>
               <th style="width: 12%;background: #DDD;">    Temp  </th>

            </tr>
            <tr>
               <td>
                  <select class="form-control select2me  updateElement "  id="doctorid{$obj->id}pre"   data-placeholder="Select..." 
                          data-id="{$obj->id}"  data-colName="doctorid" data-tableName="intensive_care_pre">
                     <option></option>
                     {foreach  $doctors as $data}
                     <option value="{$data.user_id}" {if $data.user_id == $obj->doctorid} selected {/if}>{$data.name}</option>
                     {/foreach}
                  </select>
               </td>
               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="gcs" 
                         data-tableName="intensive_care_pre" value="{$obj->gcs}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->gcs}"/>

               </td>

               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="chest" 
                         data-tableName="intensive_care_pre" value="{$obj->chest}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->chest}"/>

               </td>


               <td>
                  <input type="text" class="form-control bp_mask updateElement" data-id="{$obj->id}" data-colName="bp" 
                         data-tableName="intensive_care_pre" value="{$obj->bp}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->bp}"/>
               </td>
               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="pulse" 
                         data-tableName="intensive_care_pre" value="{$obj->pulse}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->pulse}"/>
               </td>
               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="temp" 
                         data-tableName="intensive_care_pre" value="{$obj->temp}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->temp}"/>
               </td>

               <td>
                  <input type="text" class="form-control updateElement datetimepicker " data-id="{$obj->id}" data-colName="timing" 
                         data-tableName="intensive_care_pre" value="{$obj->timing}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->timing}" data-date-format="mm/dd HH:ii p" /> 
               </td>
            </tr>
            <tr>
               <th style="width: 18%;background: #DDD;" >     Nursing   </th>
               <th style="width: 18%;background: #DDD;" >     Airway management   </th>
               <th style="width: 18%;background: #DDD;"  >     Motor deficit   </th>
               <th style="width: 12%;background: #DDD;">    So2  </th>
               <th style="width: 12%;background: #DDD;">    RR  </th>
               <th style="width: 12%;background: #DDD;">    RBG  </th>
            </tr>

            <tr>
               <td>
                  <select class="form-control select2me  updateElement "  id="nurseid{$obj->id}pre"   data-placeholder="Select..." 
                          data-id="{$obj->id}"  data-colName="nurseid" data-tableName="intensive_care_pre">
                     <option></option>
                     {foreach  $nurses as $data}
                     <option value="{$data.user_id}" {if $data.user_id == $obj->nurseid} selected {/if}>{$data.name}</option>
                     {/foreach}
                  </select>
               </td>

               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="airway" 
                         data-tableName="intensive_care_pre" value="{$obj->airway}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->airway}"/>
               </td>

               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="motor" 
                         data-tableName="intensive_care_pre" value="{$obj->motor}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->motor}"/>
               </td>

               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="so2" 
                         data-tableName="intensive_care_pre" value="{$obj->so2}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->so2}"/>
               </td>
               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="rr" 
                         data-tableName="intensive_care_pre" value="{$obj->rr}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->rr}"/>
               </td>
               <td>
                  <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="rbg" 
                         data-tableName="intensive_care_pre" value="{$obj->rbg}" data-toggle="popover" data-trigger="hover" 
                         data-placement="bottom" data-content="{$obj->rbg}"/>
               </td>
            </tr>


         </thead>
      </table>
   </td>
   <td>
      <a class="btn grey-cascade btn-xs deletemsgEX" data-id="{$obj->id}" style=" float: left;" 
         href="#" data-link="ovumpickupembryotrans" data-fn="delPre" data-tableName="intensive_care_pre">
         <i class="fa fa-close"></i>
      </a>
   </td>
</tr>

{/if}




{if $tableName  == "intensive_care_fluid" }
<tr>
   <td>
      <input type="hidden" id="currentid" value="{$obj->id}post"/>
      <input type="hidden" id="pItr" value="{$itr}"/>
      <select class="form-control select2me  updateElement " id="doctorid{$obj->id}post"  data-placeholder="Select..." 
              data-id="{$obj->id}"  data-colName="doctorid" data-tableName="intensive_care_fluid">
         <option></option>
         {foreach  $doctors as $data}
         <option value="{$data.user_id}" {if $data.user_id == $obj->doctorid} selected {/if}>{$data.name}</option>
         {/foreach}
      </select>
   </td>
   <td>
      <select class="form-control select2me  updateElement " id="nurseid{$obj->id}post"   data-placeholder="Select..." 
              data-id="{$obj->id}"  data-colName="nurseid" data-tableName="intensive_care_fluid">
         <option></option>
         {foreach  $nurses as $data}
         <option value="{$data.user_id}" {if $data.user_id == $obj->nurseid} selected {/if}>{$data.name}</option>
         {/foreach}
      </select>
   </td>

   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="parenteral" 
             data-tableName="intensive_care_fluid" value="{$obj->parenteral}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->parenteral}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="gastric" 
             data-tableName="intensive_care_fluid" value="{$obj->gastric}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->gastric}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="urine" 
             data-tableName="intensive_care_fluid" value="{$obj->urine}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->urine}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="stool" 
             data-tableName="intensive_care_fluid" value="{$obj->stool}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->stool}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="drain1" 
             data-tableName="intensive_care_fluid" value="{$obj->drain1}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->drain1}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="drain2" 
             data-tableName="intensive_care_fluid" value="{$obj->drain2}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->drain2}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="chest_tube" 
             data-tableName="intensive_care_fluid" value="{$obj->chest_tube}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->chest_tube}"/>
   </td>

   <td>
      <input type="text" class="form-control updateElement datetimepicker " data-id="{$obj->id}" data-colName="timing" 
             data-tableName="intensive_care_fluid" value="{$obj->timing}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->timing}" data-date-format="mm/dd HH:ii p" />
   </td>
   <td>
      <a class="btn grey-cascade btn-xs deletemsgEX" data-id="{$obj->id}" style=" float: left;" 
         href="#" data-link="ovumpickupembryotrans" data-fn="delPre" data-tableName="intensive_care_fluid">
         <i class="fa fa-close"></i>
      </a>
   </td>
</tr>
{/if}

{if $tableName  == "intensive_care_inst" }

<tr>
   <td><input type="hidden" id="currentid" value="{$obj->id}"/><input type="hidden" id="currentTable" value="{$tableName}"/>
      <select class="form-control updateElement instrument_id"   id="instrument_id{$obj->id}"  
              data-id="{$obj->id}"  data-colName="instrument_id" data-tableName="intensive_care_inst"  >
         <option value="">choose</option>
         {foreach  $instruments as $single}
         <option value="{$single.id}" {if $obj->instrument_id == $single.id } selected {/if}  >{$single.name}</option>
         {/foreach}
         <option value="-1" class="deleteoptincompo">تعديل </option>
      </select>
   </td>
   <td>
      <select class="form-control updateElement instrument_mode"   id="instrument_mode{$obj->id}"  
              data-id="{$obj->id}"  data-colName="instrument_mode" data-tableName="intensive_care_inst"  >
         <option value="">choose</option>
         {foreach  $modes as $single}
         <option value="{$single.id}" {if $obj->instrument_mode == $single.id } selected {/if}  >{$single.name}</option>
         {/foreach}
         <option value="-1" class="deleteoptincompo">تعديل </option>
      </select>
   </td>

   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="o2" 
             data-tableName="intensive_care_inst" value="{$obj->o2}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->o2}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="peep" 
             data-tableName="intensive_care_inst" value="{$obj->peep}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->peep}"/>
   </td>


   <td>
      <select class="form-control updateElement sedation"   id="sedation{$obj->id}"  
              data-id="{$obj->id}"  data-colName="sedation" data-tableName="intensive_care_inst"  >
         <option value="">choose</option>
         {foreach  $sedations as $single}
         <option value="{$single.id}" {if $obj->sedation == $single.id } selected {/if}  >{$single.name}</option>
         {/foreach}
         <option value="-1" class="deleteoptincompo">تعديل </option>
      </select>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="weaning" 
             data-tableName="intensive_care_inst" value="{$obj->weaning}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->weaning}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj->id}" data-colName="notes" 
             data-tableName="intensive_care_inst" value="{$obj->notes}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj->notes}"/>
   </td>

   <td>
      <a class="btn grey-cascade btn-xs deletemsgEX" data-id="{$obj->id}" style=" float: left;" 
         href="#" data-link="ovumpickupembryotrans" data-fn="delPre" data-tableName="intensive_care_inst">
         <i class="fa fa-close"></i>
      </a>
   </td>
</tr>
{/if}

{if $tableName  == "intensive_care_drugs" }


<tr>
   <td><input type="hidden" id="currentid" value="{$obj->id}"/><input type="hidden" id="currentTable" value="{$tableName}"/>
      <select class="form-control updateElement care_drugs"   id="care_drug_id{$obj.id}"  
              data-id="{$obj.id}"  data-colName="care_drug_id" data-tableName="intensive_care_drugs"  >
         <option value="">choose</option>
         {foreach  $care_drugs as $single}
         <option value="{$single.id}" {if $obj.care_drug_id == $single.id } selected {/if}  >{$single.name}</option>
         {/foreach}
         <option value="-1" class="deleteoptincompo">تعديل </option>
      </select>
   </td>
   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj.id}" data-colName="portion" 
             data-tableName="intensive_care_drugs" value="{$obj.portion}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj.portion}"/>
   </td>

   <td>
      <input type="text" class="form-control updateElement datepicker" data-id="{$obj.id}" data-colName="start_date" 
             data-tableName="intensive_care_drugs" value="{$obj.start_date}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj.start_date}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement datepicker" data-id="{$obj.id}" data-colName="end_date" 
             data-tableName="intensive_care_drugs" value="{$obj.end_date}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj.end_date}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement bp_mask" data-id="{$obj.id}" data-colName="bp" 
             data-tableName="intensive_care_drugs" value="{$obj.bp}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj.bp}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj.id}" data-colName="urine" 
             data-tableName="intensive_care_drugs" value="{$obj.urine}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj.urine}"/>
   </td>


   <td>
      <input type="text" class="form-control updateElement" data-id="{$obj.id}" data-colName="notes" 
             data-tableName="intensive_care_drugs" value="{$obj.notes}" data-toggle="popover" data-trigger="hover" 
             data-placement="bottom" data-content="{$obj.notes}"/>
   </td>

   <td>
      <a class="btn grey-cascade btn-xs deletemsgEX" data-id="{$obj.id}" style=" float: left;" 
         href="#" data-link="ovumpickupembryotrans" data-fn="delPre" data-tableName="intensive_care_drugs">
         <i class="fa fa-close"></i>
      </a>
   </td>
</tr>


{/if}



{literal}
<script type="text/javascript" >

      var currentid = $('#currentid').val();
     var currentTable = $('#currentTable').val();
     $('#currentid').remove();
      $('#currentTable').remove();
   
   
     if (currentTable == 'intensive_care_inst') {
               $('#instrument_id'+ currentid).select2({
                  width: '240px',
                  allowClear: true,
                  formatNoMatches: function (term) {
                     /* customize the no matches output */
                     var thisId = $(this).attr("id");
                     return "<input class='form-control' id='newinstrument_idTerm' value='" + term + "'>\n\
                               <a href='#' id='addNewinstrument_idRow' data-id='" + thisId + "'  \n\
                                  class='btn blue custombtnstyle'>ADD</a>"
                  }
               }).parent().find('.select2-with-searchbox').on('click', '#addNewinstrument_idRow', function () {
                  /* add the new term */
                  var newTerm = $('#newinstrument_idTerm').val();
                  var thisId = $(this).attr("data-id");
                  console.log(thisId);
                  $.post(hosturl + "/controllers/invsdept.php?ac=addnewrecord", {selectId: 'instruments', new_name: newTerm
                  }, function (data) {
                     console.log(data);

                     $('.instrument_id > .deleteoptincompo').before('<option value="' + Number(data) + '" >' + newTerm + '</option>');
                     $('#' + thisId + '').select2('val', Number(data)); // select the new term
                     $('.instrument_id').select2('close'); // close the dropdown

                     $('.updateElement[id=' + thisId + ']').trigger("change");
                  });
               });

               $("body").on('change', '.instrument_id', function () {
                  var id = $(this).attr("data-id");
                  var value = $(this).val();
                  var hosturl = $('#hosturl').val();
                  var selectId = 'instrument_id';
                  //##########################################################
                  if (value == -1) {
                     $('#' + selectId).select2('val', '');
                     $.post(hosturl + '/controllers/visits.php?ac=editselect', {selectId: selectId, tableName: 'instruments', notAll: 1}
                     , function (data) {
                        $("#detectionforview").html(data);
                        $("#edit_detectionforview").modal('show');
                     });
                  }
               });

               $('#instrument_mode'+ currentid).select2({
                  width: '240px',
                  allowClear: true,
                  formatNoMatches: function (term) {
                     /* customize the no matches output */
                     var thisId = $(this).attr("id");
                     return "<input class='form-control' id='newinstrument_modeTerm' value='" + term + "'>\n\
                               <a href='#' id='addNewinstrument_modeRow' data-id='" + thisId + "'  \n\
                                  class='btn blue custombtnstyle'>ADD</a>"
                  }
               }).parent().find('.select2-with-searchbox').on('click', '#addNewinstrument_modeRow', function () {
                  /* add the new term */
                  var newTerm = $('#newinstrument_modeTerm').val();
                  var thisId = $(this).attr("data-id");
                  $.post(hosturl + "/controllers/invsdept.php?ac=addnewrecord", {selectId: 'instrument_modes', new_name: newTerm
                  }, function (data) {

                     $('.instrument_mode > .deleteoptincompo').before('<option value="' + Number(data) + '" >' + newTerm + '</option>');
                     $('#' + thisId + '').select2('val', Number(data)); // select the new term
                     $('.instrument_mode').select2('close'); // close the dropdown

                     $('.updateElement[id=' + thisId + ']').trigger("change");
                  });
               });

               $("body").on('change', '.instrument_mode', function () {
                  var id = $(this).attr("data-id");
                  var value = $(this).val();
                  var hosturl = $('#hosturl').val();
                  var selectId = 'instrument_mode';
                  //##########################################################
                  if (value == -1) {
                     $('#' + selectId).select2('val', '');
                     $.post(hosturl + '/controllers/visits.php?ac=editselect', {selectId: selectId, tableName: 'instrument_modes', notAll: 1}
                     , function (data) {
                        $("#detectionforview").html(data);
                        $("#edit_detectionforview").modal('show');
                     });
                  }
               });


               $('#sedation'+ currentid).select2({
                  width: '240px',
                  allowClear: true,
                  formatNoMatches: function (term) {
                     /* customize the no matches output */
                     var thisId = $(this).attr("id");
                     return "<input class='form-control' id='newsedationTerm' value='" + term + "'>\n\
                               <a href='#' id='addNewsedationRow' data-id='" + thisId + "'  \n\
                                  class='btn blue custombtnstyle'>ADD</a>"
                  }
               }).parent().find('.select2-with-searchbox').on('click', '#addNewsedationRow', function () {
                  /* add the new term */
                  var newTerm = $('#newsedationTerm').val();
                  var thisId = $(this).attr("data-id");
                  $.post(hosturl + "/controllers/invsdept.php?ac=addnewrecord", {selectId: 'sedations', new_name: newTerm
                  }, function (data) {

                     $('.sedation > .deleteoptincompo').before('<option value="' + Number(data) + '" >' + newTerm + '</option>');
                     $('#' + thisId + '').select2('val', Number(data)); // select the new term
                     $('.sedation').select2('close'); // close the dropdown

                     $('.updateElement[id=' + thisId + ']').trigger("change");
                  });
               });

               $("body").on('change', '.sedation', function () {
                  var id = $(this).attr("data-id");
                  var value = $(this).val();
                  var hosturl = $('#hosturl').val();
                  var selectId = 'sedation';
                  //##########################################################
                  if (value == -1) {
                     $('#' + selectId).select2('val', '');
                     $.post(hosturl + '/controllers/visits.php?ac=editselect', {selectId: selectId, tableName: 'sedations', notAll: 1}
                     , function (data) {
                        $("#detectionforview").html(data);
                        $("#edit_detectionforview").modal('show');
                     });
                  }
               });
               
               
               
            } else if (currentTable == 'intensive_care_drugs') {
               
               
               $('#care_drug_id'+ currentid).select2({
                  width: '240px',
                  allowClear: true,
                  formatNoMatches: function (term) {
                     /* customize the no matches output */
                     var thisId = $(this).attr("id");
                     return "<input class='form-control' id='newcare_drugsTerm' value='" + term + "'>\n\
                               <a href='#' id='addNewcare_drugsRow' data-id='" + thisId + "'  \n\
                                  class='btn blue custombtnstyle'>ADD</a>"
                  }
               }).parent().find('.select2-with-searchbox').on('click', '#addNewcare_drugsRow', function () {
                  /* add the new term */
                  var newTerm = $('#newcare_drugsTerm').val();
                  var thisId = $(this).attr("data-id");
                  $.post(hosturl + "/controllers/invsdept.php?ac=addnewrecord", {selectId: 'care_drugs', new_name: newTerm
                  }, function (data) {

                     $('.care_drugs > .deleteoptincompo').before('<option value="' + Number(data) + '" >' + newTerm + '</option>');
                     $('#' + thisId + '').select2('val', Number(data)); // select the new term
                     $('.care_drugs').select2('close'); // close the dropdown

                     $('.updateElement[id=' + thisId + ']').trigger("change");
                  });
               });

               $("body").on('change', '.care_drugs', function () {
                  var id = $(this).attr("data-id");
                  var value = $(this).val();
                  var hosturl = $('#hosturl').val();
                  var selectId = 'care_drugs';
                  //##########################################################
                  if (value == -1) {
                     $('#' + selectId).select2('val', '');
                     $.post(hosturl + '/controllers/visits.php?ac=editselect', {selectId: selectId, tableName: 'care_drugs', notAll: 1}
                     , function (data) {
                        $("#detectionforview").html(data);
                        $("#edit_detectionforview").modal('show');
                     });
                  }
               });
            } else {
         $('#doctorid' + currentid).select2();
        $('#nurseid' + currentid).select2();
   }
            
            
 

   $(".datetimepicker").datetimepicker({
      autoclose: true
   });

 $(".datepicker").datepicker();

   $(".bp_mask").inputmask("999/999", {
      autoUnmask: true});

   var i = $('#pItr').val();
   $('#pItr').remove();

</script>
{/literal}