<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <!-- <h1 class="m-0">Deactive Member </h1> -->
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Category</a></li>
                    <li class="breadcrumb-item active">Category Details</li>
                </ol>
            </div>
        </div>
    </div>
</div>

            <!-----------------------------   Income-Others Credited Amount ------------------>

       
<section class="content">
    <div class="container-fluid">




        <div class="row">

            <section class="col-lg-6 connectedSortable">

                <div class="card">
                    <div class="card-header " style="background-color:#31708e;color:white">
                        <h3 class="card-title">
                       Payment List
                        </h3>
                        <div class="card-tools">
                            <ul class="nav nav-pills ml-auto">
                            </ul>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="tab-content p-0">


                        <a href="" class="btn btn-primary btn-rounded mb-4" data-toggle="modal" data-target="#income_category">Add Category</a>
                        <br><br>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="tile">
                                    <div class="tile-body" id="filter_id">
                                        <table " class=" table table-striped table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">S No.</th>
                                                    <th class="text-center">Income Category List</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php $sno = 1; ?>
                                                <?php foreach ($income_category as $data) : ?>
                                                    <tr>
                                                        <td class="text-center">
                                                            <?= $sno; ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <?= $data['category'] ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <a href="<?php echo base_url() ?>index.php/Member/delete_category/<?php echo $data['id']; ?>" class="btn btn-danger btn-xs"><span class="fas fa-times"></span><span class="sr-only"></span></a>

                                                        </td>
                                                    </tr>
                                                    <?php $sno++; ?>
                                                <?php endforeach; ?>
                                            </tbody>

                                        </table>
                                        <div class="modal fade" id="income_category" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header text-center">
                                                        <h4 class="modal-title w-100 font-weight-bold">Add Data</h4>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="something">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body mx-3">
                                                        <form method="post" action="<?php echo base_url(); ?>index.php/Member/income_Category" id="member_add_" enctype='multipart/form-data'>

                                                            <div class="md-form mb-5">
                                                                <label data-error="wrong" data-success="right" for="form3">Title</label>

                                                                <input type="text" id="form3" class="form-control validate" name="category">
                                                                <input type="hidden" id="form3" class="form-control validate" name="value" value="0">
                                                                <br>
                                                                <label data-error="wrong" data-success="right" for="form3">தலைப்பு</label>

                                                                <input type="text" id="form3" class="form-control validate" name="t_category">
                                                                <input type="hidden" id="form3" class="form-control validate" name="value" value="0">

                                                            </div>

                                                    </div>
                                                    <div class="modal-footer d-flex justify-content-center">
                                                        <button class="btn btn-primary">Add Income Category<i class="fas fa-paper-plane-o ml-1"></i></button>
                                                    </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        </div>
                    </div>
                </div>
           </section>

           <section class="col-lg-6 connectedSortable">
                <div class="card">
                    <div class="card-header " style="background-color:#31708e;color:white">
                        <h3 class="card-title">
                        Payment Others  List

                        </h3>
                        <div class="card-tools">
                            <ul class="nav nav-pills ml-auto">
                            </ul>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="tab-content p-0">
                        <div>
                            <a href="" class="btn btn-primary btn-rounded mb-4" data-toggle="modal" data-target="#income_others_category">Add Category</a>

                        </div>
                        <br>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="tile">
                                    <div class="tile-body" id="filter_id">
                                        <table class="table table-striped table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">S No.</th>
                                                    <th class="text-center">Income Others Category List</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>


                                                <?php $sno = 1; ?>
                                                <?php foreach ($income_others_category as $data) : ?>
                                                    <tr>
                                                        <td class="text-center">
                                                            <?= $sno; ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <?= $data['category'] ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <a href="<?php echo base_url() ?>index.php/Member/delete_category/<?php echo $data['id']; ?>" class="btn btn-danger btn-xs"><span class="fas fa-times"></span><span class="sr-only"></span></a>

                                                        </td>
                                                    </tr>
                                                    <?php $sno++; ?>
                                                <?php endforeach; ?>
                                            </tbody>

                                        </table>

                                    </div>
                                </div>
                                  </div>
                                </div>
                                <div class="modal fade" id="income_others_category" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header text-center">
                                                <h4 class="modal-title w-100 font-weight-bold">Add Data</h4>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="something1">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body mx-3">
                                                <form method="post" action="<?php echo base_url(); ?>index.php/Member/income_Category" id="member_add_" enctype='multipart/form-data'>

                                                    <div class="md-form mb-5">
                                                        <label data-error="wrong" data-success="right" for="form3">Title</label>

                                                        <input type="text" id="form3" class="form-control validate" name="category">
                                                        <input type="hidden" id="form3" class="form-control validate" name="value" value="1">
                                                        <br>
                                                        <label data-error="wrong" data-success="right" for="form3">தலைப்பு</label>
                                                        <input type="text" id="form3" class="form-control validate" name="t_category">
                                                        <input type="hidden" id="form3" class="form-control validate" name="value" value="1">

                                                    </div>

                                            </div>
                                            <div class="modal-footer d-flex justify-content-center">
                                                <button class="btn btn-primary">Add Income Others Category<i class="fas fa-paper-plane-o ml-1"></i></button>
                                            </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>


                        </div>

                    </div>
                </div>
        </div>

 
        <!-----------------------------  Tally Expense Details ------------------>
        <div class="row">

<section class="col-lg-6 connectedSortable">

    <div class="card">
        <div class="card-header " style="background-color:#31708e;color:white">
            <h3 class="card-title">
           Debit List
            </h3>
            <div class="card-tools">
                <ul class="nav nav-pills ml-auto">
                </ul>
            </div>
        </div>
        <div class="card-body">
            <div class="tab-content p-0">


            <div>
                            <a href="" class="btn btn-primary btn-rounded mb-4" data-toggle="modal" data-target="#debit_category">Add Category</a>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="tile">
                                    <div class="tile-body" id="filter_id">
                                        <table class="table table-striped table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">S No.</th>
                                                    <th class="text-center">Debit Category</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php $sno = 1; ?>
                                                <?php foreach ($debit_category as $data) : ?>
                                                    <tr>
                                                        <td class="text-center">
                                                            <?= $sno; ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <?= $data['debit_category'] ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <a href="<?php echo base_url() ?>index.php/Member/delete_debit_category/<?php echo $data['id']; ?>" class="btn btn-danger btn-xs"><span class="fas fa-times"></span><span class="sr-only"></span></a>

                                                        </td>
                                                    </tr>
                                                    <?php $sno++; ?>
                                                <?php endforeach; ?>
                                            </tbody>

                                        </table>
                                        <div class="modal fade" id="debit_category" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header text-center">
                                                        <h4 class="modal-title w-100 font-weight-bold">Add Data</h4>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="something7">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body mx-3">
                                                        <form method="post" action="<?php echo base_url(); ?>index.php/Member/debit_Category" id="member_add_" enctype='multipart/form-data'>

                                                            <div class="md-form mb-5">
                                                                <label data-error="wrong" data-success="right" for="form3">Debit Category</label>

                                                                <input type="text" id="form3" class="form-control validate" name="category">

                                                                <br>
                                                                <label data-error="wrong" data-success="right" for="form3">தலைப்பு</label>
                                                                <input type="text" id="form3" class="form-control validate" name="t_category">
                                                                <input type="hidden" id="form3" class="form-control validate" name="value2" value="3">
                                                            </div>

                                                    </div>
                                                    <div class="modal-footer d-flex justify-content-center">
                                                        <button class="btn btn-primary">Add Expense Category<i class="fas fa-paper-plane-o ml-1"></i></button>
                                                    </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

            </div>
        </div>
    </div>
</section>

<section class="col-lg-6 connectedSortable">
    <div class="card">
        <div class="card-header " style="background-color:#31708e;color:white">
            <h3 class="card-title">
           Receipt To Category

            </h3>
            <div class="card-tools">
                <ul class="nav nav-pills ml-auto">
                </ul>
            </div>
        </div>
        <div class="card-body">
            <div class="tab-content p-0">

             <div>
                            <a href="" class="btn btn-primary btn-rounded mb-4" data-toggle="modal" data-target="#expense_category">Add Category</a>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="tile">
                                    <div class="tile-body" id="filter_id">
                                        <table class="table table-striped table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">S No.</th>
                                                    <th class="text-center">Expense To Category</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php $sno = 1; ?>
                                                <?php foreach ($expense_category as $data) : ?>
                                                    <tr>
                                                        <td class="text-center">
                                                            <?= $sno; ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <?= $data['category'] ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <a href="<?php echo base_url() ?>index.php/Member/delete_category/<?php echo $data['id']; ?>" class="btn btn-danger btn-xs"><span class="fas fa-times"></span><span class="sr-only"></span></a>

                                                        </td>
                                                    </tr>
                                                    <?php $sno++; ?>
                                                <?php endforeach; ?>
                                            </tbody>

                                        </table>
                                        <div class="modal fade" id="expense_category" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header text-center">
                                                        <h4 class="modal-title w-100 font-weight-bold">Add Data</h4>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="something3">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body mx-3">
                                                        <form method="post" action="<?php echo base_url(); ?>index.php/Member/expense_Category" id="member_add_" enctype='multipart/form-data'>

                                                            <div class="md-form mb-5">
                                                                <label data-error="wrong" data-success="right" for="form3">Debit Category</label>

                                                                <select name="debit_category" id="division_id" class="form-control">
                                                                    <option value="">Select</option>
                                                                    <?php foreach ($debit_category as $e_category) { ?>
                                                                        <option value="<?php echo $e_category['id']; ?>"><?php echo $e_category['debit_category']; ?></option>
                                                                    <?php } ?>
                                                                </select>
                                                                <br>
                                                                <label data-error="wrong" data-success="right" for="form3">Expense Category</label>

                                                                <input type="text" id="form3" class="form-control validate" name="category">
                                                                <input type="hidden" id="form3" class="form-control validate" name="value1" value="1">

                                                                <br>
                                                                <label data-error="wrong" data-success="right" for="form3">தலைப்பு</label>
                                                                <input type="text" id="form3" class="form-control validate" name="t_category">
                                                                <input type="hidden" id="form3" class="form-control validate" name="value2" value="3">
                                                            </div>

                                                    </div>
                                                    <div class="modal-footer d-flex justify-content-center">
                                                        <button class="btn btn-primary">Add Expense Category<i class="fas fa-paper-plane-o ml-1"></i></button>
                                                    </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>

        </div>
    </div>
</div>
        
        <!-----------------------------  Expense-Other's Credited Amount ------------------>

 <div class="row">       
        <section class="col-lg-6 connectedSortable">
                <div class="card">
                    <div class="card-header " style="background-color:#31708e;color:white">
                        <h3 class="card-title">
                     Receipt  Category List
 
                        </h3>
                        <div class="card-tools">
                            <ul class="nav nav-pills ml-auto">
                            </ul>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="tab-content p-0">

                        <div>
                            <a href="" class="btn btn-primary btn-rounded mb-4" data-toggle="modal" data-target="#expense_Statement_category">Add Category</a>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="tile">
                                    <div class="tile-body" id="filter_id">
                                        <table class="table table-striped table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">S No.</th>
                                                    <th class="text-center">Expense Statement Category</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php $sno = 1; ?>
                                                <?php foreach ($expense_Statement_category as $data) : ?>
                                                    <tr>
                                                        <td class="text-center">
                                                            <?= $sno; ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <?= $data['category'] ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <a href="<?php echo base_url() ?>index.php/Member/delete_category/<?php echo $data['id']; ?>" class="btn btn-danger btn-xs"><span class="fas fa-times"></span><span class="sr-only"></span></a>

                                                        </td>
                                                    </tr>
                                                    <?php $sno++; ?>
                                                <?php endforeach; ?>
                                            </tbody>

                                        </table>
                                        <div class="modal fade" id="expense_Statement_category" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header text-center">
                                                        <h4 class="modal-title w-100 font-weight-bold">Add Data</h4>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="something4">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body mx-3">
                                                        <form method="post" action="<?php echo base_url(); ?>index.php/Member/expense_Statement_category" id="member_add_" enctype='multipart/form-data'>

                                                            <div class="md-form mb-5">
                                                                <label data-error="wrong" data-success="right" for="form3">Expense Category</label>

                                                                <select name="expense_category" id="division_id" class="form-control">
                                                                    <option value="">Select</option>
                                                                    <?php foreach ($expense_category as $e_category) { ?>
                                                                        <option value="<?php echo $e_category['id']; ?>"><?php echo $e_category['category']; ?></option>
                                                                    <?php } ?>
                                                                </select>
                                                                <br>
                                                                <label data-error="wrong" data-success="right" for="form3">Title</label>

                                                                <input type="text" id="form3" class="form-control validate" name="category">
                                                                <input type="hidden" id="form3" class="form-control validate" name="value1" value="1">

                                                                <br>
                                                                <label data-error="wrong" data-success="right" for="form3">தலைப்பு</label>
                                                                <input type="text" id="form3" class="form-control validate" name="t_category">
                                                                <input type="hidden" id="form3" class="form-control validate" name="value2" value="6">
                                                            </div>

                                                    </div>
                                                    <div class="modal-footer d-flex justify-content-center">
                                                        <button class="btn btn-primary">Add Expense Category<i class="fas fa-paper-plane-o ml-1"></i></button>
                                                    </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        </div>
                </div>
        </div>
</section>
<section class="col-lg-6 connectedSortable">
                <div class="card">
                    <div class="card-header " style="background-color:#31708e;color:white">
                        <h3 class="card-title">
                      Receipt  Others Category

                        </h3>
                        <div class="card-tools">
                            <ul class="nav nav-pills ml-auto">
                            </ul>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="tab-content p-0">


                        <div>
                            <a href="" class="btn btn-primary btn-rounded mb-4" data-toggle="modal" data-target="#expense_others_category">Add Category</a>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="tile">
                                    <div class="tile-body" id="filter_id">
                                        <table class="table table-striped table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">S No.</th>
                                                    <th class="text-center"> Expense-Other's Category</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>


                                                <?php $sno = 1; ?>
                                                <?php foreach ($expense_others_category as $data) : ?>
                                                    <tr>
                                                        <td class="text-center">
                                                            <?= $sno; ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <?= $data['category'] ?>
                                                        </td>
                                                        <td class="text-center">
                                                            <a href="<?php echo base_url() ?>index.php/Member/delete_category/<?php echo $data['id']; ?>" class="btn btn-danger btn-xs"><span class="fas fa-times"></span><span class="sr-only"></span></a>

                                                        </td>
                                                    </tr>
                                                    <?php $sno++; ?>
                                                <?php endforeach; ?>
                                            </tbody>

                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="modal fade" id="expense_others_category" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header text-center">
                                        <h4 class="modal-title w-100 font-weight-bold">Add Data</h4>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="something5">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body mx-3">
                                        <form method="post" action="<?php echo base_url(); ?>index.php/Member/expense_Others_Category" id="member_add_" enctype='multipart/form-data'>

                                            <div class="md-form mb-5">

                                                <label data-error="wrong" data-success="right" for="form3">Title</label>

                                                <input type="text" id="form3" class="form-control validate" name="category">
                                                <input type="hidden" id="form3" class="form-control validate" name="value1" value="2">
                                                <br>
                                                <input type="text" id="form3" class="form-control validate" name="t_category">
                                                <input type="hidden" id="form3" class="form-control validate" name="value2" value="4">

                                            </div>

                                    </div>
                                    <div class="modal-footer d-flex justify-content-center">
                                        <button class="btn btn-primary">Add Expense-Other's Category<i class="fas fa-paper-plane-o ml-1"></i></button>
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                       </div>
                    </div>
                </div>
        </div>
</section>
                                                </div>
</div>
</div>
</section>


    <style>
        div.dataTables_wrapper div.dataTables_filter {
            text-align: right;
            margin-top: -37px;
        }
    </style>
    <script>
        $(document).ready(function() {
            $('#something').click(function() {
                location.reload();
            });
            $('#something1').click(function() {
                location.reload();
            });
            $('#something2').click(function() {
                location.reload();
            });
            $('#something3').click(function() {
                location.reload();
            });
            $('#something4').click(function() {
                location.reload();
            });
            $('#something5').click(function() {
                location.reload();
            });
            $('#something6').click(function() {
                location.reload();
            });
            $('#something7').click(function() {
                location.reload();
            });
        });
        $(document).ready(function() {
            $('.alert').fadeOut(3000);
            var table = $('#table_id').DataTable({
                "processing": true,
                "dom": 'lBfrtip',
                "lengthMenu": [
                    [10, 25, 50, -1],
                    [10, 25, 50, "All"]
                ],
                "buttons": [
                    'copyHtml5',
                    'excelHtml5',
                    'csvHtml5',
                    'pdfHtml5'
                ]
            });

            $(".buttons-html5").addClass("btn btn-primary");
            $('.dt-buttons').addClass("pt-3 pb-0");
        });
    </script>

    <script>
        $(document).ready(function() {
            $('.alert').fadeOut(3000);
            var table = $('#table_id1').DataTable({
                "processing": true,
                "dom": 'lBfrtip',
                "lengthMenu": [
                    [10, 25, 50, -1],
                    [10, 25, 50, "All"]
                ],
                "buttons": [
                    'copyHtml5',
                    'excelHtml5',
                    'csvHtml5',
                    'pdfHtml5'
                ]
            });

            $(".buttons-html5").addClass("btn btn-primary");
            $('.dt-buttons').addClass("pt-3 pb-0");
        });
    </script>
    <script>
        $(document).ready(function() {
            $('.alert').fadeOut(3000);
            var table = $('#table_ids1').DataTable({
                "processing": true,
                "dom": 'lBfrtip',
                "lengthMenu": [
                    [10, 25, 50, -1],
                    [10, 25, 50, "All"]
                ],
                "buttons": [
                    'copyHtml5',
                    'excelHtml5',
                    'csvHtml5',
                    'pdfHtml5'
                ]
            });

            $(".buttons-html5").addClass("btn btn-primary");
            $('.dt-buttons').addClass("pt-3 pb-0");
        });
    </script>
    <script>
        $(document).ready(function() {
            $('.alert').fadeOut(3000);
            var table = $('#table_ids2').DataTable({
                "processing": true,
                "dom": 'lBfrtip',
                "lengthMenu": [
                    [10, 25, 50, -1],
                    [10, 25, 50, "All"]
                ],
                "buttons": [
                    'copyHtml5',
                    'excelHtml5',
                    'csvHtml5',
                    'pdfHtml5'
                ]
            });

            $(".buttons-html5").addClass("btn btn-primary");
            $('.dt-buttons').addClass("pt-3 pb-0");
        });
    </script>