@extends('auth.base')

@section('content')
<form class="form-horizontal" id="login_form" method="post">
<div class="form-group">
	<div class="col-md-2">Usuario</div>
	<div class="col-md-3"><input type="text" name="name" class="form-control" /></div>
</div>
<div class="form-group">
	<div class="col-md-2">Cl&aacute;ve</div>
	<div class="col-md-3"><input type="password" name="password" class="form-control" /></div>
</div>
<div class="form-group">
	<div class="col-md-offset-2 col-md-2"><input type="submit" value="Ingresar" class="form-control" /></div>
</div>
</form>
@endsection

@push('scripts')
	<script type="text/javascript">
		function doLogin(e) {
			e.preventDefault()
			const form = $(e.currentTarget)
			const url = '{{$urls->base}}/auth/login'
			const data = {
				name: form.find("[name='name']").val(),
				password: form.find("[name='password']").val()
			}
			$.post(url, data).then((data) => {
				if (data.login) {
					window.location = '{{$route}}'
					return
				}
				console.debug(data)
			})
			return false
		}
		$(document).ready(() => {
			$('#login_form').submit(doLogin)
		})
	</script>
@endpush