@extends('layouts.app')

@section('content')
@include('layouts.sidebar')

<div class="page-content-wrapper">
    <div class="pt-3"></div>
    <div class="container direction-rtl">
		<div class="register-form mt-4">
			<h6 class="mb-3 text-center">Add Staff</h6>
			<form action="{{ route('add-staff') }}" method="POST" enctype='multipart/form-data'>
				@csrf
				<div class="form-group">
					<p class=" mb-2">Staff Name</p>
					<input class="form-control" type="text" id="name" name="name" value="{{ old('name') }}" placeholder="Staff Name">
					@if ($errors->has('name'))
        				<span class="text-danger">{{ $errors->first('name') }}</span>
    				@endif
				</div>
				<div class="form-group">
					<p class=" mb-2">Vehicle Number</p>
					<input class="form-control" type="text" id="phone_number" name="phone_number" value="{{ old('phone_number') }}" placeholder="Vehicle Number">
					@if ($errors->has('phone_number'))
        				<span class="text-danger">Vehicle number is required</span>
    				@endif
				</div>
        
				<div class="form-group">
					<p class=" mb-2">Mobile Number</p>
					<input class="form-control" type="text" id="alternate_phone_number" name="alternate_phone_number" placeholder="Mobile Number" value="{{ old('alternate_phone_number') }}" placeholder="Alternative Number">
					@if ($errors->has('alternate_phone_number'))
        				<span class="text-danger">Mobile number is required</span>
    				@endif
				</div>
				<div class="form-group">
					<p class=" mb-2">Photo</p>
					<input class="form-control border-0" id="profile_photo" name="profile_photo" type="file">
					@if ($errors->has('profile_photo'))
        				<span class="text-danger">{{ $errors->first('profile_photo') }}</span>
    				@endif
				</div>
				<div class="form-group">
					<p class=" mb-2">Driving License</p>
					<input class="form-control border-0" id="driving_licence" name="driving_licence" type="file">
					@if ($errors->has('driving_licence'))
        				<span class="text-danger">{{ $errors->first('driving_licence') }}</span>
    				@endif
				</div>
				<div class="form-group ">
					<p class=" mb-2">Password</p>
					<div class="position-relative">
						<input class="form-control" id="psw-input" name="password" type="password" placeholder="">
						<div class="position-absolute" id="password-visibility">
							<i class="bi bi-eye"></i>
							<i class="bi bi-eye-slash"></i>
						</div>
						@if ($errors->has('password'))
        					<span class="text-danger">{{ $errors->first('password') }}</span>
    					@endif
					</div>
				</div>
				<div class="form-group">
					<p class=" mb-2">Address</p>
					<textarea class="form-control" name="address" id="address" cols="30" rows="10">{{ old('address') }}</textarea>
					@if ($errors->has('address'))
        				<span class="text-danger">{{ $errors->first('address') }}</span>
    				@endif
				</div>
          		<button class="btn btn-primary w-100" type="submit">Submit</button>
			</form>
		</div>
	</div>
    <div class="pb-3"></div>
</div>
@endsection