<style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed
    }

    td, th {
        border: 1px solid #000000;
        text-align: center;
        padding: 2px;
    }

    tr:nth-child(even) {
        background-color: #dddddd;
    }
</style>
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="row">
            <div class="col-md-12 clinick invz" id="gprinModel">
                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet box blue">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-user"></i>Semen Cryopreservation Report
                        </div>
                        <div class="actions">
                            {if isset($is_add)}
                            <a href="{$hosturl}/controllers/{$controllname}.php?ac=complete_one&&show={$show}&&patientid={$patientId}&&id={$semen_cryopreservation.id}&&tname={$tableName}" 
                               class="btn btn-default btn-sm pull-left" style="margin-right: 5px;">
                                save </a>
                            {/if}
                            <a href="{$hosturl}/controllers/{$controllname}.php?ac=cryopreservation_show&&patientid={$patientId}" class="btn btn-default btn-sm">
                                Show </a>

                        </div>
                    </div>
                    <div class="portlet-body all">

                        <!---======================================================== tab1============================================================================================ ----->

                        <div class="row">
                            <div id="ultrasoundgynaDiv">

                                <div class="row">

                                    <div class="portlet-body form">
                                        <form>
                                            <div class="form-body">

                                                <table>
                                                    <thead>
                                                        <tr>
                                                            <th>      Referred Dr :  </th>
                                                            <td>
                                                                <input type="text" class="form-control "  value="{$ref_dr}"  readonly/>
                                                            </td>
                                                            <th>      Date :  </th>
                                                            <td>
                                                                <input type="text" class="form-control  datepicker updateElement"   data-colName="semen_date" 
                                                                       value="{$semen_cryopreservation.semen_date}"  data-tableName="semen_cryopreservation" 
                                                                       data-id="{$semen_cryopreservation.id}"/>
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <th>      Clinician :  </th>
                                                            <td>
                                                                <input type="hidden" class="form-control updateElement"    id="clinician_id" 
                                                                       data-colName="clinician" data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}" >
                                                                <input type="hidden" class="form-control"    id="clinician_id_value"  
                                                                       value="{$semen_cryopreservation.clinician}" >
                                                                <input type="hidden" class="form-control"    id="clinician_name"  
                                                                       value="{$semen_cryopreservation.clinician_name}" >
                                                            </td>
                                                            <th>      Embryologist :  </th>
                                                            <td>
                                                                <input type="hidden" class="form-control updateElement"    id="embryologist_id" 
                                                                       data-colName="embryologist" data-tableName="semen_cryopreservation"  data-id="{$semen_cryopreservation.id}">
                                                                <input type="hidden" class="form-control"    id="embryologist_id_value"  
                                                                       value="{$semen_cryopreservation.embryologist}" >
                                                                <input type="hidden" class="form-control"    id="embryologist_name"  
                                                                       value="{$semen_cryopreservation.embryologist_name}" >
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <th>      Cryopreservation :  </th>
                                                            <td>
                                                                <div class="col-md-12">
                                                                    <div class="col-md-4">
                                                                        <div class="md-radio-list">
                                                                            <div class="md-radio">
                                                                                <input type="radio" id="cryopreservation1" name="cryopreservation"  
                                                                                       class="md-radiobtn sradio updateElement" value="1"  data-id="{$semen_cryopreservation.id}"
                                                                                       data-colName="cryopreservation" data-tableName="semen_cryopreservation"
                                                                                       {if  $semen_cryopreservation.cryopreservation == 1 } checked {/if}>
                                                                                <label for="cryopreservation1">
                                                                                    <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="cryopreservation2" name="cryopreservation" 
                                                                                       class="md-radiobtn sradio updateElement" value="2"  data-id="{$semen_cryopreservation.id}"
                                                                                       data-colName="cryopreservation" data-tableName="semen_cryopreservation" 
                                                                                       {if  $semen_cryopreservation.cryopreservation == 2 } checked {/if}>
                                                                                <label for="cryopreservation2">
                                                                                    <span></span>
                                                                                    <span class="check"></span>
                                                                                    <span class="box"></span>
                                                                                    No  </label>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <th>      Number of frozen samples :  </th>
                                                            <td>
                                                                <input type="text" class="form-control updateElement " name="frozen_samples" 
                                                                       value="{$semen_cryopreservation.frozen_samples}" data-colName="frozen_samples"  
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                            </td>
                                                        </tr>
                                                    </thead>
                                                </table>

                                                <div class="clearfix"></div>
                                                <hr>
                                                <div class="caption font-green-haze col-md-6">
                                                    <span class="caption-subject bold uppercase">  Physical Parameter : </span>
                                                </div>

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

                                                <table id="scoringTable">
                                                    <thead>

                                                        <tr>
                                                            <th>      Parameter  </th>
                                                            <th>      Value  </th>
                                                            <th>      Reference  </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>Volume</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="volume" 
                                                                       value="{$semen_cryopreservation.volume}" data-colName="volume"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">ml</span>
                                                            </td>
                                                            <td>   2-6 ml </td>
                                                        </tr>

                                                        <tr>
                                                            <td>PH</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="ph" 
                                                                       value="{$semen_cryopreservation.ph}" data-colName="ph"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25"></span>
                                                            </td>
                                                            <td>   7.2-7.6</td>
                                                        </tr>

                                                        <tr>
                                                            <td>Liquefaction</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="liquefaction" 
                                                                       value="{$semen_cryopreservation.liquefaction}" data-colName="liquefaction"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25"></span>
                                                            </td>
                                                            <td>   </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Viscosity</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="viscosity" 
                                                                       value="{$semen_cryopreservation.viscosity}" data-colName="viscosity"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25"></span>
                                                            </td>
                                                            <td>   Average </td>
                                                        </tr>
                                                    </tbody>
                                                </table>

                                                <div class="clearfix"></div>
                                                <hr>
                                                <div class="caption font-green-haze col-md-6">
                                                    <span class="caption-subject bold uppercase">  Microscopic Examination : </span>
                                                </div>

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

                                                <table>
                                                    <thead>
                                                        <tr>
                                                            <th>      Parameter  </th>
                                                            <th>      Value  </th>
                                                            <th>      Reference  </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>Sperm Count (mill/ml)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="sperm_count" 
                                                                       value="{$semen_cryopreservation.sperm_count}" data-colName="sperm_count"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">mill/ml</span>
                                                            </td>
                                                            <td>    20mill/ml</td>
                                                        </tr>

                                                        <tr>
                                                            <td>Total Motility (%)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="mobility" 
                                                                       value="{$semen_cryopreservation.mobility}" data-colName="mobility"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">%</span>
                                                            </td>
                                                            <td>    >60 %</td>
                                                        </tr>

                                                        <tr>
                                                            <td>Grade A (%)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="grade_a" 
                                                                       value="{$semen_cryopreservation.grade_a}" data-colName="grade_a"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">%</span>
                                                            </td>
                                                            <td>  >25 % </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Grade B (%)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="grade_b" 
                                                                       value="{$semen_cryopreservation.grade_b}" data-colName="grade_b"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">%</span>
                                                            </td>
                                                            <td>   >25 % </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Grade A+B (%)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="grade_ab" 
                                                                       value="{$semen_cryopreservation.grade_ab}" data-colName="grade_ab"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">%</span>
                                                            </td>
                                                            <td>  >50 % </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Grade C (%)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="grade_c" 
                                                                       value="{$semen_cryopreservation.grade_c}" data-colName="grade_c"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">%</span>
                                                            </td>
                                                            <td>   </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Grade D (%)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="grade_d" 
                                                                       value="{$semen_cryopreservation.grade_d}" data-colName="grade_d"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">%</span>
                                                            </td>
                                                            <td>   </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Morphology (Nor. %)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="morphology" 
                                                                       value="{$semen_cryopreservation.morphology}" data-colName="morphology"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25">%</span>
                                                            </td>
                                                            <td>    >15 % </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Agglutination</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="agglutination" 
                                                                       value="{$semen_cryopreservation.agglutination}" data-colName="agglutination"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25"></span>
                                                            </td>
                                                            <td>   <10 % </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Pus Cells (HPF)_</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="pus_cells" 
                                                                       value="{$semen_cryopreservation.pus_cells}" data-colName="pus_cells"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25"></span>
                                                            </td>
                                                            <td>   2-3</td>
                                                        </tr>

                                                        <tr>
                                                            <td>Spermatogenic Cells (HPF)</td>
                                                            <td>
                                                                <input type="text" class="form-control updateElement wds75" name="spermatogenic" 
                                                                       value="{$semen_cryopreservation.spermatogenic}" data-colName="spermatogenic"  style="display: inline;"
                                                                       data-tableName="semen_cryopreservation" data-id="{$semen_cryopreservation.id}">
                                                                <span class="wds25"></span>
                                                            </td>
                                                            <td>1-2  </td>
                                                        </tr>
                                                    </tbody>
                                                </table>

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

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

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

            <div class="bootbox modal fade bootbox-alert in" tabindex="-1" role="dialog" aria-hidden="false"  id="edit_model">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                            <h4 class="modal-title"> Edit </h4>
                        </div>
                        <div class="modal-body">
                            <div class="portlet-body form">
                                <form action="" method="post" class="form-horizontal emptyform">
                                    <div class="form-body">
                                        <!------===========================================------->
                                        <div>
                                            <div id="alldatadiv" class=""> </div>
                                        </div>

                                        <!------===========================================------->
                                        <!--                            <div class="form-group">
                                                                        <label class="col-md-3 control-label"> Name</label>
                                                                        <div class="col-md-8">
                                                                            <input type="hidden" class="form-control"  id="newitem_id" name="newamount_id" >
                                                                            <input type="text" class="form-control"  id="newitem_name" name="newamount_name" style="text-align:left;" >
                                                                            <div id="divsucess1" style="color:red; display:none;"></div>
                                                                        </div>
                                                                    </div>-->
                                        <!------===========================================------->
                                        <div class="modal-footer">
                                            <!--                                <button type="button" class="btn green" id="editmodel_submit"> Update </button>-->
                                            <button type="button" id="amountcloseinput"   class="btn default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="clearfix"></div>
<div id="vvv"></div>
<input type="hidden" id="controllName" value="{$controllname}">
<input type="hidden" id="embroSelects" value="1">

<script>


    $(".amrpop,input[type='text']:not(.datepicker),textarea").hover(function () {
        var pop_value = $(this).val();
        $(this).attr({
            "data-toggle": "popover",
            "data-trigger": "hover",
            "data-placement": "bottom",
            "data-content": pop_value
        });
        $(this).popover("show");
    });

</script>