<script>
function validate_selector() {
    var section_name = $('#checkup_type_id').val();
    if (section_name == '' || section_name == null) {
        BootstrapDialog.alert('Please Select Checkup Type .!!!');
        return false;
    }
    checkup_form($('#emp_id_checkup').val(), $('#checkup_type_id').val());
}

function validate_task() {
    var section_name = $('#task_type').val();
    if (section_name == '' || section_name == null) {
        BootstrapDialog.alert('Please Select Task .!!!');
        return false;
    }

}
</script>



<style>
#modal-add-checkup {
    overflow-y: scroll;
}

#modal-add-task {
    overflow-y: scroll;
}
</style>

<div class="modal fade" id="modal-add-checkup" role="dialog" aria-hidden="true">
    <form role="form" id="dir_ch_form" name="dir_ch_form" action="#" method="post">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="widget-header">
                    <h5 class="widget-title">Direct Health Survelance</h5>
                    <div class="widget-toolbar">
                        <div class="widget-menu">
                            <a href="#" class="close" data-action="close" data-dismiss="modal">
                                <i class="ace-icon fa fa-times"></i>
                            </a>

                        </div>
                    </div>
                </div>
                <div class="modal-body">



                    <input type="hidden" class="form-control" name="emp_id_checkup" id="emp_id_checkup" value="" />



                    <div class="form-group">

                        <h3 class="control-label " align='center' for="form-field-comment">
                            Checkup Type<span style="color:red">*</span></h3>

                        <select name="checkup_type_id" id="checkup_type_id" class="form-control chosen-select">
                            <option value="" disabled selected>--Select Checkup Type--
                            </option>
                            <?php echo generateCheckupOptionsAccToOhc('checkup_type','checkup_type_name','checkup_type_id','','','type_status','Active',$_SESSION['current_ohcttype']); ?>

                        </select>


                    </div>

                </div>

                <div class="widget-toolbox padding-8 clearfix">
                    <button type="button" class="btn btn-danger  btn-sm" data-dismiss="modal"
                        onclick="$('.close').click();"><i class="ace-icon fa fa-times bigger-110"></i>Cancel</button>
                    <button type="button" class="btn btn-info btn-sm save_button" onclick="validate_selector();"><i
                            class="ace-icon fa fa-floppy-o bigger-110"></i>Next </button>

                </div>

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

<!-------------tasks-------- -->
<div class="modal fade" id="modal-add-task" role="dialog" aria-hidden="false" style="
    margin-top: 0px;
">
    <form role="form" id="task_form" name="task_form" action="#" method="post">
        <div class="modal-dialog" style="width: 1000px;">
            <div class="modal-content">
                <div class="widget-header" align='center'>
                    <h3 class="widget-title" id="emp_name" name="emp_name" disabled style="text-align: center;"></h3>
                    <div class="widget-toolbar">
                        <div class="widget-menu">
                            <a href="#" class="close" data-action="close" data-dismiss="modal">
                                <i class="ace-icon fa fa-times"></i>
                            </a>

                        </div>
                    </div>
                </div>
                <div class="modal-body" id="back-img-div" style=" 
    background-image: url('./images/banner-bg.jpg') ! important;
    background-repeat: no-repeat;
    background-size: cover;
  overflow-y: scroll;">

                    <table style="width: 950px;">
                        <tr>
                            <!-- <td width='25%'>

                                <div style='height: 300px' id='opd_div' name='opd_div'>

                                </div>
                            </td> -->
                            <td width='25%'>
                                <div id='inj_div' style='height:300px' name='inj_div'>

                                </div>
                            </td>
                            <!-- <td width='25%'>

                                <div id='medical_div' style='height:300px' name='medical_div'>

                                </div>

                            </td> -->
                            <!-- <td width='25%'>
                                <div id='sickness_div' style='height:300px' name='sickness_div'>

                                </div>
                            </td> -->
                        </tr>

                        <!-- <tr>
                            <td width='25%'>

                                <div style='height: 50px' id='opd_div_btn' name='opd_div_btn'>

                                </div>
                            </td>
                            <td width='25%'>
                                <div id='inj_div_btn' style='height:50px' name='inj_div_btn'>

                                </div>
                            </td>
                            <td width='25%'>

                                <div id='medical_div_btn' style='height:50px' name='medical_div_btn'>

                                </div>

                            </td>
                            <td width='25%'>
                                <div id='sickness_div_btn' style='height:50px' name='sickness_div_btn'>

                                </div>
                            </td>
                        </tr> -->


                    </table>





                </div>

                <div class="widget-toolbox padding-8 clearfix">
                    <!-- <button type="button" class="btn btn-info btn-sm save_button" onclick="validate_selector();"><i
                            class="ace-icon fa fa-floppy-o bigger-110"></i>Next </button> -->
                    <button type="button" class="btn btn-danger  btn-sm" data-dismiss="modal"
                        onclick="$('.close').click();"><i class="ace-icon fa fa-times bigger-110"></i>Cancel</button>
                </div>

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