<?php 
    $this->load->view("partial/header");
        $page_name = ucwords(str_replace("_"," ",$controller_name));
?>
<!-- MODULE TITLE !!! -->
<div class='row title_content'>
    <div class='col-md-2 col-xs-4'>
        <h1 class='page_txt'><?php echo $page_name;?></h1>
    </div>
</div>
<!-- FORM CONTENT !!! -->
<div class="form-inline" style="margin-top:20px;">
    <div class="row" style='margin-bottom:0px;'>
        <div class="col-md-12">
            <div class="form-group">
                <?php
                    $process_type = array(""=>"---- Select ----","1"=>"Process By Employee","2"=>"Process By category");
                    echo form_label("Process Type", 'process_type', array('class' => 'required'));
                    echo form_dropdown(array("name" =>'process_type',"id" =>'process_type',"class" =>'form-control input-sm select2'),$process_type);
                ?>
            </div> 
            <div class="form-group" style='display:none;max-height: 50px;!important'>
                <?php
                    echo form_label("Search Employee", 'employee_code', array('class' => 'required'));
                    echo form_input(array('name' =>'employee_code','id' =>'employee_code','class' => 'form-control input-sm','value'=>'','placeholder'=>"Search by Employee Code")); 
                ?>
                <div class='append_div'></div>
            </div>
            <div class="form-group" style='display:none;'>
                <?php
                    echo form_label("Category", 'process_role', array('class' => 'required'));
                    echo form_dropdown(array("name" =>'process_role[]',"multiple id" =>'process_role',"class" =>'form-control input-sm select2'),$process_role);
                    echo "<label><input name='role_select' id='role_select' type='checkbox'> Select All</label>";
                ?>
            </div>
            <div class="form-group">
                <?php
                    echo form_label("Loan", 'loan_type', array('class' => 'required'));
                    echo form_dropdown(array("name" =>'loan_type',"id" =>'loan_type',"class" =>'form-control input-sm select2'),$loan_role);
            ?>
            </div>
            <div class="form-group">
                <?php
                    $report_type = array(""=>"---Select---","1"=>"Pending Register on date");
                    echo form_label("Report Type", 'report_type');
                    echo form_dropdown(array("name" =>'report_type',"id" =>'report_type',"class" =>'form-control input-sm select2'),$report_type);
            ?>
            </div>
            <div class="form-group">
                <button class="btn btn-primary btn-sm" id="btn-submit">submit</button>
            </div>
            <div style='padding:8px;overflow: auto !important;' id='loan_info'></div>
        </div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
    select_call();
    //ON CHANGE PROCESS TYPE
    $('#process_type').change(function () {
        process_type  = $("#process_type").val();
        $('#employee_code,#process_role').parent().hide();
        $('#employee_code').val("");
        $('#process_role').val("");
        if(process_type === "1"){
            $('#employee_code').parent().show();
        }else
        if(process_type === "2"){
            $('#process_role').parent().show();
        }else{
            $('#employee_code,#process_role').parent().hide();
        }
    });
    //AUTOCOMPLETE EMPLOYEE CODE
    $('#employee_code').autocomplete({
        source: function(request, response) {
            $.getJSON('<?php echo site_url("$controller_name/emp_suggest");?>',{term:request.term},response);
        },
        minChars:2,
        autoFocus: true,
        delay:10,
        scroll: true,
        appendTo: '.append_div',
        select: function(e, ui) {
            $('#employee_code').val(ui.item.value);
            return false;
        }
    });
    //FORM SUBMIT
    $('#btn-submit').click(function(){
        var process_type   = $("#process_type").val();
        var process_emp_id = $("#employee_code").val();
        var process_role   = $("select[name='process_role[]']").map(function(){return $(this).val();}).get();
        var loan_type      = $("#loan_type").val();
        var report_type    = $("#report_type").val();
        if(process_type.length === 0){
            toastr.error('Please choose type?');
            return false;
        }else
        if(parseInt(process_type) === 1){
            if(process_emp_id.length === 0){
                toastr.error('Please select employee?');
                return false;
            }
        }else
        if(parseInt(process_type) === 2){
            if(process_role.length === 0){
                toastr.error('Please select role?');
                return false;
            }
        }
        if(process_type && loan_type){
            $("#btn-submit").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
            $('#btn-submit').attr('disabled','disabled');
            //Encryption
			var key     = '<?php echo $key; ?>';
			var data    = {process_type:process_type,process_emp_id:process_emp_id,process_role:process_role,loan_type:loan_type,report_type:report_type};
			var encData = encrypt(key,data);
            $.ajax({
                type: "POST",
                url : '<?php echo site_url($controller_name . "/get_table_data"); ?>',
                data:encData,				
				contentType: 'text/plain',
                success: function(data){
                    $('#btn-submit').attr('disabled',false);
                    $('#btn-submit').html('Submit');
                    var response = JSON.parse(data);
                    if(response.success){
                        $('#loan_info').html(response.loan_rslt);
                        var table = $('#role').DataTable( {
                            scrollX:true,
                            dom: 'Bfrtip',
                                buttons:[
                                    {extend: 'collection',text: 'Export',
                                        buttons: [{extend:'excel',exportOptions:{modifier:{order :'index',page: 'all',search:'none'},columns:':visible'}},]}    
                                ],
                        });
                    $('input[type=search]').addClass('form-control input-sm');
                    $("select[name='table_length']" ).addClass('form-control input-sm');
                    }else{
                        toastr.error(response.message);
                    }
                 
                }
            });
        }
    });
    //CHECK BOX -> PROCESS CATEGORY
    $("#role_select").click(function(){
        if($("#role_select").is(':checked') ){
            $("#process_role > option").prop("selected","selected");
            $("#process_role").trigger("change");
        }else{
            $("#process_role > option").removeAttr("selected");
            $("#process_role").trigger("change");
        }
       $('#process_role option').filter(function(){
            return !this.value || $.trim(this.value).length == 0;
        }).remove();
    });
});
function select_call(){
    $(function(){
        $('.select2').select2({
            placeholder: '---- Select ----',
            allowClear: true,
            //dropdownParent: $('.modal-dialog')
        });
        $('.select2-tags').select2({
            tags: true,
            tokenSeparators: [',']
        });
    });
}
</script>
<?php $this->load->view("partial/footer"); ?>