<form id="form-add-room-type" action="#">
    <div class="table-scrollable">
        <table class="table table-bordered table-hover">
            <thead>
            <tr>
                <th> STT</th>
                <th> Tên loại phòng</th>
                <th style="width: 30%"> Đơn giá ({{\App\Components\Functions::moneyUnit()}})</th>
                {{--<th > Chiều dài (m)</th>--}}
                {{--<th> Chiều rộng (m)</th>--}}
                <th> Diện tích (m2)</th>
                <th> Số người tối đa</th>
                <th style="width: 20%"> Thao tác</th>
            </tr>
            </thead>

            <tbody id="table-room-types">
            @foreach($roomTypes as $roomType)
                <tr>
                    <td> {{ $loop->index + 1 }} </td>
                    <td> {{ $roomType->name }} </td>
                    <td> {{ number_format($roomType->price, 0, '.', '.') }} </td>
                    {{--<td> {{ $roomType->long }} </td>--}}
                    {{--<td> {{ $roomType->width }} </td>--}}
                    <td> {{ $roomType->size }} </td>
                    <td> {{ $roomType->max_peoples }} </td>
                    <td>
                        <a href="#" class="btn btn-sm btn-default btn-edit-room-type"
                           data-room-type="{{ $roomType->id }}"><i
                                    class="fa fa-pencil"></i> Sửa</a>
                        <a href="#" class="btn btn-sm btn-default btn-delete-room-type"
                           data-room-type="{{ $roomType->id }}"><i
                                    class="fa fa-trash"></i> Xóa</a>
                    </td>
                </tr>
            @endforeach
            </tbody>

        </table>

    </div>
</form>
<div class="center">
    <button class="btn btn-success" id="btn-add-room-type" data-hostel="{{ $hostelId }}">Thêm loại phòng</button>
</div>