@extends('layouts.dashboard.signin')

{{-- content --}}
@section('content')
<div class="row justify-content-center my-5">
	<div class="col-lg-4">
		{!! Form::open($form) !!}

		{{-- alert --}}
		<div
			class="alert alert-primary"
			role="alert"
		>
			<h6 class="text-center mb-3">
				パスワード設定時の注意点について
			</h6>
			<ul class="mb-0 ps-3">
				<li>
					職員番号は半角英数字で入力してください
				</li>
				<li>
					パスワードは半角英数字で入力してください
				</li>
				<li>
					パスワードは4文字以上12文字以内で入力してください
				</li>
			</ul>
		</div>
		{{-- /.alert --}}

		{{-- error --}}
		@include('layouts.dashboard.components.error')
		{{-- /.error --}}

		<div class="card mb-3">
			<div class="card-body">

				<h5 class="text-center mb-4">
					パスワード設定
				</h5>

				<div class="form-floating mb-3">
					{!! Form::text('staff_number', '', [
						'class' => 'form-control',
						'id' => 'staff_number',
					]) !!}
					<label
						class=""
						for="staff_number"
					>
						{!! __("lang.staff.staff_number") !!}
					</label>
				</div>
				<div class="form-floating mb-3">
					{!! Form::password('password', [
						'class' => 'form-control',
						'id' => 'password',
					]) !!}
					<label
						class=""
						for="password"
					>
						{!! __("lang.form.password") !!}
					</label>
				</div>
				<div class="form-floating mb-3">
					{!! Form::password('password_confirmation', [
						'class' => 'form-control',
						'id' => 'password_confirmation',
					]) !!}
					<label
						class=""
						for="password_confirmation"
					>
						{!! __("lang.form.password_confirm") !!}
					</label>
				</div>
				<div class="d-grid gap-2">
					<button
						class="btn btn-primary"
						type="submit"
						name="action"
						value="store"
					>
						<span class="small fw-bold">
							{!! __("lang.button.submit") !!}
						</span>
					</button>
				</div>
			</div>
		</div>

		{!! Form::close() !!}
	</div>
@endsection

{{-- css --}}
@section('css')
<style>

</style>
@stop

{{-- js --}}
@section('js')
<script>
$(function() {
	//
});
</script>
@stop