<div class="container-fluid">
    <!-- Row 1: Checkboxes, Search/ID input, and Buttons -->
    <div class="row mt-3 g-2 justify-content-center align-items-center">
        <!-- Checkbox 1: Web Plate -->
        <div class="col-auto d-flex align-items-center">
            <div class="form-check form-check-lg mt-4 me-2">
                <label class="form-check-label ms-2" for="cbwebplate">Web Plate</label>
                <input class="form-check-input" type="checkbox" id="cbwebplate">
            </div>
        </div>
        <!-- Checkbox 2: Corrugated Plate -->
        <div class="col-auto d-flex align-items-center">
            <div class="form-check form-check-lg mt-4 me-2">
                <label class="form-check-label ms-2" for="cbcorrugatedplate">Corrugated Plate</label>
                <input class="form-check-input" type="checkbox" id="cbcorrugatedplate" checked>
            </div>
        </div>
        <!-- Search Input -->
        <div class="col-auto">
            <label for="edtsearch" class="form-label mb-0">Enter Customer Info</label>
            <input  id="edtTEST" type="text" class="form-control">
        </div>
        <!-- Selected ID -->
        <div class="col-auto">
            <label for="edtid" class="form-label mb-0">Selected ID</label>
            <input type="text" class="form-control" id="edtid">
        </div>
        <!-- Buttons -->
        <div class="col-auto d-flex justify-content-end">
            <button id="btnconfirm" class="btn btn-primary mt-3 me-2">Confirm</button>
            <button id="btncancel" class="btn btn-secondary mt-3">Cancel</button>
        </div>
    </div>

    <!-- Row 2: FNC Grid -->
    <div class="row mt-3">
        <div class="col-12">
            <div id="pnlfncgrid" class="grid-container border border-1">
                <!-- TMS FNC Grid will be rendered here -->
            </div>
        </div>
    </div>
</div>