<?php  include "header.php"; ?>

  
<div class="content-wrapper">
    
        <!--<section class="content-header">
            <h1>Users List</h1>
            <ol class="breadcrumb">
                <li><a href="index.php"><i class="fa fa-dashboard"></i> Home</a></li>
                <li class="active"> Users List</li>            
            </ol>
        </section>-->

        <div class="clearfix"></div>
        <div class="col-lg-12 alerts">
            <div id="custom-alerts" style="display:none;">
                <div class="alert alert-dismissable">
                    <div class="custom-msg"></div>
                </div>
            </div>
            
            <?php if(isset($_SESSION['message']) && $_SESSION['message']!=""){ ?>
            <div class="alert alert-success alert-dismissable">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                <h4>    <i class="icon fa fa-check"></i> Success</h4>
                <?=$_SESSION['message'];?>
            </div>
            <?php  unset($_SESSION['message']); } ?>
            
            
            <?php if ($error)  { ?>
            <div class="alert alert-danger alert-dismissable">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                <h4><i class="icon fa fa-ban"></i> Error</h4>
                <?= $error; ?>
            </div>
            <?php } if ($warning) { ?>
            <div class="alert alert-warning alert-dismissable">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                <h4><i class="icon fa fa-warning"></i> Warning</h4>
                <?= $warning; ?>
            </div>
            <?php } if ($message) { ?>
            <div class="alert alert-success alert-dismissable">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                <h4>    <i class="icon fa fa-check"></i> Success</h4>
                <?= $site_name; ?>
            </div>
            <?php } ?>
        </div>
        




<section class="content">
    <?php if($session_id==1 || $session_user_type==1 || $allPermissions['customer_scheme']['read']==1){ ?>
    <div class="row">
        <div class="col-xs-12">
            <div class="box box-primary" style="box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;">
                <div class="box-header">

            
                    <?php if($session_id==1 || $session_user_type==1 || $allPermissions['customer_scheme']['create']==1){ ?> 
                            <a  href="customers-scheme-add.php" class="btn btn-success btn-sm pull-right"><i class="fa fa-plus-circle"></i> Add New Scheme</a>
                    <?php } ?>
                    
                    <span class="btn btn-default btn-sm pull-right filter" style="margin-right: 5px;"> Show/Hide Filter</span>
        
        
                    <h3 class="box-title">Customers Scheme List</h3>
                </div>
                <div class="box-body">
                    
                    
    <div class="row" id="filter">
    
    <div class="col-md-3">
        <div class="form-group">
            <label class="control-label" for="customer_id">Customers</label>                                   
            <select name="customer_id" class="form-control select2" style="width:100%" id="customer_id" required="required">
                <option value="">All Customers</option>
                <?php $statement = $pdo->prepare("SELECT * FROM `tbl_customers` where status=1");
                    $statement->execute();
                    $location_result = $statement->fetchAll(PDO::FETCH_ASSOC); 
                    foreach ($location_result as $result) { ?>
                        <option value="<?=$result['id']?>" <?php if(isset($_GET['cus_id']) && $_GET['cus_id']==$result['id']) { echo "selected";} ?> ><?=$result['customer_name']?> - <?=$result['mobile_no']?></option>
                <?php  }  ?>
            </select>
        </div>
    </div>
    
    
    <div class="col-md-3">
        <div class="form-group">
            <label class="control-label" for="status">Status</label>
            <select name="status" class="form-control select2" style="width:100%" id="status">
                <option value="1">Inprocess</option>
                <option value="0">Completed</option>
                <option value="" <?php if(isset($_GET['type']) && isset($_GET['cus_id'])) { echo "selected";} ?>>All Status</option>
            </select>
        </div>
    </div>
    
    <div class="col-md-3">
        <div class="form-group">
            <label class="control-label" for="scheme_type">Scheme Type</label>
            <select name="scheme_type" class="form-control select2" style="width:100%" id="scheme_type">
                <option value="">All Scheme Types</option>
                <option value="1" <?php if(isset($_GET['type']) && $_GET['type']==1) { echo "selected";} ?>>Payments Scheme</option>
                <option value="2" <?php if(isset($_GET['type']) && $_GET['type']==2) { echo "selected";} ?>>Weight Scheme</option>
            </select>
        </div>
    </div>
    
    
    
    </div>


<div class="clearfix"></div>


                    <div class="table-responsive">
                        <table id="StData" class="table table-striped table-bordered table-condensed table-hover" style="margin-bottom:5px;">
                            <thead>
                                <tr>
                                    <td colspan="13" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table"  placeholder="Search Here" style="width:100%;background-color: darkblue;color: white;"></td>
                                </tr>
                                <tr class="active">
                                    <th style="min-width:165px;">Actions</th>
                                    <th>S.No</th>
                                    <th  style="min-width:150px;">Customer Details</th>
                                    <th  style="min-width:200px;">Scheme&nbsp;Amount</th>
                                    <th  style="min-width:100px;">Scheme ID</th>
                                    <th  style="min-width:100px;">Paid Amount</th>
                                    <th  style="min-width:100px;">Total Weights</th>
                                    <!--<th>Total Months</th>-->
                                    <th>Paid / Pending</th>
                                    <th  style="min-width:100px;">Scheme Details</th>
                                    <th  style="min-width:100px;">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan="13" class="dataTables_empty"><center> Loading Pls Wait Data</center></td>
                                </tr>
                            </tbody>
                            
                        </table>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
<?php }else{ ?>

<?=$page_not_access?>

<?php } ?>
</section>

<?php include "footer.php"; ?>


<script>
    $(document).ready(function(){
        // $('#filter').hide();
        $('.filter').click(function(){
            $("#filter").slideToggle();
            return false;
        });
    });
</script>

<script type="text/javascript">
<?php
$columns = "0, 1, 2, 3, 4, 5, 6, 7, 8";
$data_table = "var search_table = $('#search_table').val();
              var status = $('#status').val();
              var customer_id = $('#customer_id').val();
              var scheme_type = $('#scheme_type').val();
              
              
            var table = $('#StData').DataTable({

                    'ajax' : { 
                        url: 'data-tables/customers-scheme-data-table.php', 
                        data:{search:search_table, status:status, customer_id:customer_id, scheme_type:scheme_type}, 
                        type: 'POST'},
                        bFilter: true,
                        bDestroy: true,
                        searching: true,
                    'buttons': [
                    { extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ $columns ] } },
                    { extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ $columns ] } },
                    { extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ $columns ] } },
                    { extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
                    exportOptions: { columns: [ $columns ] } },
                    { extend: 'colvis', text: 'Columns'},
                    ]
                });";

?>
    $(document).ready(function() {        
        emp_datas();
        
        $('#search_table').keyup(function() {  
            emp_datas();
            document.getElementById("search_table").focus();
        });
        
        $('#status, #customer_id, #scheme_type').change(function() {
            emp_datas();
        });

    });
    
    
    function delete_Details(id){
        var result = confirm("Confirm Want to Delete This Scheme?");
        if (result) {
                $.ajax({
                type: 'POST',
                url: 'api/delete.php',
                data: {type:'customer_scheme_delete',delete_id:id},                  
                success: function(response) {
                    console.log(response); 
                    emp_datas();
                }
            });
        }
    }
    
    function emp_datas(){
            <?=$data_table?>
    }
</script>