@extends('layouts.default')
@section('content')
<script>
    $(document).ready(function(){
    });
</script>
<section class="section is-paddingless">
    <div class="container is-clearfix">
        <div class="container">
            <h1 class="title">{{ trans('labels.staff') }}</h1>
            <h2 class="subtitle">add new</h2>
        </div>
    </div>
</section>
<form method="POST" action="/staff">
        @csrf
<section class="section">
	<div class="container is-clearfix">
		<input type="hidden" name="get_info" id="get_info" value="0">
		<div class="container is-pulled-left">
			<div class="field">
				<label class="label">{{ trans('labels.name') }}</label>
				<div class="field-body">
					<div class="field is-grouped">
						<p class="control">
							<input  type="text"
									class="input"
									name="staff_firstname"
									value="{{ old('staff_firstname') }}"
									placeholder="{!! trans('labels.name') !!}"
							>
						</p>
						<p class="control">
							<input  type="text"
									class="input"
									name="staff_surname"
									value="{{ old('staff_surname') }}"
									placeholder="{!! trans('labels.surname') !!}"
							>
						</p>
					</div>
				</div>
			</div>
			<div class="field">
				<label class="label">{{ mb_strtoupper(trans('labels.gender'), 'UTF-8') }}</label>
				<div class="field-body">
					<div class="field is-grouped">
						<p class="control">
							<label class="radio">
								<input type="radio" name="st_gender" value="M" >Male
							</label>
							<label class="radio">
								<input type="radio" name="st_gender" value="F" >Female
							</label>
							<label class="radio">
								<input type="radio" name="st_gender" value="U" >n/a
							</label>
						</p>
					</div>
				</div>
			</div>
			<div class="field">
				<label class="label">{{ trans('labels.phone') }}</label>
				<div class="field-body">
					<div class="field is-grouped">
						<p class="control">
							<input  type="text"
									class="input"
									name="st_phone"
									value="{{ old('st_phone') }}"
									placeholder="{!! trans('labels.phone') !!} 1"
							>
						</p>
					</div>
				</div>
			</div>
			<div class="field">
				<label class="label">{{ trans('labels.email') }}</label>
				<div class="field-body">
					<div class="field">
						<p class="control">
							<input  type="text"
									class="input"
									name="st_email"
									value="{{ old('st_email') }}"
									placeholder="{!! trans('labels.email') !!}"
							>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="section">
	<div class="container">
		<div class="buttons">
			<input type="reset" class="button is-warning" value="Clear">
			<a href="/staffs" class="button is-outlined is-primary">Cancel</a>
			<input type="Submit" class="button is-primary" value="Save">
		</div>
	</div>
</section>
</form>
@endsection