
            <div class="row">
                <div class="col-md-12">
                    <?php if(isset($success_msg) && $success_msg!=NULL){ ?>
                    <div class="alert alert-success"><?php echo $success_msg; ?></div>
                    <?php } ?>
                    <div id="response_msg"></div>
                
                    <div class="tabbable tabbable-custom boxless">
                        <div class="tab-content">
                            <script type="text/javascript" language="javascript" >
                                $(document).ready(function () {
                                    var dataTable = $('#daily_audits').DataTable({
                                        order: [[ 0, "desc" ]],
                                        select: true,
                                        pageLength: 10,
                                        processing: true,
                                        serverSide: true,
                                        ajax: {
                                            url: "Json_data/json_data_records?json_type=daily_audits&status=1", // json datasource
                                            type: "post", // method  , by default get
                                            error: function () {  // error handling
                                                $(".employee-grid-error").html("");
                                                $("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="6">No data found in the server</th></tr></tbody>');
                                                $("#employee-grid_processing").css("display", "none");

                                            }
                                        }, "aoColumns": [
                                            {"sTitle": "", "sClass": "hidden"},
                                            {"sTitle": "ID"},
                                            {"sTitle": "Date"},
                                            {"sTitle": "Cash Balance"},
                                            {"sTitle": "Gold Balance"},
                                            {"sTitle": "Description"},
                                            {"sTitle": "Audited By"},
                                            {"sTitle": "Actions", "sClass": "actionWidthMembers"}
                                        ], "fnCreatedRow": function (nRow, aData, iDataIndex) {
                                            $(nRow).attr('id', '' + aData[0]);

                                        }
                                    });

                                });
                            </script>

                            <div id="add_new_daily_audit" class="modal fade" tabindex="-1" aria-hidden="true">
                                <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">Add New Daily Audit</h4>
                                        </div>
                                        <form id="add_daily_audit" class="form-horizontal" method="post">
                                            <div class="modal-body">
                                                <div id="response_msg_modal"></div>
                                                <div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-body">
                                                                <div class="form-group">
                                                                    <label class="control-label col-md-3">Audit Date</label>
                                                                    <div class="col-md-6">
                                                                        <input class="form-control form-control-inline input-medium date-picker" size="16" type="text" data-date-format=dd-mm-yyyy name="audit_date" value="<?php echo date('d-m-Y') ?>"/>
                                                                    </div>
                                                                </div>
                                                                <div class="row form-group">
                                                                    <label class="col-md-3 control-label pull-left">Cash Balance</label>
                                                                    <div class="col-md-6">
                                                                        <div class="input-group input-small">
                                                                            <span class="input-group-addon">
                                                                                Rs. 
                                                                            </span>
                                                                            <input type="text" name="cash_balance" class="form-control input-small"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row form-group">
                                                                    <label class="col-md-3 control-label pull-left">Gold Balance</label>
                                                                    <div class="col-md-6">
                                                                        <div class="input-group input-small">
                                                                            <input type="text" name="gold_balance" class="form-control input-small"/>
                                                                            <span class="input-group-addon">
                                                                                g 
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row form-group">
                                                                    <label class="col-md-3 control-label pull-left">Description</label>
                                                                    <div class="col-md-6">
                                                                        <textarea name="description" class="form-control"></textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" data-dismiss="modal" class="btn default">Close</button>
                                                <button type="submit" class="btn green">Save changes</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <div class="modal fade" id="success_modal" tabindex="-1" role="basic" aria-hidden="true">
                                <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">Success!</h4>
                                        </div>
                                        <div class="modal-body">
                                            Daily Audit Added Successfully
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn green" data-dismiss="modal" onclick="window.location.reload()">Ok</button>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <!-- /.modal -->

                            <!-- BEGIN EXAMPLE TABLE PORTLET-->
                            <div class="portlet box grey-cascade">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-money"></i>Daily Audits
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <div class="table-toolbar">
                                        <div class="btn-group">
                                            <a class="btn green" data-toggle="modal" href="#add_new_daily_audit">
                                                Add New <i class="fa fa-plus"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <table id="daily_audits" class="table table-striped table-bordered table-hover"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
            <!-- END DASHBOARD STATS -->
        </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->