@extends('layouts.authUser')

@section('content')
<h2>Tambah lokasi bilik penyediaan</h2>

    <form method="POST" action="{{ route('ManageItemLocation.StoreNewItemLocation') }}">
        @csrf
        
        <div class="content-container">
        <div class="content-info mt-4">
        <div class="col-auto">
            <label for="storageRoomNo" class="col-form-label">No. Bilik Penyediaan:</label>
        </div>
        <div class="col-auto">
            <select id="storageRoomNo" class="form-select @error('storageRoomNo') is-invalid @enderror" name="storageRoomNo">
                <option value="" disabled selected>-Sila pilih-</option>
                <option value="Bilik Penyediaan 1" {{ old('storageRoomNo') == 'Bilik Penyediaan 1' ? 'selected' : '' }}>Bilik Penyediaan 1</option>
                <option value="Bilik Penyediaan 2" {{ old('storageRoomNo') == 'Bilik Penyediaan 2' ? 'selected' : '' }}>Bilik Penyediaan 2</option>
                <option value="Bilik Penyediaan 3" {{ old('storageRoomNo') == 'Bilik Penyediaan 3' ? 'selected' : '' }}>Bilik Penyediaan 3</option>
            </select>
            @error('storageRoomNo')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="col-auto">
            <label for="firstLabRoomNo" class="col-form-label">Bilik Makmal Pertama:</label>
        </div>
        <div class="col-auto">
            <select id="firstLabRoomNo" class="form-select @error('firstLabRoomNo') is-invalid @enderror" name="firstLabRoomNo">
                <option value="" disabled selected>-Sila pilih-</option>
                <option value="Makmal Sains 1" {{ old('firstLabRoomNo') == 'Makmal Sains 1' ? 'selected' : '' }}>Makmal Sains 1</option>
                <option value="Makmal Sains 2" {{ old('firstLabRoomNo') == 'Makmal Sains 2' ? 'selected' : '' }}>Makmal Sains 2</option>
                <option value="Makmal Sains 3" {{ old('firstLabRoomNo') == 'Makmal Sains 3' ? 'selected' : '' }}>Makmal Sains 3</option>
                <option value="Makmal Kimia" {{ old('firstLabRoomNo') == 'Makmal Kimia' ? 'selected' : '' }}>Makmal Kimia</option>
                <option value="Makmal Fizik" {{ old('firstLabRoomNo') == 'Makmal Fizik' ? 'selected' : '' }}>Makmal Fizik</option>
                <option value="Makmal Biologi" {{ old('firstLabRoomNo') == 'Makmal Biologi' ? 'selected' : '' }}>Makmal Biologi</option>
            </select>
            @error('firstLabRoomNo')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="col-auto">
            <label for="secLabRoomNo" class="col-form-label">Bilik Makmal Kedua:</label>
        </div>
        <div class="col-auto">
            <select id="secLabRoomNo" class="form-select @error('secLabRoomNo') is-invalid @enderror" name="secLabRoomNo">
                <option value="" disabled selected>-Sila pilih-</option>
                <option value="Makmal Sains 1" {{ old('secLabRoomNo') == 'Makmal Sains 1' ? 'selected' : '' }}>Makmal Sains 1</option>
                <option value="Makmal Sains 2" {{ old('secLabRoomNo') == 'Makmal Sains 2' ? 'selected' : '' }}>Makmal Sains 2</option>
                <option value="Makmal Sains 3" {{ old('secLabRoomNo') == 'Makmal Sains 3' ? 'selected' : '' }}>Makmal Sains 3</option>
                <option value="Makmal Kimia" {{ old('secLabRoomNo') == 'Makmal Kimia' ? 'selected' : '' }}>Makmal Kimia</option>
                <option value="Makmal Fizik" {{ old('secLabRoomNo') == 'Makmal Fizik' ? 'selected' : '' }}>Makmal Fizik</option>
                <option value="Makmal Biologi" {{ old('secLabRoomNo') == 'Makmal Biologi' ? 'selected' : '' }}>Makmal Biologi</option>
            </select>
            @error('secLabRoomNo')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="col-auto">
            <label for="storageRoomLevel" class="col-form-label">Aras:</label>
        </div>
        <div class="col-auto">
            <select id="storageRoomLevel" class="form-select @error('storageRoomLevel') is-invalid @enderror" name="storageRoomLevel">
                <option value="" disabled selected>-Sila pilih-</option>
                <option value="Aras 1" {{ old('storageRoomLevel') == 'Aras 1' ? 'selected' : '' }}>Aras 1</option>
                <option value="Aras 2" {{ old('storageRoomLevel') == 'Aras 2' ? 'selected' : '' }}>Aras 2</option>
                <option value="Aras 3" {{ old('storageRoomLevel') == 'Aras 3' ? 'selected' : '' }}>Aras 3</option>
            </select>
            @error('storageRoomLevel')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        </div>

        <div class="button-container">
        <a href="{{ route('ManageItemLocation.ItemLocationList') }}" class="btn btn-cancel">{{ __('Batal') }}</a>
        <button type="submit" id="submitBtn" class="btn btn-save">{{ __('Tambah') }}</button>
        </div>
        </div>
    </form>
@endsection