<?php  include('techsyn_header.php'); ?>
<!-- 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>
    <?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 class="#">Data Setup</li>
                    <li class="#">Company Setup</li>
                    <li class="active">Doctors List</li>
                </ul>
            </div>
            <!-- End of breadcrumb -->

            <div class="page-content">
                <div id="flexigridDiv" class="table-responsive">
                    <form name="export_form" method="post" id="export_form" action="">

                        <input type="hidden" name="pdf_action" id="pdf_action" value="pdf_doctor_list.php" />
                        <input type="hidden" name="excel_action" id="excel_action" value="excel_doctor_list.php" />
                    </form>

                    <form name="f1" method="post" action="" id="flex_form_section">
                        <div id="flex1" style="width:100%">
                        </div>
                        <input type="hidden" name="flex_doctor_id" id="flex_doctor_id" />
                    </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: 'doctor_list_script.php',
        dataType: 'json',
        colModel: [{
                display: 'Sr no.',
                name: 'count',
                width: w * .04,
                sortable: false,
                align: 'left'
            },

            {
                display: 'Doctor',
                name: 'doctor_name',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: 'Doctor Emp Code',
                name: 'doctor_emp_id',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: 'Doctor Details',
                name: 'doctor_desc',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: '',
                name: '',
                width: w * .2,
                sortable: true,
                align: 'left'
            },


        ],
        buttons: [{
                name: 'Add',
                bclass: 'add',
                onpress: add
            },
            {
                separator: true
            },
            {
                name: 'PDF',
                bclass: 'print',
                onpress: pdf
            },
            {
                separator: true
            },
            {
                name: 'Excel',
                bclass: 'print_excel',
                onpress: excel
            },
            {
                separator: true
            }
        ],
        searchitems: [

            {
                display: 'Doctor Name',
                name: 'doctor_name',
                isdefault: true
            },
            {
                display: 'doctor Desc.',
                name: 'doctor_desc',
                isdefault: true
            }
        ],
        sortname: "doctor_id",
        sortorder: "asc",
        usepager: true, //pagination

        useRp: true,
        rp: 50, //records per page
        showTableToggleBtn: false, //toggle button for the whole table
        resizable: true,
        //width: w,
        height: h,
        singleSelect: true
    });
});

function excel()

{

    window.open('ajax_excel.php', 'Doctor List');

}

function pdf() {
    //window.open('pdf_manage_item.php');

    window.open('ajax_pdf.php', 'Doctor List');
}


function add() {
    $(".save_button").show();
    $("#doctor_id").val("");
    $("#doctor_name").val("");
    $("#doctor_desc").val("");
    $("#doctor_name").prop('disabled', false);
    $("#doctor_desc").prop('disabled', false);
    $('#modal-add-doctor').modal("show");
}

function delete_section(sectionId) {
    $("#flex_doctor_id").val(sectionId);

    BootstrapDialog.confirm('Are you sure to delete the complaint?', function(result) {
        if (result) {
            $.ajax({
                url: 'delete_doctor.php',
                type: "POST",
                data: $("#flex_form_section").serialize(),
                success: function(data) {
                    if (data.indexOf("SUCCESS") != -1) {
                        BootstrapDialog.alert('Doctor Details Deleted Successfully.');
                        $("#flex1").flexReload();

                    } else {
                        BootstrapDialog.alert('Error Deleting doctor Details');
                    }
                    return;
                },
                error: function(data) {
                    BootstrapDialog.alert('Error Deleting Complaint');
                    return;
                }
            });
        }
    });

}

function save_section() {
    $.ajax({
        url: 'save_doctor.php ',
        type: "POST",
        data: $("#section_form").serialize(),
        success: function(data) {
            BootstrapDialog.alert('Doctor Details Saved Successfully.');
            $("#flex1").flexReload();
            return;
        },
        error: function(data) {
            BootstrapDialog.alert('Error Saving update Doctor Details');
            return;
        }
    });
    $('.close').click();
}



function open_section(doctorId, action) {

    if (action == "V") {
        $(".save_button").hide();
        $("#doctor_name").prop('disabled', true);
        $("#doctor_desc").prop('disabled', true);

    } else {
        $("#doctor_name").prop('disabled', false);
        $("#doctor_desc").prop('disabled', false);
        $(".save_button").show();
    }
    $.ajax({
        url: 'select_doctor.php?doctorId=' + doctorId + ' ',
        type: 'POST',
        success: function(data) {

            var data = $.parseJSON(data);
            // alert(data.doctor_id);
            $("#doctor_name").val(data.doctor_name);
            $("#doctor_desc").val(data.doctor_desc);
            $("#doctor_emp_code").val(data.doctor_emp_id);
            $("#doctor_id").val(data.doctor_id);

            $('#modal-add-doctor').modal("show");
        },
        error: function(data) {
            BootstrapDialog.alert('Error Populating doctor details');
            return;
        }
    });
}


function loadSBUList(bu_id, selectId) {
    $("#" + selectId).empty();
    $.ajax({
        url: 'getDynamicData.php?tableName=department&where_clause_field=bu_id&where_clause_value=' + bu_id,
        type: 'GET',
        success: function(data) {

            var data = $.parseJSON(data);

            for (i = 0; i < data.length; i++) {
                var o = new Option(data[i].dept_name, data[i].dept_id)
                $("#" + selectId).append(o);
            }

        },
        error: function(data) {
            BootstrapDialog.alert('Error Populating Section');
            return;
        }
    });
}
</script>

<?php  include('techsyn_footer.php'); ?>
<?php  include('form/add_doctor.php');?>