<style>
    #s2id_t6 > .select2-choices > li , #s2id_t7 > .select2-choices > li  , #s2id_t8 > .select2-choices > li  {
        width: 100%;
    }
</style>

<div class="portlet box grey-cascade">
    <div class="portlet-title">
        <div class="caption">Oocyte retrieval : </div>
        <div class="actions"></div>
    </div>
    <div class="portlet-body">
        <div class="row">
            <div class="portlet-body form border-gray2 mb-5" >

                <input type="hidden" id="embroSelects" value="1">

                <div class="row px-15">
                    <div class="col-md-4">
                        <div class="form-group ">
                            <label class="col-md-5 control-label" for="form_control_1">Clinician :</label>
                            <div class="col-md-6">
                                <input type="hidden" class="form-control updateEmbryoLab"    id="clinician_id" 
                                       data-colName="clinician_id" data-tableName="embryoslab" >
                                <input type="hidden" class="form-control"    id="clinician_id_value"  
                                       value="{$updatedate.clinician_id}" >
                                <input type="hidden" class="form-control"    id="clinician_name"  
                                       value="{$updatedate.clinician_name}" >
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group ">
                            <label class="col-md-5 control-label" for="form_control_1">Embryologist :</label>
                            <div class="col-md-6">
                                <input type="hidden" class="form-control updateEmbryoLab embryologist"    id="embryologist_id" 
                                       data-colName="embryologist_id" data-tableName="embryoslab" >
                                <input type="hidden" class="form-control"    id="embryologist_id_value"  
                                       value="{$updatedate.embryologist_id}" >
                                <input type="hidden" class="form-control"    id="embryologist_name"  
                                       value="{$updatedate.embryologist_name}" >
                            </div>
                        </div>

                    </div>
                    <div class="col-md-4">
                        <div class="form-group ">
                            <label class="col-md-5 control-label" for="form_control_1">
                                Duration :
                            </label>
                            <div class="col-md-6">
                                <input type="text" name="duration1" class="form-control input-sm updateEmbryoLab" 
                                       id="form_control_1"  value="{$updatedate.duration}" data-colName="duration" 
                                       data-tableName="embryoslab">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row px-15">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="col-md-5 control-label" for="form_control_2">
                                No. of oocyte collected :
                            </label>
                            <div class="col-md-6">
                                <input type="text" name="no_oocyte" class="form-control input-sm updateEmbryoLab" 
                                       id="oocyteCollected"  value="{$updatedate.no_oocyte}" data-colName="no_oocyte" 
                                       data-tableName="embryoslab" readonly>

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

                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="col-md-5 control-label" for="form_control_1">
                                Follicular fluid volume :
                            </label>
                            <div class="col-md-6">
                                <input type="text" name="follicular_volume" class="form-control input-sm updateEmbryoLab" id="form_control_1"  value="{$updatedate.follicular_volume}" data-colName="follicular_volume" data-tableName="embryoslab">

                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group ">
                            <label class="col-md-5 control-label" for="form_control_1">
                                Blood content :
                            </label>
                            <div class="col-md-6">
                                <div class="col-md-4">
                                    <div class="md-radio-list">
                                        <div class="md-radio">
                                            <input type="radio" id="content1" name="blood_content" class="md-radiobtn updateEmbryoLab" value="0" data-colName="blood_content" data-tableName="embryoslab" {if $updatedate.blood_content eq 0  && $updatedate.blood_content neq ""}checked{/if}>
                                            <label for="content1">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span>
                                                +</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="md-radio-list">
                                        <div class="md-radio">
                                            <input type="radio" id="content2" name="blood_content"  data-tableName="embryoslab"
                                                   class="md-radiobtn updateEmbryoLab" value="1" data-colName="blood_content" 
                                                   {if $updatedate.blood_content eq 1  && $updatedate.blood_content neq ""}checked{/if}>
                                            <label for="content2">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span>
                                                ++</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="md-radio-list">
                                        <div class="md-radio">
                                            <input type="radio" id="content3" name="blood_content"  data-tableName="embryoslab"
                                                   class="md-radiobtn updateEmbryoLab" value="2" data-colName="blood_content" 
                                                   {if $updatedate.blood_content eq 2 && $updatedate.blood_content neq ""}checked{/if}>
                                            <label for="content3">
                                                <span></span>
                                                <span class="check"></span>
                                                <span class="box"></span>
                                                +++</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div class="row">

    <div class="portlet box grey-cascade col-md-6">
        <div class="portlet-title">
            <div class="caption">Oocyte maturity : </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">
                        <table>
                            <thead>
                                <tr>
                                    <th>
                                        MII
                                    </th>
                                    <th>
                                        MI
                                    </th>
                                    <th>
                                        G.V
                                    </th>
                                    <th>
                                        Atretic
                                    </th>
                                    <th>
                                        Other
                                    </th>


                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab positivefloat   oocyteCollected" name="mii"  id="miiO" 
                                               value="{$updatedate.mii}" data-colName="mii" data-tableName="embryoslab"/>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab positivefloat   oocyteCollected" name="mi"    id="miO" 
                                               value="{$updatedate.mi}" data-colName="mi" data-tableName="embryoslab"/>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab positivefloat   oocyteCollected" name="gv"    id="gvO" 
                                               value="{$updatedate.gv}" data-colName="gv" data-tableName="embryoslab"/>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab positivefloat   oocyteCollected" name="atretic"   id="atreticO"  
                                               value="{$updatedate.atretic}" data-colName="atretic" data-tableName="embryoslab"/>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab positivefloat   oocyteCollected" name="other1"    id="other1O" 
                                               value="{$updatedate.other1}" data-colName="other1" data-tableName="embryoslab"/>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="portlet box grey-cascade col-md-6">
        <div class="portlet-title">
            <div class="caption">Oocyte Quality : </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">
                        <table>
                            <thead>
                                <tr>
                                    <th>
                                        Quality
                                    </th>
                                    <th>
                                        Zona
                                    </th>
                                    <th>
                                        Cytoplasm
                                    </th>
                                    <th>
                                        P.V.S
                                    </th>
                                    <th>
                                        Other
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <select id="t1" class="form-control selectTable updateEmbryoLab" select-tableName="oocytequality" data-colName="quality" data-tableName="embryoslab">
                                            <option value="">choose</option>
                                            {foreach  $oocytequality as $one}
                                            <option value="{$one->id}"{if $updatedate.quality eq $one->id}selected{/if}>{$one->name}</option>
                                            {/foreach}

                                            <option value="-2" class="deleteoptincompo">Delete</option>
                                        </select>                                                                        </td>
                                    <td>
                                        <select id="t2" class="form-control selectTable updateEmbryoLab"  select-tableName="oocytezona" data-colName="zona" data-tableName="embryoslab">
                                            <option value="">choose</option>
                                            {foreach  $oocytezona as $one}
                                            <option value="{$one->id}"{if $updatedate.zona eq $one->id}selected{/if}>{$one->name}</option>
                                            {/foreach}

                                            <option value="-2" class="deleteoptincompo">Delete</option>
                                        </select>                                                                        </td>
                                    <td>
                                        <select id="t3" class="form-control selectTable updateEmbryoLab"  select-tableName="oocytecytoplasm" data-colName="cytoplasm" data-tableName="embryoslab">
                                            <option value="">choose</option>
                                            {foreach  $oocytecytoplasm as $one}
                                            <option value="{$one->id}"{if $updatedate.cytoplasm eq $one->id}selected{/if}>{$one->name}</option>
                                            {/foreach}

                                            <option value="-2" class="deleteoptincompo">Delete</option>
                                        </select>                                                                        </td>
                                    <td>
                                        <select id="t4" class="form-control selectTable updateEmbryoLab" select-tableName="oocytepvs" data-colName="pvs" data-tableName="embryoslab">
                                            <option value="">choose</option>
                                            {foreach  $oocytepvs as $one}
                                            <option value="{$one->id}"{if $updatedate.pvs eq $one->id}selected{/if}>{$one->name}</option>
                                            {/foreach}

                                            <option value="-2" class="deleteoptincompo">Delete</option>
                                        </select>                                                                        </td>
                                    <td>
                                        <select id="t5" class="form-control selectTable updateEmbryoLab"  select-tableName="oocyteother" data-colName="other2" data-tableName="embryoslab">
                                            <option value="">choose</option>
                                            {foreach  $oocyteother as $one}
                                            <option value="{$one->id}"{if $updatedate.other2 eq $one->id}selected{/if}>{$one->name}</option>
                                            {/foreach}

                                            <option value="-2" class="deleteoptincompo">Delete</option>
                                        </select>                                                                        </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

</div>

<div class="portlet box grey-cascade">
    <div class="portlet-title">
        <div class="caption">Oocyte Injection : </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">
                    <div class="col-md-4">
                        <div class="form-group ">
                            <label class="col-md-4 control-label" for="form_control_1">Injected :</label>
                            <div class="col-md-8">
                                <input type="text" class="form-control updateEmbryoLab" name="injection" 
                                       value="{$updatedate.injection}" data-colName="injection" data-tableName="embryoslab"/>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group ">
                            <label class="col-md-4 control-label" for="form_control_1">Embryologist :</label>
                            <div class="col-md-8">
                                <select id="injection_embrologist" class="form-control selectTable updateEmbryoLab embryologist fertilized"   multiple
                                        select-tableName="injection_embrologist" data-colName="injection_embrologist" 
                                        data-tableName="embryoslab">
                                    <option value="">choose</option>
                                    {foreach  $injection_embrologist as $one}
                                    <option value="{$one.id}" {if $one.id|in_array:$updatedate.injection_embrologist} selected{/if}>{$one.name}</option>
                                    {/foreach}
                                </select>    
                            </div>
                        </div>

                    </div>
                    <div class="col-md-4">
                        <div class="form-group ">
                            <label class="col-md-4 control-label" for="form_control_1">
                                Location :
                            </label>
                            <div class="col-md-8">
                                <select id="injection_location"  class="form-control selectinjection_location updateItemH"     
                                        data-rowid="{$updatedate.id}"   name="injection_location" select-tableName="injection_location" 
                                        data-colName="injection_location"   data-tableName="embryoslab" >
                                    <option value="">choose</option>
                                    {foreach  $injection_location as $one}
                                    <option value="{$one->id}"{if $updatedate.injection_location eq $one->id}selected{/if}>{$one->name}</option>
                                    {/foreach}
                                    <option value="-2" class="deleteoptincompo">Delete</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div class="row">

    <div class="portlet box grey-cascade col-md-6">
        <div class="portlet-title">
            <div class="caption">Fertilization assessments : </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">
                        <table>
                            <thead>
                                <tr>
                                    <th>    Fertilized  </th>
                                    <th>    Division  </th>
                                    <th>    Degenerated </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab fertilized positiveNo" name="fertilized" 
                                               value="{$updatedate.fertilized}" data-colName="fertilized"   id="fertilized" 
                                               data-tableName="embryoslab"/>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab" name="division" 
                                               value="{$updatedate.division}" data-colName="division"   id="division" 
                                               data-tableName="embryoslab"/>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control updateEmbryoLab" name="degenerated" 
                                               value="{$updatedate.degenerated}"  data-colName="degenerated" 
                                               data-tableName="embryoslab"/>
                                    </td>

                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="portlet box grey-cascade col-md-6">
        <div class="portlet-title">
            <div class="caption">Oocyte Activation : </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 py-17">
                        <div class="col-md-4">
                            <div class="md-radio-list">
                                <div class="md-radio">
                                    <input type="radio" id="oocyte_activation1" name="oocyte_activation"  data-tableName="embryoslab" 
                                           class="md-radiobtn updateEmbryoLab" value="1" data-colName="oocyte_activation"     
                                           {if $updatedate.oocyte_activation eq 1}checked{/if}>
                                    <label for="oocyte_activation1">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span>
                                        Yes</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="md-radio-list">
                                <div class="md-radio">
                                    <input type="radio" id="oocyte_activation2" name="oocyte_activation"  data-tableName="embryoslab"
                                           class="md-radiobtn updateEmbryoLab" value="2" data-colName="oocyte_activation" 
                                           {if $updatedate.oocyte_activation eq 2}checked{/if}>
                                    <label for="oocyte_activation2">
                                        <span></span>
                                        <span class="check"></span>
                                        <span class="box"></span>
                                        No</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

</div>

<div class="portlet box grey-cascade">
    <div class="portlet-title">
        <div class="caption">Growth : </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">
                    <table>
                        <thead>
                            <tr>
                                <th>
                                    Media
                                </th>
                                <th>
                                    Oil
                                </th>
                                <th>
                                    Incubator
                                </th>
                                <th>
                                    CO2
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <select id="t6" class="form-control selectTable updateEmbryoLab growthmedia fertilized"   multiple
                                            select-tableName="growthmedia" data-colName="media" data-tableName="embryoslab">
                                        <option value="">choose</option>
                                        {foreach  $growthmedia as $one}
                                        <option value="{$one->id}" {if $one->id|in_array:$updatedate.media} selected{/if}>{$one->name}</option>
                                        {/foreach}

                                        <option value="-2" class="deleteoptincompo">Delete</option>
                                    </select>                                        
                                </td>
                                <td>
                                    <select id="t7" class="form-control selectTable updateEmbryoLab growthoil fertilized"   multiple
                                            select-tableName="growthoil" data-colName="oil" data-tableName="embryoslab">
                                        <option value="">choose</option>
                                        {foreach  $growthoil as $one}
                                        <option value="{$one->id}"{if $one->id|in_array:$updatedate.oil}selected{/if}>{$one->name}</option>
                                        {/foreach}

                                        <option value="-2" class="deleteoptincompo">Delete</option>
                                    </select>                                                                     
                                </td>
                                <td>
                                    <select id="t8" class="form-control selectTable updateEmbryoLab growthincubator fertilized"   multiple 
                                            select-tableName="growthincubator" data-colName="incubator" 
                                            data-tableName="embryoslab">
                                        <option value="">choose</option>
                                        {foreach  $growthincubator as $one}
                                        <option value="{$one->id}"{if $one->id|in_array:$updatedate.incubator}selected{/if}>{$one->name}</option>
                                        {/foreach}

                                        <option value="-2" class="deleteoptincompo">Delete</option>
                                    </select>                                                       
                                </td>
                                <td>
                                    <select id="t9" class="form-control selectTable updateEmbryoLab"  select-tableName="growthco2" data-colName="co2" data-tableName="embryoslab">
                                        <option value="">choose</option>
                                        {foreach  $growthco2 as $one}
                                        <option value="{$one->id}"{if $updatedate.co2 eq $one->id}selected{/if}>{$one->name}</option>
                                        {/foreach}

                                        <option value="-2" class="deleteoptincompo">Delete</option>
                                    </select>                                                                        </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
