@section('title', 'Create Facility Item')
<style>
    select[disabled] {
    background-color: #EEF3F7 !important; /* Warna latar belakang */
    color: #c3d1df !important; /* Warna teks */
    cursor: not-allowed !important; /* Kursor */
}
</style>

<div class="card">
    <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_user_register" aria-expanded="true" aria-controls="kt_user_register">
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">{{ __('Create Facility Item') }}</h3>
        </div>
    </div>

    <div class="card-body border-top p-9">
       @include('partials.alerts.main')
        <div id="form_container">
            <form method="POST" action="{{ route('facility_item.store') }}" class="form w-100" id="kt_sub_create_form" novalidate="novalidate" enctype="multipart/form-data">
                @csrf

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6 required">{{ __('Select Item') }}</label>
                    <div class="col-lg-8 fv-row">
                        <select data-hide-search="false" data-control="select2" id="select_item" name="item_id" aria-label="{{ __('Select a Item') }}" data-placeholder="{{ __('Select a Item') }}" class="form-select form-select-solid form-select-lg">
                            <option value="">{{ __('Select a Item...') }}</option>
                            @foreach($items as $key => $item)
                                <option value="{{ $item['id'] }}" {{ old('item_id') == $item['id'] ? 'selected' : '' }}>{{ ucwords(str_replace('-', ' ', $item['title']) ?? '') }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6 required">{{ __('Room') }}</label>
                    <div class="col-lg-8">
                        <input type="number" name="room" id="title" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Room" value="{{ old('room') ?? '' }}"/>
                    </div>
                </div>

                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label text-dark fs-6 required">{{ __('Meeting') }}</label>
                    <div class="col-lg-8">
                        <input type="number" name="meeting" id="title" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Meeting" value="{{ old('meeting') ?? '' }}"/>
                    </div>
                </div>

            </form>
        </div>
    </div>

    <div class="card-footer">
        <div class="text-center">
            <button type="submit" form="kt_sub_create_form" class="btn btn-lg btn-primary">
                @include('partials.general._button-indicator')
            </button>
        </div>
    </div>
</div>