<style>
    .add_btn {
        height: 30px; width: 30px; border-radius: 100%; padding: 0
    }
</style>
<form class="row g-3 auto-width floor" action="{{ route('floors.store') }}" method="post" enctype='multipart/form-data'
    id="floor">
    @csrf
    <!-- Name -->
    <div class="col-md-12">
        <label for="name" class="form-label">Name <span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control" id="name" name="name" aria-describedby="inputGroupPrepend" required>
        <span class="text-danger error_name" style="display:none;">This field is required.</span>
    </div>
    <!-- Room Quantity -->
    <div class="col-md-12">
        <label for="Room Quantity" class="form-label">Room Quantity <span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control" id="no_of_rooms" name="no_of_rooms" aria-describedby="inputGroupPrepend" required>
        <span class="text-danger error_no_of_rooms" style="display:none;">This field is required.</span>
    </div>


    <div class="col-md-12">
        <label for="priority" class="form-label">Priority <span class="text-danger"><b>*</b></span></label>
        <input type="number" class="form-control" name="priority" aria-describedby="inputGroupPrepend" required value="{!! $priority + 1 !!}">
        <span class="text-danger error_priority" style="display:none;">This field is required.</span>
    </div>
     <!-- Description -->
    <div class="col-md-12">
        <label for="description" class="form-label">Description</label>
        <textarea class="form-control" max=100 id="description" name="description"></textarea>
        <span class="text-danger description" style="display:none;">This field is required.</span>
    </div>
</form>
