
<div class="col-md-12">
   <table class="table table-hover portlet light bg-inverse rtl"    >
      <thead>
         <tr>
            <th class="wds50">     الزيارات   </th>
            <th class="wds50">  الروشتات     </th>
         </tr>
      </thead>
      <tbody>
         <tr>
            <td>
               <table class="table table-hover portlet light bg-inverse rtl" id="approvalTable"  >
                  <thead>
                     <tr>
                        <th  style="width: 10px !important;">#</th>
                        <th class="wds13" >  رقم  المريض</th>
                        <th >  اسم المريض</th>
                        <th >  الكشف  </th>
                        <th class="wds15">   الحد الأقصى للزيارات   </th>
                        <th class="wds15">  المديونية    </th>
                     </tr>
                  </thead>
                  <tbody>
                     {assign var="i" value="1"}
                     {foreach $visits as $visit}
                     <tr>
                        <td>{$i}</td>
                        <td> {$visit.statusno}</td>
                        <td> {$visit.patientName}</td>
                        <td> {$visit.detName}</td>
                        <td id="approveLimitTd{$visit.visitId}">
                           {if  $visit.limit_approve == 1  }
                           <a data-id="{$visit.visitId}"  class="btn blue-hoki btn-xs approveLimit" id="approveLimit{$visit.visitId}">موافقة  </a>
                           {else}
                           {$visit.limitUserName}
                           {/if}
                        </td>

                        <td id="approveDeptTd{$visit.visitId}">
                           {if  $visit.dept_approve == 1 }
                           ( {$visit.visitDept} )
                           <a data-id="{$visit.visitId}"  class="btn blue-hoki btn-xs approveDept" id="approveDept{$visit.visitId}">موافقة  </a>
                           {else}
                           {$visit.deptUserName}
                           {/if}
                        </td>
                     </tr>
                     {assign var="i" value={$i+1}}
                     {/foreach}
                  </tbody>
               </table>
            </td>




            <td> 
               <table class="table table-hover portlet light bg-inverse rtl" id="approvalTablePre" >
                  <thead>
                     <tr>
                        <th  style="width: 10px !important;">#</th>
                        <th class="wds13" >  رقم  المريض</th>
                        <th >  اسم المريض</th>
                        <th >  النوع   </th>
                        <th >  الطبيب    </th>
                        <th class="wds15">   الحد الأقصى    </th>
                     </tr>
                  </thead>
                  <tbody>
                     {assign var="i" value="1"}
                     {foreach $prescriptions as $pre}
                     <tr>
                        <td>{$i}</td>
                        <td> {$pre.statusno}</td>
                        <td> {$pre.patientName}</td>
                        <td> {$pre.preSource}</td>
                        <td> {$pre.docUserName}</td>
                        <td id="approveLimitPreTd{$pre.preId}">
                           {if  $pre.limit_approve == 1  }
                           <a data-id="{$pre.preId}"  class="btn blue-hoki btn-xs approveLimitPre" id="approveLimitPre{$pre.preId}">موافقة  </a>
                           {else}
                           {$pre.limitUserName}
                           {/if}
                        </td>
                     </tr>
                     {assign var="i" value={$i+1}}
                     {/foreach}


                     {foreach $presChronic as $pre}
                     <tr>
                        <td>{$i}</td>
                        <td> {$pre.statusno}</td>
                        <td> {$pre.patientName}</td>
                        <td> {$pre.preSource}</td>
                        <td> {$pre.docUserName}</td>
                        <td id="approveLimitPreChrTd{$pre.preId}">
                           {if  $pre.limit_approve == 1  }
                           <a data-id="{$pre.preId}"  class="btn blue-hoki btn-xs approveLimitPreChr" id="approveLimitPreChr{$pre.preId}">موافقة  </a>
                           {else}
                           {$pre.limitUserName}
                           {/if}
                        </td>
                     </tr>
                     {assign var="i" value={$i+1}}
                     {/foreach}
                  </tbody>
               </table>
            </td>
      </tbody>
   </table>
</div>

{literal}
<script type="text/javascript" >
     $('#approvalTable').dataTable();
   $('#approvalTablePre').dataTable();
</script>
{/literal}