@extends('layouts.app')

@section('content')

<div class="content-header">
	<p class="title">Create Department</p>
	<ul>
		<li><a href="{{ route('departments.index') }}">{{ __('List') }}</a></li>
	</ul>
</div>

<div class="content">
	<form method="POST" action="{{ route('departments.store') }}">
		@csrf
		<table class="table table-borderless">
			<tbody>
				<tr>
					<th class="bg-light" width="50%"><label for="warehouse_id">Warehouse</label></th>
					<th class="bg-light" width="50%"><label for="name">Name</label></th>
				</tr>
				<tr>
					<td>
						<select class="form-control @error('warehouse_id') is-invalid @enderror" id="warehouse_id" name="warehouse_id">
							<option value="">Select Warehouse</option>
							@foreach ($warehouses as $warehouse)
							<option value="{{ $warehouse->id }}" {{ old('warehouse_id') == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->name }}</option>
							@endforeach
						</select>
						@error('warehouse_id')
						<span class="text-danger">{{ $message }}</span>
						@enderror
					</td>
					<td>
						<input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name') }}">
						@error('name')
						<span class="text-danger">{{ $message }}</span>
						@enderror
					</td>
				</tr>
			</tbody>
		</table>
		<button type="submit" class="btn btn-primary mt-2" style="float: right;">Save</button>

	</form>
</div>

@endsection