<div class="tab-pane  active  " id="tab_1">
    <div class="portlet box grey-cascade">
        <div class="portlet-title">
            <div class="caption">Embryo scoring and grading</div>
            <div class="actions"></div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="portlet-body form border-gray2 mb-5" >
                    <div class="row px-15" style="    margin: 10px 0px  !important;">
                        <div class="form-group ">
                            <label class="col-md-3 control-label" for="form_control_1">ICSI done by :</label>
                            <div class="col-md-9">
                                <input type="hidden" class="form-control updateEmbryoLab"    id="icsi_id" 
                                       data-colName="icsi_by" data-tableName="embryoslab" >
                                <input type="hidden" class="form-control"    id="icsi_id_value"  
                                       value="{$updatedate.icsi_by}" >
                                <input type="hidden" class="form-control"    id="icsi_name"  
                                       value="{$updatedate.icsi_name}" >
                            </div>
                        </div>
                    </div>

                    <div class="row px-15" style="    margin-bottom: 10px !important;">
                        <table>
                            <thead>
                                <tr>
                                    <th > Day</th>
                                    <th > stage</th>
                                    <th >   grade  </th>
                                    <th >   From Row  </th>
                                    <th >   To Row   </th>
                                    <th class="wds5">   </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>

                                    <td>
                                        <select id="sDays" class="form-control"  >
                                            <option value="">choose</option>
                                            <option value="2">Day 2 </option>
                                            <option value="3">Day 3 </option>
                                            <option value="4">Day 4  </option>
                                            <option value="5">Day 5 </option>
                                            <option value="6">Day 6 </option>
                                        </select>
                                    </td>

                                    <td>
                                        <select id="sStages" class="form-control selectStage"  select-tableName="stage">
                                            <option value="">choose</option>
                                            {foreach  $stages as $one}
                                            <option value="{$one->id}">{$one->stage}</option>
                                            {/foreach}

                                            <option value="-2" class="deleteoptincompo">Delete</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select id="sGrades" class="form-control selectGrade"    select-tableName="grade" >
                                            <option value="">choose</option>
                                            {foreach  $grades as $one}
                                            <option value="{$one->id}">{$one->grade}</option>
                                            {/foreach}

                                            <option value="-2" class="deleteoptincompo">Delete</option>
                                        </select>
                                    </td>

                                    <td>
                                        <input type="number"  class="form-control input-sm" 
                                               id="fromRow"  value="1"  min="1" max="{$count_scoring}">
                                    </td>

                                    <td>
                                        <input type="number"  class="form-control input-sm" 
                                               id="toRow"  value="1"  min="1" max="{$count_scoring}">
                                    </td>

                                    <td>
                                        <a href="javascript:;" class="btn blue btn-sm "   id="saveScoringData" 
                                           data-rowsCount="{$count_scoring}">  Save
                                        </a>  
                                        <img src="{$hosturl}/../upload/loading.gif" id="btnLoading" style="display: none;" >
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="row px-15">
                        <div class="tabbable tabbable-custom tabbable-noborder">
                            <ul class="nav nav-tabs" id="rowTab">
                                <li class="aw_3d_list active"> <a href="#tabsc_2" data-toggle="tab"> Day 2 </a> </li>
                                <li class="aw_3d_list"> <a href="#tabsc_3" data-toggle="tab"> Day 3 </a> </li>
                                <li class="aw_3d_list"> <a href="#tabsc_4" data-toggle="tab"> Day 4  </a> </li>
                                <li class="aw_3d_list"> <a href="#tabsc_5" data-toggle="tab"> Day 5   </a> </li>
                                <li class="aw_3d_list"> <a href="#tabsc_6" data-toggle="tab"> Day 6  </a> </li>
                            </ul>

                            <div class="tab-content" id ="scoringDaysDiv">