@extends('layouts.app')

@section('content')	
	<div class="row justify-content-center" style="margin-top:1em">
		<div class="col-10">
		
			<div class="card shadow p-3 mb-5 bg-body rounded">
				<div class="row justify-content-center" style="margin-top:0em;margin-bottom:0em;padding:0em">
					<div class="col-12" align="center" style="color:#222222;font-family:Soho Std;font-size:2.2em">
						Registro de Cargos
					</div>
				</div>
				<hr/>
				<div class="card-body" style="padding:0em 2em 2em 2em">
					<form method="POST" action="{{ route('storePositions') }}">
					@csrf		
					
						<input type="hidden" id="modal" name="modal" value="0">
					
						<div class="row justify-content-center" style="margin-top:1em">
							<div class="col-9">
								<label for="position" class="form-label">Cargo</label>
								<input id="position"  name="position" type="text" class="form-control" value="{{ old('position') }}"
								 required autofocus>
							</div>
							<div class="col-3" align="right" style="margin-top:2em">
								<button type="submit" class="btn btn-primary btn-block">Registrar</button>
							</div>
						</div>
						
					</form>
				</div>
			</div>
			
		</div>
	</div>
@endsection

@section('js-files')	
	
	<script type="text/javascript">
		
		$( document ).ready(function() {
			document.getElementById('myCollapse').setAttribute("aria-expanded", true);
			document.getElementById('layouts').classList.add("show");			
		});
		
	</script>
	
@endsection