<div class="app-content p-3">
    <div class="container-xl px-0">
        <div class="row g-3 mb-4 align-items-center justify-content-between">
            <div class="col-auto">
                <h1 class="app-page-title mb-0">Edit Module (for Lease Agreement)</h1>
            </div>
            <div class="col-auto">
                        <div class="page-utilities">
                            <div class="row g-2 justify-content-start justify-content-md-end align-items-center">
                                <!--//col-->
                                <div class="col-auto">
                                    <a class="btn app-btn-secondary" href="<?php echo base_url('admin/module');?>">
                                        View All Module
                                    </a>
                                </div>
                            </div>
                            <!--//row-->
                        </div>
                        <!--//table-utilities-->
                    </div>
        </div>

        <div class="app-card app-card-settings shadow-sm p-4">
            <div class="app-card-body">
                <form class="settings-form" id="moduleForm" method="post" action="<?php echo base_url('admin/module/updateModuleData'); ?>" enctype="multipart/form-data" autocomplete="off">
                <input class="form-check-input" type="hidden" name="module_id" value="<?=$moduleData['module_id'] ?>">
    
                <div class="row g-3">
                        <div class="col-sm-12 col-md-12 mb-3">
                            <label for="industrialPark" class="form-label">Industrial Park <span class="text-red">*</span></label>
                            <select id="industrialPark" name="industrialPark" class="form-control" required>
                                <option disabled>Select Industrial Park</option>
                                <?php foreach ($industrialParks as $park) { ?>
                                    <option value="<?php echo $park['industrial_park_id']; ?>" <?php echo ($moduleData['industrial_park_id'] == $park['industrial_park_id']) ? 'selected' : ''; ?>><?php echo $park['park_name']; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    <div class="row g-3">
                        <div class="col-sm-12 col-md-5 mb-3">
                            <label for="moduleRefNo" class="form-label">Insert module / Ref No. <span class="text-red">*</span></label>
                            <input type="text" class="form-control" id="moduleRefNo" name="moduleRefNo" value="<?php echo $moduleData['module_ref_no']; ?>" required>
                        </div>
                        <div class="col-sm-12 col-md-5 mb-3">
                            <label for="totalArea" class="form-label">Insert Total Area <span class="text-red">*</span></label>
                            <input type="text" class="form-control total-area-input" id="totalArea" name="totalArea" value="<?php echo $moduleData['total_area']; ?>" required>
                        </div>
                        <div class="col-sm-12 col-md-2 mb-3">
                            <label for="uom" class="form-label">UOM</label>
                            <select id="uom" name="uom" class="form-select">
                                <?php foreach ($uom_list as $uom) : ?>
                                    <option value="<?php echo $uom->uom_id; ?>" <?php echo ($moduleData['uom_id'] == $uom->uom_id) ? 'selected' : ''; ?>><?php echo $uom->name; ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                    <div class="row g-3">
                        <div class="col-sm-12 col-md-12 mb-3">
                            <label for="" class="form-label">Description (Not Mandatory)</label>
                            <textarea name="description" id="description" cols="0" rows="5" class="form-control" placeholder="Description (Not Mandatory)"><?php echo $moduleData['description']; ?></textarea>
                        </div>
                    </div>
                    <!-- Edit Button -->
                    <div class="row g-3">
                        <div class="col-sm-12 col-md-12 mb-2">
                            <button type="submit" class="btn btn-primary">UPDATE</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
        $(document).ready(function() {

             // Function to validate input value
             function isValidAreaInput(inputValue) {
                // Regular expression to match numbers and decimals
                var regex = /^\d*\.?\d*$/;
                return regex.test(inputValue);
            }


            $(document).on('input', '.total-area-input', function() {
                // Get the input value
                var inputValue = $(this).val();
                // Validate the input value
                if (!isValidAreaInput(inputValue)) {
                    // If input is invalid, remove the last character
                    $(this).val(inputValue.slice(0, -1));
                }
            });
        });
    </script>