@extends('layouts.baseproempty')
@section('content')


<style>
.title {
    opacity: .6;
}

.titlespan {
	font-size: .9rem
}
</style>

<div class="modal-dialog w-100 mx-auto">


<div class="modal-content">
	
	<div class="modal-body">
		<div class="h5 modal-title text-center">		
		<h4 class="mt-2">
			<div class="title">Test Notification MercadoPago</div>
			<span class="titlespan">Ingrese los datos solicitados para vincular a Fixup / Speedup</span>
		</h4>
				
		</div>

		<form method="POST" action="http://ripa.local/pagoNotification" accept-charset="UTF-8" id="formTest">
		<fieldset>
			<div class="form-group">
				{!! csrf_field() !!}
				<input name="id" class="form-control" type="text" value="12345" id="id">
			</div>
			<div class="form-group">
				<input name="live_mode" class="form-control" type="text" value="1" id="live_mode">
			</div>
			<div class="form-group">
				<input name="type" id="type" value="payment" class="form-control" type="text">
			</div>
			<div class="form-group">
				<input name="date_created" id="date_created" value="2015-03-25T10:04:58.396-04:00" class="form-control" type="text">
			</div>
			<div class="form-group">
				<input name="application_id" id="application_id" value="123123123" class="form-control" type="text">
			</div>
			<div class="form-group">
				<input name="user_id" id="user_id" value="44444" class="form-control" type="text">
			</div>
			<div class="form-group">
				<input name="version" id="version" value="1" class="form-control" type="text">
			</div>
			<div class="form-group">
				<input name="api_version" id="api_version" value="v1" class="form-control" type="text">
			</div>
			<div class="form-group">
				<input name="action" id="action" value="payment.created" class="form-control" type="text">
			</div>
			<div class="form-group">
				<input name="data['id']" id="data" value="999999999" class="form-control" type="text">
			</div>
			
			<button class="btn btn-lg btn-success btn-block"  id="vincular">Vincular</button>
		</fieldset>
		</form>
	</div>
</div>
</div>
@endsection
@section('scripts')
<script>
	$(document).ready(function() {
		$("#vincular").click(function() {
			var datos = $("#formTest").serialize();
			var route = "/pagoNotification";
			//var token = $("#token").val();

			$.ajax({
				url: route,
				//headers: {'X-CSRF-TOKEN': token},
				type: 'POST',
				dataType: 'json',
				data: datos,
				success: function(data) {
					console.log('ok');
					console.log(data);

				},
				error: function(data) {
					console.log('error');
					console.log(data);
				}
			});

		});
	});
</script>
@endsection