<link rel="stylesheet" href="<?php echo base_url();?>assets/js/validationEngine.jquery.css" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url();?>assets/css/cust_paginition.css" type="text/css" />
<style type="text/css">
    hr{display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #00579E;
        margin: 1em 0;
        padding: 0; }
</style>
<div class="layout-app">
    <div class="container">
        <div class="row row-app">
            <div class="widget">
                <div class="widget-head">
                    <h4 class="heading">Report</h4>
                </div>
                <div class="widget-body innerAll inner-2x">
                    <?php $this->load->view('admin/flashdata_admin'); ?>
                    <form action="<?php echo base_url();?>index.php/postings/advance_reporting" method="POST" id="Singpost_Listing_form">
                        <fieldset>
                            <legend><input type="radio" name="frm_params" id="frm_params" value="magazine" required="required"> <b>Magazine:</b></legend>
                            <label>Filter by:</label>
                            <table width="100%">
                                <colgroup>
                                    <col width="50%">
                                    <col width="50%">
                                </colgroup>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="magazine_id" id="magazine_id" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_magazine_html')"> <b>Magazine Id</b>
                                        <div id="given_magazine_html">
                                            <table class="table table-white table-vertical-center margin-none footable" style="border-bottom: 1px solid #000000">

                                                <?php
                                                $arrAllIds = array();
                                                $intLimit = count($arrMagazineDetails);
                                                for($intCounter = 0; $intCounter < count($arrMagazineDetails); $intCounter= $intCounter+5) {
                                                    ?>
                                                    <tr>
                                                        <?php if ($arrMagazineDetails[$intCounter]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter]['magazine_id'];?>
                                                            </td>
                                                        <?php }?>

                                                        <?php if ($arrMagazineDetails[$intCounter+1]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+1]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+1]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrMagazineDetails[$intCounter+ 2]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+2]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+2]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrMagazineDetails[$intCounter+ 3]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+3]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+3]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrMagazineDetails[$intCounter+ 4]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+4]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+4]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>
                                                    </tr>

                                                <?php } ?>

                                            </table>
                                        </div>
                                    </td>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="category" id="category" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_category_html')"> <b>Magazine Category</b>
                                        <div id="given_category_html" style="margin-top: 30px;margin-bottom: 30px;margin-left: 10px">
                                            <input type="checkbox" name="filter_magazine_category[]" value="1" class="checkbox1"> Children
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="language" id="language" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_language_html')"> <b>Language</b>
                                        <div id="given_language_html">
                                            <table class="table table-white table-vertical-center margin-none footable" style="border-bottom: 1px solid #000000">
                                                <?php $intLimit = count($arrLanguage);
                                                for($intCounter = 0; $intCounter < count($arrLanguage); $intCounter= $intCounter+5) {
                                                    ?>
                                                    <tr>
                                                        <?php if ($arrLanguage[$intCounter]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_magzine_language[]" value="<?php echo $arrLanguage[$intCounter]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrLanguage[$intCounter]['value']);?>
                                                            </td>
                                                        <?php }?>

                                                        <?php if ($arrLanguage[$intCounter+1]['id']!= "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_magzine_language[]" value="<?php echo $arrLanguage[$intCounter+1]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrLanguage[$intCounter+1]['value']);?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrLanguage[$intCounter+ 2]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_magzine_language[]" value="<?php echo $arrLanguage[$intCounter+2]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrLanguage[$intCounter+2]['value']);?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrLanguage[$intCounter+ 3]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_magzine_language[]" value="<?php echo $arrLanguage[$intCounter+3]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrLanguage[$intCounter+3]['value']);?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrLanguage[$intCounter+ 4]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_magzine_language[]" value="<?php echo $arrLanguage[$intCounter+4]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrLanguage[$intCounter+4]['value']);?>
                                                            </td>
                                                        <?php } ?>
                                                    </tr>

                                                <?php } ?>
                                            </table>
                                        </div>
                                    </td>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="magazine_status" id="magazine_status" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_status_html')"> <b>Status</b>
                                        <div id="given_status_html">
                                            <table class="table table-white table-vertical-center margin-none footable" style="border-bottom: 1px solid #000000">
                                                <tr>
                                                    <td class="col-md-2">
                                                            <input type="checkbox" name="filter_magazine_status[]" value="live" class="checkbox1"> Live
                                                    </td>
                                                    <td class="col-md-2">
                                                        <input type="checkbox" name="filter_magazine_status[]" value="suspended" class="checkbox1"> Suspended
                                                    </td>
                                                    <td class="col-md-2">
                                                        <input type="checkbox" name="filter_magazine_status[]" value="Closed" class="checkbox1"> Closed
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            <br>
                            <label>Select values:</label>
                            <table style="width: 100%">
                                <colgroup>
                                    <col width="15%" />
                                    <col width="15%" />
                                    <col width="15%" />
                                    <col width="15%" />
                                    <col width="15%" />
                                    <col width="10%" />
                                </colgroup>
                                <tr>
                                    <td><input type="checkbox" name="select_column_magazine_id" value="1" class="checkbox1"> Id</td>
                                    <td><input type="checkbox" name="select_column_magazine_name" value="1" class="checkbox1"> Name</td>
                                    <td><input type="checkbox" name="select_column_magazine_language" value="1" class="checkbox1"> Language</td>
                                    <td><input type="checkbox" name="select_column_magazine_currency" value="1" class="checkbox1"> Currency</td>
                                    <td><input type="checkbox" name="select_column_magazine_category" value="1" class="checkbox1"> Category</td>
                                    <td><input type="checkbox" name="select_column_magazine_status" value="1" class="checkbox1"> Status</td>
                                </tr>
                            </table>
                        </fieldset>
                        <hr style="margin-top: 10px; margin-bottom: 10px">
                        <fieldset>
                            <label>Filter by:</label>
                            <legend><input type="radio" name="frm_params" id="frm_params" value="transaction" > <b>Transaction: </b></legend>
                            <table width="100%">
                                <colgroup>
                                    <col width="50%">
                                    <col width="50%">
                                </colgroup>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="transaction_magazine_codes" id="transaction_magazine_codes" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_transaction_magazine_html')"> <b>Magazine Id</b>
                                        <div id="given_transaction_magazine_html">
                                            <table class="table table-white table-vertical-center margin-none footable" style="border-bottom: 1px solid #000000">

                                                <?php
                                                $arrAllIds = array();
                                                $intLimit = count($arrMagazineDetails);
                                                for($intCounter = 0; $intCounter < count($arrMagazineDetails); $intCounter= $intCounter+5) {
                                                    ?>
                                                    <tr>
                                                        <?php if ($arrMagazineDetails[$intCounter]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_transaction_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter]['magazine_id'];?>
                                                            </td>
                                                        <?php }?>

                                                        <?php if ($arrMagazineDetails[$intCounter+1]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_transaction_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+1]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+1]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrMagazineDetails[$intCounter+ 2]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_transaction_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+2]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+2]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrMagazineDetails[$intCounter+ 3]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_transaction_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+3]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+3]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($arrMagazineDetails[$intCounter+ 4]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_transaction_mag_code[]" value="<?php echo $arrMagazineDetails[$intCounter+4]['id'];?>" class="checkbox1"> <?php echo $arrMagazineDetails[$intCounter+4]['magazine_id'];?>
                                                            </td>
                                                        <?php } ?>
                                                    </tr>

                                                <?php } ?>

                                            </table>
                                        </div>
                                    </td>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="transaction_date_range" id="transaction_date_range" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_transaction_date_range')"> <b>Transaction date</b>
                                        <div id="given_transaction_date_range">
                                            <div class="col-sm-7">
                                            Select Date Range to get active transactions<br>
                                            FROM <input type="text" data-date-format="dd-mm-yyyy" class="form-control date" size="35" name = "filter_trn_start_date" id="trn_start_date" readonly/>
                                            TO <input type="text" data-date-format="dd-mm-yyyy" class="form-control date" size="35" name = "filter_trn_end_date" id="trn_end_date" readonly/>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="transaction_id" id="transaction_id" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_tran_id_html')"> <b>Transaction Id</b>
                                        <div id="given_tran_id_html">
                                            <div class="col-sm-7">
                                                Enter Transaction Id
                                                <input type="text" class="form-control " size="35" name = "filter_trn_id" id="filter_trn_id"/>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="payment_method" id="payment_methods" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_payment_html')"> <b>Payment Method</b>
                                        <div id="given_payment_html">
                                            Select Payment Method
                                            <table class="table table-white table-vertical-center margin-none footable" style="border-bottom: 1px solid #000000">
                                                <?php $intLimit = count($payment_mode);
                                                for($intCounter = 0; $intCounter < count($payment_mode); $intCounter= $intCounter+3) {
                                                    ?>
                                                    <tr>
                                                        <?php if ($payment_mode[$intCounter]['id'] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_payment_mode[]" value="<?php echo $payment_mode[$intCounter]['id'];?>" class="checkbox1"> <?php echo ucfirst($payment_mode[$intCounter]['mode']);?>
                                                            </td>
                                                        <?php }?>

                                                        <?php if ($payment_mode[$intCounter+1] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_payment_mode[]" value="<?php echo $payment_mode[$intCounter+1]['id'];?>" class="checkbox1"> <?php echo ucfirst($payment_mode[$intCounter+1]['mode']);?>
                                                            </td>
                                                        <?php } ?>

                                                        <?php if ($payment_mode[$intCounter+ 2] != "") {?>
                                                            <td class="col-md-2">
                                                                <input type="checkbox" name="filter_payment_mode[]" value="<?php echo $payment_mode[$intCounter+2]['id'];?>" class="checkbox1"> <?php echo ucfirst($payment_mode[$intCounter+2]['mode']);?>
                                                            </td>
                                                        <?php } ?>
                                                    </tr>

                                                <?php } ?>
                                            </table>
                                        </div>
                                    </td>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="transaction_status" id="transaction_status" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_transaction_status_html')"> <b>Status</b>
                                        <div id="given_transaction_status_html">
                                            Select Payment Status
                                            <table class="table table-white table-vertical-center margin-none footable" style="border-bottom: 1px solid #000000">
                                                <tr>
                                                    <td class="col-md-2">
                                                        <input type="checkbox" name="filter_transaction_status[]" value="1" class="checkbox1"> Unpaid
                                                    </td>
                                                    <td class="col-md-2">
                                                        <input type="checkbox" name="filter_transaction_status[]" value="2" class="checkbox1"> Processing
                                                    </td>
                                                    <td class="col-md-2">
                                                        <input type="checkbox" name="filter_transaction_status[]" value="3" class="checkbox1"> Paid
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            <br>
                            <label>Select values</label>
                            <table style="width: 100%;">
                                <colgroup>
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                </colgroup>
                                <tr>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_id" value="1" class="checkbox1"> Transaction Id</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_subscriber_name" value="1" class="checkbox1"> Subscriber Name</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_magazine_code" value="1" class="checkbox1"> Magazine Code</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_start_issue" value="1" class="checkbox1"> Start Issue</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_end_issue" value="1" class="checkbox1"> End Issue</td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_start_date" value="1" class="checkbox1"> Subscription start Date</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_end_date" value="1" class="checkbox1"> Subscription End date</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_total_issue" value="1" class="checkbox1"> Total Issue</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_status" value="1" class="checkbox1"> Status</td>
                                    <td><input type="checkbox" name="select_transaction_col_transaction_payment_method" value="1" class="checkbox1"> Payment Method</td>
                                </tr>
                            </table>
                        </fieldset>
                        <hr style="margin-top: 10px; margin-bottom: 10px">

                        <fieldset>
                            <legend><input type="radio" name="frm_params" id="frm_params" value="campaign" required="required" > <b>Campaign:</b></legend>
                            <label>Filter By</label>
                            <p><input type="checkbox" name="campaign_name" id="campaign_name" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_campaign_html')"> <b>Campaign Name</b></p>
                            <div id="given_campaign_html">
                                Select Campaign
                                <table class="table table-white table-vertical-center margin-none footable" style="border-bottom: 1px solid #000000">
                                    <?php $intLimit = count($arrCampaign);
                                    for($intCounter = 0; $intCounter < count($arrCampaign); $intCounter= $intCounter+3) {
                                        ?>
                                        <tr>
                                            <?php if ($arrCampaign[$intCounter]['id'] != "") {?>
                                                <td class="col-md-2">
                                                    <input type="checkbox" name="filter_campaign[]" value="<?php echo $arrCampaign[$intCounter]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrCampaign[$intCounter]['campeign_code']);?>
                                                </td>
                                            <?php }?>

                                            <?php if ($arrCampaign[$intCounter+1] != "") {?>
                                                <td class="col-md-2">
                                                    <input type="checkbox" name="filter_campaign[]" value="<?php echo $arrCampaign[$intCounter+1]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrCampaign[$intCounter+1]['campeign_code']);?>
                                                </td>
                                            <?php } ?>

                                            <?php if ($arrCampaign[$intCounter+ 2] != "") {?>
                                                <td class="col-md-2">
                                                    <input type="checkbox" name="filter_campaign[]" value="<?php echo $arrCampaign[$intCounter+2]['id'];?>" class="checkbox1"> <?php echo ucfirst($arrCampaign[$intCounter+2]['campeign_code']);?>
                                                </td>
                                            <?php } ?>
                                        </tr>

                                    <?php } ?>
                                </table>
                                <br>
                            </div>
                            <label>Select values</label>
                            <table style="width: 100%;">
                                <colgroup>
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                </colgroup>
                                <tr>
                                    <td><input type="checkbox" name="select_campagin_col_id" value="1" class="checkbox1"> Campaign Code</td>
                                    <td><input type="checkbox" name="select_campagin_col_name" value="1" class="checkbox1"> Campaign Name</td>
                                    <td><input type="checkbox" name="select_campagin_col_magazine_code" value="1" class="checkbox1"> Magazine Code</td>
                                    <td><input type="checkbox" name="select_campagin_col_transaction_desc" value="1" class="checkbox1"> Description</td>
                                </tr>
                            </table>
                        </fieldset>
                        <hr style="margin-top: 10px; margin-bottom: 10px">
                        <fieldset>
                             <legend><input type="radio" name="frm_params" id="frm_params" value="subscruber" required="required"> <b>Subscriber:</b></legend>
                            <label>Filter by</label>
                            <table width="100%">
                                <colgroup>
                                    <col width="50%">
                                    <col width="50%">
                                </colgroup>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="surname" id="surname" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_surname_html')"> <b>Surname</b>
                                        <div id="given_surname_html">
                                            <div class="col-sm-7">
                                                Enter name/Email/Nric
                                                <input type="text" class="form-control " size="35" name = "filter_sub_info" id="sub_info"/>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="gender" id="gender" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_gender_html')"> <b>Gender</b>
                                        <div id="given_gender_html">
                                            <div class="col-sm-7">
                                                Select Gender:
                                                <input type="radio" name="filter_sub_sex" value="1">Male
                                                <input type="radio" name="filter_sub_sex" value="2">Female
                                            </div>
                                        </div>
                                    </td>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="dob" id="dob" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_dob_html')"> <b>DOB</b>
                                        <div id="given_dob_html">
                                            <div class="col-sm-7">
                                                Enter Date Of Birth
                                                <input type="text" data-date-format="dd-mm-yyyy" class="form-control date" size="35" name = "filter_sub_dob" id="filter_sub_dob" readonly/>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top !important;">
                                        <input type="checkbox" name="sub_type" id="sub_type" value="1" class="checkbox1" onchange="return OnChangeCheckbox(this, 'given_type_html')"> <b>Subscriber Type</b>
                                        <div id="given_type_html">
                                            <div class="col-sm-7">
                                                Select Type:
                                                <input type="radio" name="filter_subc_type" value="1">Individual
                                                <input type="radio" name="filter_subc_type" value="2">Student
                                                <input type="radio" name="filter_subc_type" value="3">Company
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            <br>
                            <lable>Select values</lable>
                            <table style="width: 100%;">
                                <colgroup>
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                    <col width="20%" />
                                </colgroup>
                                <tr>
                                    <td><input type="checkbox" name="select_subscriber_last_name" value="1" class="checkbox1"> Last Name</td>
                                    <td><input type="checkbox" name="select_subscriber_first_name" value="1" class="checkbox1"> First Name</td>
                                    <td><input type="checkbox" name="select_subscriber_email" value="1" class="checkbox1"> Email</td>
                                    <td><input type="checkbox" name="select_subscriber_dob" value="1" class="checkbox1"> Date of Birth</td>
                                    <td><input type="checkbox" name="select_subscriber_nric" value="1" class="checkbox1"> NRIC</td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox" name="select_subscriber_type" value="1" class="checkbox1"> Type</td>
                                    <td><input type="checkbox" name="select_subscriber_postal_code" value="1" class="checkbox1"> Postal Code</td>
                                    <td><input type="checkbox" name="select_subscriber_mailing_address" value="1" class="checkbox1"> Mailing Address</td>
                                    <td><input type="checkbox" name="select_subscriber_home_address" value="1" class="checkbox1"> Home Address</td>
                                </tr>
                            </table>
                        </fieldset>
                        <div style="margin-top: 20px">
                            <input type="submit" name="submit" value="Generate Report" class="btn btn-success" />
                            <input type="reset" name="reset" id="reset_form" value="Reset Filters" class="btn btn-info" />
                        </div>
                    </form>
                    <div>
                        <!-- This div contains all the information div as per check box select -->
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<script src="<?php echo base_url(); ?>assets/library/jquery/jquery.min.js"></script>
<script src="<?php echo base_url();?>assets/plugins/forms_elements_bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script>
    $(document).ready(function(){
        $("#given_magazine_html").hide();
        $("#given_category_html").hide();
        $("#given_language_html").hide();
        $("#given_status_html").hide();
        $("#given_start_date_html").hide();
        $("#given_end_date_html").hide();
        $("#given_issues_html").hide();
        $("#given_no_of_year_html").hide();
        $("#given_amount_html").hide();
        $("#given_tran_id_html").hide();
        $("#given_start_issue_html").hide();
        $("#given_end_issue_html").hide();
        $("#given_payment_html").hide();
        $("#given_transaction_status_html").hide();
        $("#given_campaign_html").hide();
        $("#given_surname_html").hide();
        $("#given_first_name_html").hide();
        $("#given_email_html").hide();
        $("#given_nric_html").hide();
        $("#given_code_html").hide();
        $("#given_dob_html").hide();
        $("#given_gender_html").hide();
        $("#given_type_html").hide();
        $("#given_transaction_magazine_html").hide();
        $("#given_transaction_date_range").hide();

        $("#reset_form").click(function(){
            $("#given_magazine_html").hide();
            $("#given_category_html").hide();
            $("#given_language_html").hide();
            $("#given_status_html").hide();
            $("#given_start_date_html").hide();
            $("#given_end_date_html").hide();
            $("#given_issues_html").hide();
            $("#given_no_of_year_html").hide();
            $("#given_amount_html").hide();
            $("#given_tran_id_html").hide();
            $("#given_start_issue_html").hide();
            $("#given_end_issue_html").hide();
            $("#given_payment_html").hide();
            $("#given_transaction_status_html").hide();
            $("#given_campaign_html").hide();
            $("#given_surname_html").hide();
            $("#given_first_name_html").hide();
            $("#given_email_html").hide();
            $("#given_nric_html").hide();
            $("#given_code_html").hide();
            $("#given_dob_html").hide();
            $("#given_gender_html").hide();
            $("#given_type_html").hide();
            $("#given_transaction_magazine_html").hide();
            $("#given_transaction_date_range").hide();
        });
    });
    /**
     * Function OnChangeCheckbox
     * Function to show and hide the relative HTML
     * @param checkbox
     * @param divId
     * @constructor
     */
    function OnChangeCheckbox (checkbox, divId) {
        var StrSelector = "#"+divId;
        if (checkbox.checked) {
            $(StrSelector).show();
        }
        else {
            $(StrSelector).hide();
        }
    }
</script>