@extends('layouts.authenticated')

@section('extracss')
    
@endsection

@section('extrajs')
    <script src="{{ asset('js/jquery.maskMoney.min.js') }}"></script>
@endsection

@section('content')
<div class="container">
	<div class="row justify-content-md-center">
        <div class="col-md-8 col-12 text-right">
            <h2>Transferência conta mãe SPS</h2>
        </div>
    </div>
	<div class="row justify-content-md-center">
        <div class="col-md-8 col-12">
        	
        	<div class="card">
        		<div class="card-header">
                    <h4 class="card-title">Transferência conta mãe SPS</h4>
                </div>
        		<div class="card-content">
        			<div class="card-body">
        				<br>
			        	<form action="{{ url('/transferenciasps') }}" method="POST">
			        		@csrf
			                <div class="form-body">
			                    <div class="row">
			                        <div class="col-12">
			                            <div class="form-group row">
			                                <div class="col-md-4">
			                                    <span>Valor</span>
			                                </div>
			                                <div class="col-md-8">
			                                    <input type="amount" id="amount" class="form-control" name="amount" placeholder="Valor">
			                                </div>
			                            </div>
			                        </div>


			                        {{-- <div class="input-group bootstrap-touchspin">
                                        <span class="input-group-btn input-group-prepend bootstrap-touchspin-injected"><button class="btn btn-primary bootstrap-touchspin-down" type="button">-</button></span><input type="text" class="touchspin form-control" value="50" data-bts-step="0.5" data-bts-decimals="2"><span class="input-group-btn input-group-append bootstrap-touchspin-injected"><button class="btn btn-primary bootstrap-touchspin-up" type="button">+</button></span>
                                    </div>

 --}}

			                        <div class="col-12">
			                            <div class="form-group row">
			                                <div class="col-md-4">
			                                    <span>Identificador</span>
			                                </div>
			                                <div class="col-md-8">
			                                    <input type="identifier" id="identifier" class="form-control" name="identifier" placeholder="Identificador">
			                                </div>
			                            </div>
			                        </div>
			                        <div class="col-md-8 offset-md-4">
			                            <button type="submit" class="btn btn-primary mr-1 mb-1 waves-effect waves-light">Enviar</button>
			                            <button type="reset" class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">Limpar</button>
			                        </div>
			                    </div>
			                </div>
			            </form>

					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection

@section('inlinejs')
	<script type="text/javascript">
		$(function() {
		    $('#amount').maskMoney({
		    	prefix:'R$ ', 
		    	allowNegative: false, 
		    	thousands:'.', 
		    	decimal:',', 
		    	affixesStay: false
		    });
		})
	</script>
@endsection