@extends('layouts.app')

@section('content')
<div class="box">
    <div class="box-header">
		<h3 class="box-title">Users Reports</h3>
	</div>
    <form   class="box-body" id="rpt_reguser_search">
    	@csrf
        <div class="row">
            <div class="form-group col-md-4 col-xs-12" data-select2-id="prov">
				<div class="form-group">
					<label>Province</label>
					<select class="form-control select2 proname" style="width: 100%;" id="proname" name="proname">
						<option selected="selected" value="">Please Select</option>
						@foreach ($data['province'] as $provin)
						<option value="{{$provin['prvnce_id']}}">{{$provin['prvnce_name']}}</option>
						@endforeach
					</select>
				</div>
			</div>
            <div class="form-group col-md-4 col-xs-12" data-select2-id="dist">
				<div class="form-group">
					<label>District</label>
					<select class="form-control select2 distname" style="width: 100%;" id="distname" name="distname">
						<option selected="selected" value="">Please Select</option>
						@foreach ($data['distric'] as $dist)
						<option value="{{$dist['dist_id']}}">{{$dist['dist_name']}}</option>
						@endforeach
					</select>
				</div>
			</div>

            <div class="form-group col-md-4 col-xs-12" data-select2-id="ser_pro">
				<div class="form-group">
					<label>Business Type</label>
					<select class="form-control select2 bsnstype" style="width: 100%;" id="bsnstype" name="bsnstype">
						<option selected="selected" value="">Please Select</option>
						@foreach ($data['businesstyp'] as $bsnstype)
						<option value="{{$bsnstype['type_code']}}">{{$bsnstype['engd_svc_en']}}</option>
						@endforeach
					</select>
				</div>
			</div>

            <div class="form-group col-md-4 col-xs-12">
				<label>Created from</label>
				<div class="input-group date">
					<div class="input-group-addon">
						<i class="fa fa-calendar"></i>
					</div>
					<input type="text" class="form-control pull-right created_from_date datepicker" id="created_from_date" name="created_from_date">
				</div>
			</div>

			<div class="form-group col-md-4 col-xs-12">
				<label>Created to</label>
				<div class="input-group date">
					<div class="input-group-addon">
						<i class="fa fa-calendar"></i>
					</div>
					<input type="text" class="form-control pull-right created_to_date datepicker" id="created_to_date"  name="created_to_date">
				</div>
			</div>

			<div class="form-check  col-md-4 col-xs-12">
				<br>
	            <input type="checkbox" class="form-check-input" id="ignore_date" name="ignore_date">
	            <label class="form-check-label" for="ignore_date">Ignore Date</label>
	        </div>
        </div>

        <div class="row">

			<div class="form-group col-xs-2 pull-right" style="padding-right: 15px;padding-left: 0px;">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="search_rptuser">
					<i class="fa fa-search"></i> Search
				</button>
			</div>
			<div class="form-group col-xs-2 pull-right" style="padding-right: 2px;padding-left: 0px;">				
                <button type="button" class="btn btn-block btn-social btn-dropbox" id="export_user_dtls">
					<i class="fa fa-download"></i>PDF Export
				</button>
			</div>
			<div class="form-group col-xs-2 pull-right" style="padding-right: 2px;padding-left: 0px;">				
                <button type="button" class="btn btn-block btn-social btn-dropbox" id="export_user_csv">
					<i class="fa fa-download"></i>CSV Export
				</button>
			</div>
			<div class="form-group col-xs-2">
				<button type="button" class="btn btn-light reset_btn">Reset</button>
			</div>
		</div>
    </form>
</div>

<div id="result_content"></div>
@endsection

@push('scripts')
<script type="text/javascript">
jQuery(document).ready(function($) {

    	// $('.datepicker').datepicker()

    	var date = new Date();
		$('.created_to_date').datepicker( "setDate", date);

		date.setMonth(date.getMonth() - 1);
		$('.created_from_date').datepicker( "setDate", date);



		$('#rpt_reguser_search').sayt({'recover': true});
		load_all_rptusers();

		$('#search_rptuser').click(function() {
			$('#rpt_reguser_search').sayt({'savenow': true});
			load_all_rptusers();
		});

		$('#rpt_reguser_search .reset_btn').click(function () {

            $('#rpt_reguser_search').sayt({'erase': true});
			location.reload();
		});

		$('#export_user_dtls').click(function (e) {
            e.preventDefault();
            var form=$('#rpt_reguser_search');
            form.attr('action','{{url('users_pdf')}}');
            form.submit();
        });

        $('#export_user_csv').click(function (e) {
            e.preventDefault();
            var form=$('#rpt_reguser_search');
            form.attr('action','{{url('users_csv')}}');
            form.submit();
        });

});

function load_all_rptusers(){
    var ajax_url = "{{ route("rpt_user_search") }}";
    form_data = $("#rpt_reguser_search").find(":input").serializeArray();
    $.ajax({
        url: ajax_url,
        type: 'GET',
        data: form_data,
        success: function(msg) {
            $('#result_content').html(msg);
            $('.datatable').DataTable()
        },
        error: function() {
            alert("Can't Connect to Server");
        }
    })
}
</script>
@endpush