@extends('layouts.app')

@section('content')

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

<div class="content">
	<form method="POST" action="{{ route('warehouses.store') }}" id="warehouse-form">
		@csrf
		<table class="table table-borderless">
			<tbody>
				<tr>
					<th class="bg-light" width="16.66%"><label for="branch_id">Branch</label></th>
					<th class="bg-light" width="16.66%"><label for="name">Name</label></th>
					<th class="bg-light" width="16.66%"><label for="address">Address</label></th>
					<th class="bg-light" width="16.66%"><label for="contact_number">Contact Number</label></th>
				</tr>
				<tr>
					<td>
						<select class="form-control @error('branch_id') is-invalid @enderror" id="branch_id" name="branch_id">
							<option value="">Select Branch</option>
							@foreach ($branches as $branch)
							<option value="{{ $branch->id }}" {{ old('branch_id') == $branch->id ? 'selected' : '' }}>{{ $branch->name }}</option>
							@endforeach
						</select>
						@error('branch_id')
						<div class="invalid-feedback">{{ $message }}</div>
						@enderror
					</td>
					<td>
						<input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name') }}" required>
						@error('name')
						<div class="invalid-feedback">{{ $message }}</div>
						@enderror
					</td>
					<td>
						<input type="text" class="form-control @error('address') is-invalid @enderror" id="address" name="address" value="{{ old('address') }}" required>
						@error('address')
						<div class="invalid-feedback">{{ $message }}</div>
						@enderror
					</td>
					<td>
						<input type="text" class="form-control @error('contact_number') is-invalid @enderror" id="contact_number" name="contact_number" value="{{ old('contact_number') }}" required>
						@error('contact_number')
						<div class="invalid-feedback">{{ $message }}</div>
						@enderror
					</td>
				</tr>
				<!-- Add more fields here if needed -->
			</tbody>
		</table>

		<button type="submit" class="btn btn-primary mt-2" style="float: right;">Save</button>
	</form>
</div>

@endsection