<div class="row">
    <div class="portlet-title tbox">
        <div class="caption font-green-haze col-md-6">
            <span class="caption-subject bold uppercase"> Board</span>
        </div>
        <div class="actions col-md-6"></div>
    </div>

    <div class="col-md-12">
        <input type="hidden" id="VisitDateHidden" value="{$VisitDateHidden}">
        <table class="table table-bordered table-striped table-hover rtl">
            <tr>
                <th>اسم المريضة  </th>
                <td colspan="2">   {$visPatientName}  </td>
            </tr>

            <tr>
                <th>اسم الجراح  </th>
                <td colspan="2">   {$drName}  </td>
            </tr>

            <tr>
                <th>اسم العملية   </th>
                <td colspan="2">   {$detectionName}  </td>
            </tr>

            <tr>
                <th>دكتور التخدير   </th>
                <td colspan="2">         
                    <select class="form-control select2me  updateElement "    id="anaesthetists"
                            data-placeholder="Select..." data-id="{$board->id}"  
                            data-colName="anesthesiologist_id" data-tableName="operation_data">
                        <option></option>
                        {foreach  $anaesthetists as $data}
                        <option value="{$data.user_id}" {if $data.user_id == $board->anesthesiologist_id} selected {/if}>{$data.name}</option>
                        {/foreach}
                    </select> 
                </td>
            </tr>

            <tr>
                <th>اسم الممرضة    </th>
                <td colspan="2">         
                    <select class="form-control select2me  updateElement "   id="nurses"
                            data-placeholder="Select..." data-id="{$board->id}"  
                            data-colName="nurse_id" data-tableName="operation_data">
                        <option></option>
                        {foreach  $nurses as $data}
                        <option value="{$data.user_id}" {if $data.user_id == $board->nurse_id} selected {/if}>{$data.name}</option>
                        {/foreach}
                    </select> 
                </td>
            </tr>

            <tr>
                <th> عدد الآلات    </th>
                <td>         
                    <input type="number" class="form-control updateElement positiveNo" data-id="{$board->id}" 
                           data-colName="machine_no"   data-tableName="operation_data"  id="machineNo"
                           value="{$board->machine_no}" data-toggle="popover" data-trigger="hover"  
                           data-placement="bottom"  data-content="{$board->machine_no}"/>
                </td>
                <td class="wds10">
                    <a href="javascript:;" class="btn green-haze plusOne" data-target="machineNo"> + </a>
                    <a href="javascript:;" class="btn red minusOne" data-target="machineNo"> - </a>
                </td>
            </tr>

            <tr>
                <th> عدد الشاش    </th>
                <td>         
                    <input type="number" class="form-control updateElement positiveNo" data-id="{$board->id}" 
                           data-colName="gauze_no"   data-tableName="operation_data"  id="gauzeNo"
                           value="{$board->gauze_no}" data-toggle="popover" data-trigger="hover"  
                           data-placement="bottom"  data-content="{$board->gauze_no}"/>
                </td>
                <td>
                    <a href="javascript:;" class="btn green-haze plusOne" data-target="gauzeNo"> + </a>
                    <a href="javascript:;" class="btn red minusOne" data-target="gauzeNo"> - </a>
                </td>
            </tr>

            <tr>
                <th> عدد الفوط    </th>
                <td>         
                    <input type="number" class="form-control updateElement positiveNo" data-id="{$board->id}" 
                           data-colName="pads_no"   data-tableName="operation_data"  id="padsNo"
                           value="{$board->pads_no}" data-toggle="popover" data-trigger="hover"  
                           data-placement="bottom"  data-content="{$board->pads_no}"/>
                </td>
                <td>
                    <a href="javascript:;" class="btn green-haze plusOne" data-target="padsNo"> + </a>
                    <a href="javascript:;" class="btn red minusOne" data-target="padsNo"> - </a>
                </td>
            </tr>


            <!--tr>
                <th>  ملاحظات    </th>
                <td>         
                    <textarea class="form-control has-info updateElement " rows="3" placeholder="Enter more text" 
                              data-id="{$board->id}"   data-colName="notes"   data-tableName="operation_data"   >
                        {$board->notes}
                    </textarea>
                </td>
            </tr-->

        </table>
    </div>
</div>


{literal}
<script>
    $('#anaesthetists').select2();
    $('#nurses').select2();
    var VisitDateHidden = $("#VisitDateHidden").val();
    $('#VisitDateDetails').html(VisitDateHidden);
</script>
{/literal}