@extends('layouts.app')

@section('title', 'BWSI')

@section('body')
	<button class="btn btn-success" id="mobile-reading-upload">MOBILE READING UPLOAD</button>
@endsection





@section('scripts')
<script type="text/javascript">
	$(document).ready(function(){
		$('#mobile-reading-upload').click(function(){
			// var jsonData;

			// $.get('https://api.myjson.com/bins/vh76p', function(){
			// }).done(function(data){
			// 	jsonData = data[0];
			// 	startUpload();
			// }).fail(function(xhr){

			// });

			startUpload();


			function startUpload(){
				// var header  = jsonData.Header[0];
				// var details = jsonData.Details;

				var header = {
					bill_month 		 : 8,
					bill_year  		 : 2017,
					book_id    		 : 1,
					due_date   		 : "2017-09-10",
					present_rdg_date : "2017-08-31",
					reader_id 		 : 1
				};

				var details = [];

				details.push({
					account_id 			: "1",
					actual_cum 			: "9",
					additional_cum 		: 0,
					advance 			: 1001,
					bill_type 			: "RB",
					book 				: "120",
					class 				: "RES",
					findings 			: "Uploaded from Android",
					max_reading 		: 99999,
					meter_id 			: "207049",
					present_rdg 		: 532,
					previous_cum 		: 14,
					previous_rdg 		: 523,
					previous_rdg_date 	: "2017-07-31",
					reading_date 		: "2017-08-31",
					senior 				: 1,
					subclass 			: "A"					
				});

				details.push({
					account_id 			: "222",
					actual_cum 			: "6",
					additional_cum 		: 0,
					advance 			: 1002,
					bill_type 			: "RB",
					book 				: "120",
					class 				: "RES",
					findings 			: "Uploaded from Android",
					max_reading 		: 99999,
					meter_id 			: "604156",
					present_rdg 		: 435,
					previous_cum 		: 16,
					previous_rdg 		: 429,
					previous_rdg_date 	: "2017-07-31",
					reading_date 		: "2017-08-31",
					senior 				: 0,
					subclass 			: "A"					
				});

				var data = {					
					'header'  : header,
					'details' : details
				};

				$.ajax({
					url   		: $app_url + '/mreading/upload',
					type  		: 'POST',
					contentType : 'json',
					processData : true,
					data		: JSON.stringify(data),
					success : function(response){
						console.log(response);
					},
					error : function(xhr){
				        if(xhr.status != '422'){
				            $.alert({
				                title   : 'Oops, something went wrong!',
				                content : "<span style='font-size:20px' class='text-danger'>" 
				                            + xhr.status 
				                        + "</span>" + '&nbsp;&nbsp;' 
				                        + '<strong>'+xhr.statusText+'</strong>'
				                        + '<br />'
				                        + 'Refresh the page and try again.',
				                type    : 'red',
				                icon    : 'fa fa-warning',
				                draggable : true
				            });  
				        }   					
					}
				});				
				
			}
			
		});
	});
</script>
@endsection