Как исправить, чтобы получить общую длительность в днях из двух дат типа ввода, которые находятся в цикле foreach в laravel с использованием JavaScript?

Question

У меня есть система бронирования номеров, где клиенты выбирают «Заезд» и «Извлечение» из дат, когда автоматически рассчитывается общая продолжительность в терминах дат.

У меня есть система бронирования номеров. Детали номера поступают из определенного отеля. Я хочу, чтобы клиенты выбирали Check-In и Checkout из дат, когда автоматически рассчитывается общая продолжительность в терминах дат. Я сделал немного JavaScript, и он работает, но только для одной комнаты. Я хочу, чтобы это работало для всех номеров отеля. Когда я пытаюсь подсчитать общее количество дней в других комнатах, это не работает.

Это HTML-код

@foreach($hotel->rooms as $room)
<div class="major col-md-4">
    <div class="col-md-4">
        <input id="check_in{{$room->id}}" onchange="cal(id)" class="selectx input-sm" type="date" name="check_in" required />
        <input id="check_out{{$room->id}}" onchange="cal(id)" class="selectx input-sm" type="date" name="check_out" required />
    </div>
    <input class="selectx input-sm" id="totalDays{{$room->id}}" value="" type="text" name="totalStay" readonly>
</div>
@endforeach

Это код JavaScript

<script type="text/javascript">
    function GetDays() {
        var checkIn = new Date(document.getElementById("check_in" + id).value);
        var checkOut = new Date(document.getElementById("check_out" +
            id).value);
        return parseInt((checkOut - checkIn) / (24 * 3600 * 1000));
    }

    function cal(id) {
        if (document.getElementById("check_in" + id)) {
            document.getElementById("totalDays" + id).value = GetDays();
        }
    }
</script>

Я не получаю результаты, когда пытаюсь подсчитать дни в других комнатах.