Unlimited input add & remove - dathalongbay/notes GitHub Wiki

jQuery(document).on('click', '.add-booking-time', function(event){

                event.preventDefault();
                var appendContent = '';

                var source = jQuery(this).data("source");
                if (source == 3) {
                    appendContent = '<div class="form-group cskh-special-row" style="padding: 10px 0">' +
                        '<input type="hidden" name="source[]" value="3">' +
                        '<input type="hidden" name="schedule_id[]" value="0">' +
                        '<input type="hidden" name="status[]" value="1">' +
                        '<div class="col-md-12"> Thời gian bắt đầu  ' +
                        '<input type="text" name="start_time[]" class="start_time" value="">' +
                        ' Thời gian kết thúc  ' +
                        '<input type="text" name="end_time[]" class="end_time" value="">' +
                        ' Giới hạn số bàn  ' +
                        '<input type="number" name="seat_amount[]" class="seat_amount" value="10">' +
                        ' <a href="" class="btn btn-sm btn-warning">Xóa</a>' +
                        '</div>' +
                        '</div>';
                }
                if (source == 2) {
                    appendContent = '<div class="form-group cskh-special-row" style="padding: 10px 0">' +
                        '<input type="hidden" name="source[]" value="2">' +
                        '<input type="hidden" name="schedule_id[]" value="0">' +
                        '<input type="hidden" name="status[]" value="1">' +
                        '<div class="col-md-12"> Thời gian bắt đầu  ' +
                        '<input type="text" name="start_time[]" class="start_time" value="">' +
                        ' Thời gian kết thúc  ' +
                        '<input type="text" name="end_time[]" class="end_time" value="">' +
                        ' Giới hạn số bàn  ' +
                        '<input type="number" name="seat_amount[]" class="seat_amount" value="10">' +
                        ' <a href="" class="btn btn-sm btn-warning">Xóa</a>' +
                        '</div>' +
                        '</div>';
                }

                var cskh_special_row_last = jQuery(this).closest(".box-config").find(".cskh-special-row:last");
                var add_booking_time_box = jQuery(this).closest(".box-config").find("p.add-booking-time-box");
                if (cskh_special_row_last.length > 0) {
                    cskh_special_row_last.after(appendContent);
                } else {
                    add_booking_time_box.after(appendContent);
                }

                date_time_picker_limit_booking();

            });

            jQuery(document).on('click', '.remove-booking-time', function(event){

                event.preventDefault();

                var cskh_special_row = jQuery(this).closest(".cskh-special-row");
                if (cskh_special_row.hasClass("booking-exist")) {
                    cskh_special_row.find("input[name='status[]']").val(0);
                    cskh_special_row.css({"display": "none"});
                } else {
                    cskh_special_row.remove();
                }
            });