<tbody>

            @for (int j = 0; j < avail.Length; j++)
             {
                <tr>
                    <th scope="row">@avail[j].RoomType</th>
                    <td>@avail[j].RoomDescription</td>
                    <td>@avail[j].RoomCapacity</td>
                    <td>

                        <select id="@avail[j].RoomType" name="@avail[j].RoomType">
                            @for (int x = 0; x <= avail[j].Quantities.MinimumQuantity; x++)
                            {
                                <option value=@x> @x</option>}

                        </select>


                    </td>
                    <td>
                        <select id="PACK @avail[j].RoomType" name="PACK @avail[j].RoomType" onChange="changetextbox();">
                            @for (int x = 0; x < pack[j].Packages.Length; x++)
                            {
                                <option value=@x>@pack[j].Packages[x].Package1 - @pack[j].Packages[x].PeriodsPrices[0].Price.DayPrice - @pack[j].Packages[x].PeriodsPrices[0].Price.TotalPrice</option>
                            }
                        </select>
                    </td>
                    <td>
                        <input type="number" id="PAX @avail[j].RoomType" name="PAX @avail[j].RoomType" value=0>

                        <script type="text/javascript">


                            function changetextbox() {


                                if (document.getElementById("@avail[j].RoomType").value == "0") {
                                    document.getElementById("PAX @avail[j].RoomType").disabled = "true";

                                }
                                else {

                                    document.getElementById("PAX @avail[j].RoomType").disabled = "";
                                }
                             }
                        </script>

                    </td>

                </tr>
            }


        </tbody>