<?php include('techsyn_header.php');
mysqli_query($conn, 'SET character_set_results=utf8'); ?>
<!-- Main Content Container for side bar and body-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">

<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
    try {
        ace.settings.loadState('main-container')
    } catch (e) {}
    </script>
    <?php include('techsyn_sidebar.php'); ?>
    <!--breadcrumb-->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">Home</a>
                    </li>
                    <li class="active">Key Health Reportable Parameter Master</li>
                </ul>

            </div>
            <!-- End of breadcrumb -->



            <div class="page-content">
                <div class="box box-primary center" style="padding: 10px; margin: 2px 0px 50px 5px; width: 99.5%; ">
                    <form enctype="multipart/form-data" id="key_form" method="post">
                        <!-- box-body-->
                        <div class="box-body">


                            <div class="row">
                                <div class="col-sm-3"></div>
                                <div class="col-sm-6">
                                    <table id="myTable center" class="table table-bordered order-list"
                                        style="width:100%; padding:50px; ">
                                        <thead>
                                            <tr>
                                                <th
                                                    style="padding-right: 20px; margin: 2px 0px 5px 5px; width: 120px; ">
                                                    Key Parameter Id</th>

                                                <th
                                                    style="text-align: center;padding-right: 100px; margin: 2px 0px 50px 5px; width: 90%; ">
                                                    Key Parameter Name</th>

                                            </tr>
                                        </thead>


                                        <?php

                                        $row = null;

                                        $sqlid = "SELECT * FROM key_health_reportable_parameter_master  where key_param_id=(select MAX(key_param_id) from key_health_reportable_parameter_master) ";
                                        error_log('sqlerr' . $sqlid);
                                        $resultid = @mysqli_query($conn, $sqlid);
                                        $num_rowsid = @mysqli_num_rows($resultid);
                                        $rowid = @mysqli_fetch_array($resultid);
                                        error_log('rowerr' . $rowid['key_param_id']);
                                        $max_id = $rowid['key_param_id'] + 1;
                                        do {
                                        ?>
                                        <tbody>
                                            <tr id="main-form">

                                                <td style="width:10% ; ">


                                                    <input type="number" style="width:110px" name="key_param_id"
                                                        value="<?php echo $rowid['key_param_id'] + 1 ?>"
                                                        id="key_param_id" maxlength="255" class="form-control" />


                                                    <input type="number" style="display:none;width:110px" name="max_id"
                                                        value="<?php echo $rowid['key_param_id'] + 1 ?>" id="max_id"
                                                        maxlength="255" class="form-control" />




                                                </td>
                                                <td style="width:40%">
                                                    <input type="text" style="width:100%" name="key_param_name" value=""
                                                        id="key_param_name" maxlength="255" class="form-control" />
                                                </td>


                                            </tr>


                                            <?php
                                        } while ($row = @mysqli_fetch_array($result)) //end of while
                                            ?>

                                        </tbody>

                                        <tfoot>

                                            <tr>
                                            </tr>
                                        </tfoot>


                                    </table>

                                </div>

                            </div>

                        </div>
                        <!-- End box-body-->
                        <!--box-footer-->
                        <div class="box-footer" style="text-align: center;">
                            <button class="btn btn-success new_button" id="new_button" type="reset"
                                onclick="show_save_button();">
                                <i class="ace-icon fa fa-plus-square-o bigger-110"></i>
                                New
                            </button>

                            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;

                            <button class="btn btn-info save_button" id="save_button" type="button"
                                onclick="validate();">
                                <i class="ace-icon fa fa-floppy-o bigger-110"></i>
                                Save
                            </button>

                            &nbsp; &nbsp; &nbsp;
                            <button class="btn btn-warning" type="reset">
                                <i class="ace-icon fa fa-undo bigger-110"></i>
                                Reset
                            </button>
                        </div>
                        <!--End box-footer-->

                    </form>
                </div>


                <!-- Main Content Container for side bar and body-->
                <div class="main-container ace-save-state" id="main-container">
                    <script type="text/javascript">
                    try {
                        ace.settings.loadState('main-container')
                    } catch (e) {}
                    </script>





                    <!--breadcrumb-->
                    <div class="main-content">
                        <div class="main-content-inner">

                            <!-- End of breadcrumb -->

                            <div class="page-content" style="margin-top: -47px">
                                <div id="flexigridDiv" class="table-responsive">

                                    <form name="f1" method="post" id="flex_appointment_form"
                                        action="bio_medical_waste_generation_excel.php">
                                        <div id="flex1" style="width:100%">
                                            <input type="hidden" name="flex_ambulance_id" id="flex_ambulance_id" />
                                        </div>

                                    </form>

                                    <form name="export_form" method="post" id="export_form" action="">

                                        <input type="hidden" name="pdf_actions" id="pdf_actions"
                                            value="bio_medical_waste_generation_pdf.php" />
                                        <input type="hidden" name="excel_actions" id="excel_actions"
                                            value="bio_medical_waste_generation_excel.php" />
                                        <input type="hidden" name="pdf_action" id="pdf_action"
                                            value="biowaste_pdf.php" />
                                        <input type="hidden" name="excel_action" id="excel_action"
                                            value="excel_ambulance.php" />
                                    </form>


                                </div>
                            </div>



                        </div><!-- /.page-content -->
                    </div>
                </div><!-- /.main-content -->



                <script type="text/javascript">
                $(function() {
                    var w = screen.width * .90;
                    var h = 0;
                    h = (window.innerHeight - ($("#navbar").height() + $(".breadcrumbs").height())) * .75;
                    $("#flex1").flexigrid({
                        url: 'key_health_reportable_param_script.php',
                        dataType: 'json',
                        colModel: [{
                                display: ' Sr no.',
                                name: 'key_param_id',
                                width: w * .10,
                                sortable: true,
                                align: 'left'
                            },

                            {
                                display: 'KEY PARAMETER NAME',
                                name: 'key_param_name',
                                width: w * .40,
                                sortable: true,
                                align: 'left'
                            },


                            {
                                display: '',
                                name: 'link',
                                width: w * .1,
                                sortable: false,
                                align: 'left'
                            }
                        ],
                        buttons: [

                            // {name: 'Add', bclass: 'add', onpress : add},
                            //{separator: true},
                            //{name: 'PDFReport', bclass: 'print', onpress : pdfReport},
                            // {separator: true},
                            // {name: 'PDF', bclass: 'print', onpress : pdf},
                            // {separator: true},
                            {
                                name: 'Excel',
                                bclass: 'print_excel',
                                onpress: excel
                            },
                            {
                                separator: true
                            }
                        ],
                        searchitems: [
                            //{display: 'Appointment Id', name : 'appointment_id',isdefault: true},
                            {
                                display: 'Question',
                                name: 'question'
                            },



                        ],
                        sortname: "id",
                        // sortorder: "type_description",
                        usepager: true, //pagination
                        //title:"Employee OPD",
                        useRp: true,
                        rp: 50, //records per page
                        showTableToggleBtn: false, //toggle button for the whole table
                        resizable: true,
                        //	width: w, 
                        height: h,
                        singleSelect: true
                    });
                });


                // }
                function delete_key(id) {

                    $.ajax({
                        url: 'delete_hrp_key.php',
                        data: {
                            id: id
                        },
                        type: 'POST',
                        dataType: 'json',
                        success: function(data) {

                            if (data == 'SUCCESS') {

                                BootstrapDialog.alert('Key Deleted Successfully!');
                                $("#flex1").flexReload();
                                return;
                            }




                        },
                        error: function(data) {
                            BootstrapDialog.alert('Error: Key Not Deleted!');
                            return;
                        }
                    });

                }


                function show_save_button() {
                    var max_id = $('#max_id').val();
                    $("#save_button").show();
                    $("#id").val(max_id);
                }



                function open_key(id, access) {
                    if (access == 'V') {
                        $("#save_button").hide()
                    } else if (access == 'E')
                        $("#save_button").show()

                    $.ajax({
                        url: 'select_hrp_key.php',
                        data: {
                            id: id
                        },
                        type: 'POST',
                        dataType: 'json',
                        success: function(data) {
                            $("#key_param_id").val(data.key_param_id);
                            $("#key_param_name").val(data.key_param_name);


                            // $('#modal-add-ambulance-form').modal("show");				
                        },
                        error: function(data) {
                            BootstrapDialog.alert('Error Populating Question Details');
                            return;
                        }
                    });



                }

                function pdf() {
                    window.open('covidwah_pdf.php', 'QUESTIONS List');
                }

                function excel() {
                    window.open('hrp_key_excel.php', ' HRP KEY List');
                }

                $("#new_button").on("click", function() {
                    $("id").val("");
                });
                </script>

                <?php include('techsyn_footer.php'); ?>



            </div>


            <!-- End of page-content -->
        </div>
    </div>
</div>

<script>
function validate() {

    var key_param_name = $('#key_param_name').val();

    if (key_param_name == '') {

        BootstrapDialog.alert('Please Enter Key Parameter Name.!!!');

        return false;

    }

    var max_id = <?php echo $max_id ?>;
    console.log(max_id);
    save(max_id);
}
</script>

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



<?php include('techsyn_footer.php'); ?>
<script type="text/javascript">
function save(max_id) {
    $.ajax({
        url: 'save_hrp_key.php ',
        type: "POST",
        data: $("#key_form").serialize(),
        success: function(data) {
            // alert(data);
            BootstrapDialog.alert('Key Parameter Saved Successfully.');
            $("#flex1").flexReload();
            return;
        },
        error: function(data) {
            BootstrapDialog.alert('Error Saving Questions');
            return;
        }
    });
    $('.close').click();
    // location.href="procurement_list.php";
}
$('.date-picker').datepicker({
    autoclose: true,
    format: 'dd/mm/yyyy'
}).next().on(ace.click_event, function() {
    $(this).prev().focus();
});
</script>
<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet" href="assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet" href="assets/css/chosen.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-datepicker3.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-timepicker.min.css" />
<link rel="stylesheet" href="assets/css/daterangepicker.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-colorpicker.min.css" />
<script type="text/javascript" src="js/typeahead.bundle.js"></script>
<script src="assets/js/jquery-ui.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/chosen.jquery.min.js"></script>
<script src="assets/js/spinbox.min.js"></script>
<script src="assets/js/bootstrap-datepicker.min.js"></script>
<script src="assets/js/bootstrap-timepicker.min.js"></script>
<script src="assets/js/jquery.dataTables.min.js"></script>
<script src="assets/js/jquery.dataTables.bootstrap.min.js"></script>
<script src="assets/js/dataTables.buttons.min.js"></script>
<script src="assets/js/buttons.flash.min.js"></script>
<script src="assets/js/buttons.html5.min.js"></script>
<script src="assets/js/buttons.print.min.js"></script>
<script src="assets/js/buttons.colVis.min.js"></script>
<script src="assets/js/dataTables.select.min.js"></script>


<script src="assets/js/moment.min.js"></script>
<script src="assets/js/daterangepicker.min.js"></script>
<script src="assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="assets/js/bootstrap-colorpicker.min.js"></script>
<script src="assets/js/jquery.knob.min.js"></script>
<script src="assets/js/autosize.min.js"></script>
<script src="assets/js/jquery.inputlimiter.min.js"></script>
<script src="assets/js/jquery.maskedinput.min.js"></script>
<script src="assets/js/bootstrap-tag.min.js"></script>
<script src="assets/js/ace-elements.min.js"></script>