@extends('layouts.app')
@section('title', session('company_code') . ' Elite System')

@section('body')
<div class="row">
	<div class="box box-default">
		<div class="box-body">
			<div class="row">
	            <div class="col-xs-12">
	                <label class="text-primary" style="font-size:16px; margin-top:6px">Collection Checking <i class="fa fa-fw fa-check text-primary"></i></label>

	                <div class="pull-right box-tools">
	                    <a href="#" class="btn btn-default" id="g_col-rep"><i class="fa fa-fw fa-plus-circle text-primary"></i>Generate Collection Report</a>
	                </div>

	                <!-- <div class="pull-right box-tools" style="width:200px; margin-right:3px">
	                    <select id="filter-by-status" class="form-control select2 select2-hidden-accessible" data-placeholder="STATUS" style="width: 100%;" aria-hidden="true">
	                        <option value="default">DEFAULT</option>
	                        <option value="pending">PENDING</option>
	                        <option value="surveyed">SURVEYED</option>
	                        <option value="for payment">FOR PAYMENT</option>
	                        <option value="joborder">JOB ORDER</option>
	                        <option value="connected">CONNECTED</option>
	                        <option value="all">ALL</option>
	                    </select>
	                </div> -->
	                <div class="pull-right box-tools" style="width:115px; margin-right:3px">
	                    <input type="text" class="form-control date-masked" placeholder="Collection Date" id="col-date">
	                </div>
	            </div>
	        </div>
	        <hr style="margin-top:6px; margin-bottom:8px">
			<table class="table table-hover table-responsive" id="t_col-check">
		        <thead class="table-header-bg">
		            <tr>
		                <th>Account Number</th>
		                <th>Customer Name</th>
		                <th>OR Number</th>
		                <th>Bill Number</th>
		                <th>Basic</th>
		                <th>PCA</th>
		                <th>Bill Amount</th>
		                <th>Penalty</th>
		                <th>Actual Penalty</th>
		                <th>Senior</th>
		                <th>Discount</th>
		                <th>Tax 2306</th>
		                <th>Tax 2307</th>
		                <th>Amount Total</th>
		                <th>Amount Paid</th>
		            </tr>
		        </thead>
		        <tbody>

		        </tbody>
		    </table>
	    </div>
	</div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
	$('#g_col-rep').on('click', function(){
		var $date = $('#col-date').val();
		$.ajax({
            url     :   $app_url + "/collections-checking-get-all",
            type    :   "GET",
            data    : { 
                'date' : $date
            },
            success : function(response){
            	console.log(response);
                // $.confirm({
                //     draggable: true,
                //     title: false,
                //     type: 'blue',
                //     content: '<p class="text-center"><i class="fa fa-fw fa-check text-bold text-primary" style="font-size:54px"></i></p>' +
                //             "<p class='text-center'>RS Date was successfully changed.</p>",
                //     buttons: {
                //         yes: {
                //             text: '<small>[ENTER]</small> got it!',
                //             btnClass: 'btn-primary',
                //             keys: ['enter'],
                //             action: function() {
                //                $('table#t__rs > tbody').find('tr').empty();
                //                $('#rs-cust__account-id').empty();
                //             }
                //         }
                //     }
                // });
            },
            error : function(){
                console.log("error fetching");
            }
        });
	});
</script>
@endsection