<div class="row"  style="background-color: #ddd;padding-left: 9px;">
    <div class="row" style="padding-top: 5px;padding-right: 15px;">

        <div class="caption font-green-haze col-md-11 txtc">
            <span class="caption-subject bold uppercase"  style="color: black">  Sex Selection  </span>
        </div>

        <div class="actions col-md-1">
            <a href="javascript:;" class="btn btn-default btn-sm " data-tableName="embryoselection" 
               id="addnewRowSelection">
                Add New</a>
        </div>

        <div class="col-md-12">
            <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>

<hr style="margin: 5px 0;">

<div class="row"  style="background-color: #c8ddfa;padding-left: 9px;">

    <div class="row">

        <div class="col-md-4">
            <div class="md-radio-list">
                <div class="md-radio">
                    <input type="radio" id="scoring" name="radio_type" class="md-radiobtn updateEmbryoLab" 
                           value="0" data-colName="radiotype" data-tableName="embryoslab"
                           {if $updatedate.radiotype eq 0 && $updatedate.radiotype neq ""}checked{/if}>
                    <label for="scoring">
                        <span></span>
                        <span class="check"></span>
                        <span class="box"></span>
                        Embryo Scoring and Grading</label>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="md-radio-list">
                <div class="md-radio">
                    <input type="radio" id="transfer" name="radio_type" class="md-radiobtn updateEmbryoLab" 
                           value="1" data-colName="radiotype" data-tableName="embryoslab" 
                           {if $updatedate.radiotype eq 1 && $updatedate.radiotype neq ""}checked{/if}>
                    <label for="transfer">
                        <span></span>
                        <span class="check"></span>
                        <span class="box"></span>
                        Embryo Transfer</label>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="md-radio-list">
                <div class="md-radio">
                    <input type="radio" id="freezing" name="radio_type" class="md-radiobtn updateEmbryoLab" 
                           value="2" data-colName="radiotype" data-tableName="embryoslab" 
                           {if $updatedate.radiotype eq 2 && $updatedate.radiotype neq ""}checked{/if}>
                    <label for="freezing">
                        <span></span>
                        <span class="check"></span>
                        <span class="box"></span>
                        Embryo Freezing</label>
                </div>
            </div>
        </div>
    </div>
</div>

<hr style="margin: 5px 0;">