
<div class="portlet box grey-cascade">
    <div class="portlet-title">
        <div class="caption">Sex Selection </div>
        <div class="actions">
            <a href="javascript:;" class="btn blue btn-sm " data-tableName="embryoselection" 
               id="addnewRowSelection">
                Add New</a>
        </div>
    </div>
    <div class="portlet-body">
        <div class="row">
            <div class="portlet-body form border-gray2 mb-5" >
                <div class="row">
                    <table>
                        <thead>
                            <tr>
                                <th class="wds30">Embryo</th>
                                <th class="wds30">Result</th>
                                <th>Notes</th>
                                <th class="wds5">Delete</th>
                            </tr>
                        </thead>
                        <tbody id="selectionTable">
                            {foreach $selections as $selection}
                            <tr>
                                <td>
                                    <select id="emb{$selection.id}"  class="form-control selectEmb updateItemH" data-rowid="{$selection.id}" 
                                            name="embryo_id" select-tableName="embryo_emb" data-colName="embryo_id" 
                                            data-tableName="embryoselection" >
                                        <option value="">choose</option>
                                        {foreach  $embryo_emb as $one}
                                        <option value="{$one->id}"{if $selection.embryo_id eq $one->id}selected{/if}>{$one->name}</option>
                                        {/foreach}

                                        <option value="-2" class="deleteoptincompo">Delete</option>
                                    </select>
                                </td>
                                <td>
                                    <select id="res{$selection.id}"  class="form-control selectRes updateItemH" data-rowid="{$selection.id}" 
                                            name="result_id" select-tableName="embryo_result" data-colName="result_id" 
                                            data-tableName="embryoselection">
                                        <option value="">choose</option>
                                        {foreach  $embryo_result as $one}
                                        <option value="{$one->id}"{if $selection.result_id eq $one->id}selected{/if}>{$one->name}</option>
                                        {/foreach}

                                        <option value="-2" class="deleteoptincompo">Delete</option>
                                    </select>
                                </td>
                                <td>
                                    <textarea class="form-control updateItemH txtc " data-colName="notes" 
                                              data-tableName="embryoselection" rows="1"  data-rowid="{$selection.id}" >
                                        {$selection.notes}  
                                    </textarea>
                                </td>
                                <td><a  class="btn grey-cascade btn-xs delFromTableH" data-tableName="embryoselection" 
                                        data-rowid="{$selection.id}" style=" float: left;"  data-colName="deleted"><i class="fa fa-close"></i>
                                    </a>
                                </td>
                            </tr>
                            {/foreach}
                        </tbody>
                    </table>
                    <input type="hidden"  id="selectItr" value="{$selectionsCount}"/>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>


