<?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="#">Cost Mgmt</li>
                    <li class="#">Dispensary Stock Cost Per Unit</li>
                </ul>
            </div>
            <!-- End of breadcrumb -->

            <div class="page-content">
                <div id="flexigridDiv" class="table-responsive">

                    <form name="f1" method="post" action="" id="flex_form_item">
                        <div id="flex1" style="width:100%">
                        </div>
                        <input type="hidden" name="flex_item_id" id="flex_item_id" />
                    </form>
                    <form name="export_form" method="post" id="export_form" action="">

                        <input type="hidden" name="pdf_action" id="pdf_action" value="dispensary_stock_pdf.php" />
                        <input type="hidden" name="excel_action" id="excel_action" value="dispensary_stock_excel.php" />
                    </form>
                </div>
            </div>



        </div><!-- /.page-content -->
    </div>
</div><!-- /.main-content -->
<!-- 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>




<script type="text/javascript">
    $(function() {
        var w = screen.width * .90;
        var h = 0;
        h = (window.innerHeight - ($("#navbar").height() + $(".breadcrumbs").height())) * .75;
        $("#flex1").flexigrid({
            url: 'item_rate_display_script.php',
            dataType: 'json',
            colModel: [{
                    display: 'Sr',
                    name: 'count',
                    width: w * .05,
                    sortable: false,
                    align: 'left'
                },
                {
                    display: 'Item Name',
                    name: 'item_name',
                    width: w * .20,
                    sortable: true,
                    align: 'left'
                },
                {
                    display: 'Latest Price',
                    name: 'item_rate_latest',
                    width: w * .1,
                    sortable: true,
                    align: 'left'
                },
                {
                    display: 'Last Price',
                    name: 'item_rate_old',
                    width: w * .1,
                    sortable: true,
                    align: 'left'
                },
                {
                    display: 'Applicable Date',
                    name: 'applicable_date',
                    width: w * .1,
                    sortable: true,
                    align: 'left'
                },
                {
                    display: '',
                    name: 'link',
                    width: w * .15,
                    sortable: false,
                    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: 'Item Name',
                    name: 'item_name',
                    isdefault: true
                },

            ],
            sortname: "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
        });
    });

    $("th[abbr~='stock_qty']").css('background-color', 'yellow');


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

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

    function excel() {
        window.open('ajax_excel.php', 'Dispensary Stock List');
    }


    var itemId = "";

    function open_item(itemId, action) {

        $("#stock_item_id").val("");
        $("#stock_item_name").val("");
        $("#stock_qty").val("");

        if (action == "V") {
            $(".save_button").hide();

        } else {
            $(".save_button").show();
        }
        $.ajax({
            url: 'select_stock_qty.php?itemId=' + itemId + ' ',
            type: 'POST',
            success: function(data) {
                //alert(data);
                var data = $.parseJSON(data);
                //alert(data);

                $("#stock_item_id").val(data.item_id);

                $("#stock_item_name").html(data.item_name);
                $("#stock_qty").val(data.stock_qty);
                $(".input-group-addon").text(unitMap[data.unit_id]);


                $('#modal-stock-qty').modal("show");
            },
            error: function(data) {
                BootstrapDialog.alert('Error Populating Item Stock');
                return;
            }
        });
    }



    function save_stock() {
        $.ajax({
            url: 'stock_update.php',
            type: "POST",
            data: $("#stock_form").serialize(),
            success: function(data) {
                BootstrapDialog.alert('Stock Qty Saved Successfully.');
                $("#flex1").flexReload();
                return;
            },
            error: function(data) {
                BootstrapDialog.alert('Error Saving Stock Qty');
                return;
            }
        });
        $('.close').click();
    }
</script>
<?php include('techsyn_footer.php'); ?>
<?php include('form/add_item.php'); ?>
<?php include('form/stock_qty.php'); ?>