<div class="col-md-9 col-12 p-0">
    <!-- Adjust column size based on screen width -->
    <!--=========== Source VMs Page=================== -->
    <div class="main-form active" id="incoming-migrateSettings" style="height: 60vh;overflow-y: auto;">
        <div class="font-weight-bold p-2 border-bottom">
            Select configuration for the recovered VMs
        </div>
        <div class="m-3">
            <div class="mb-3 p-2 bg-primary text-light font-weight-bold">
                Instances handling after recovery
            </div>
            <div class="mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="snapshotOptions" id="do-nothing" value="DO_NOTHING" checked>
                    <label class="form-check-label" for="do-nothing">
                        Default
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="snapshotOptions" id="consolidate" value="CONSOLIDATE" checked>
                    <label class="form-check-label" for="consolidate">
                        Consolidate
                    </label>
                </div>
            </div>
            <div class="alert alert-info m-2 row" role="alert">
                <div class="col-1">
                    <i class="fas fa-info-circle py-3" style="color: #5aa6c9;font-size: 20px;"></i>
                </div>
                <div class="col">
                    Selecting the Default option provides the lowest Recovery Time Objective (RTO).
                    To optimize performance, perform instances consolidation after the recover task completes.
                </div>
            </div>
            <div class="alert alert-info m-2 row" role="alert">
                <div class="col-1">
                    <i class="fas fa-info-circle py-3" style="color: #5aa6c9;font-size: 20px;"></i>
                </div>
                <div class="col">
                    Selecting the Consolidate option consolidates all instances into the recovered disk.
                    This can improve the runtime performance of the recovered VM, but may greatly
                    increase Recovery Time Objective (RTO).
                </div>
            </div>
            <div class="mb-3 p-2 bg-primary text-light font-weight-bold">
                Power settings
            </div>
            <div class="mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="powerOnBox" checked>
                    <label class="form-check-label" for="powerOnBox">
                        Power on recovered VMs
                    </label>
                </div>
            </div>
            <div class="mb-3 p-2 bg-primary text-light font-weight-bold">
                Network settings
            </div>
            <div class="mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="preconfiguredNetwork" id="configured-source" checked>
                    <label class="form-check-label" for="configured-source">
                        Apply preconfigured network settings on migrate
                    </label>
                </div>
                <div class="form-check d-inline">
                    <input class="form-check-input" type="radio" name="preconfiguredNetwork" id="selectNetwork" checked>
                    <label class="form-check-label pr-2" for="selectNetwork">
                        Connect all VMs to network
                    </label>
                    <select class="line-select" style="width: 150px;">
                        <option value="">SELECT NETWORK</option>
                    </select>
                </div>
            </div>
            <div class="mb-3 p-2 bg-primary text-light font-weight-bold">
                VDC compute and sizing policies
            </div>
            <div class="mb-3">
                <b>Select a VM placement and sizing policy to be applied to the recovered virtual machine.</b>
                <div class="p-3">
                    <div class="row mb-3">
                        <label for="" class="col-4">
                            VDC VM placement policy
                        </label>
                        <select class="col-2 browser-default custom-select mr-3" style="width: 50px;">
                            <option selected>None</option>
                        </select>
                    </div>
                    <div class="row">
                        <label for="" class="col-4">
                            VDC VM sizing policy
                        </label>
                        <select class="col-2 browser-default custom-select mr-3" style="width: 50px;">
                            <option selected>None</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="alert alert-info m-2 row" role="alert">
                <div class="col-1">
                    <i class="fas fa-info-circle py-3" style="color: #5aa6c9;font-size: 20px;"></i>
                </div>
                <div class="col">
                    The selected settings will be used during the recovery operation without changing the current policy settings of the replication
                </div>
            </div>
        </div>
        <div class="font-weight-bold p-2 border-top">
            <i class="fas fa-exclamation-triangle" style="color: #f2c973;"></i>&nbsp;
            All source VMs will be powered-off after successful recovery.
        </div>
    </div>
    <!--============ Destination VDC and Storage policy Page =================-->
    <div class="main-form" id="incoming-migrateComplete" style="height: 60vh;overflow-y: auto;">
        <div class="font-weight-bold p-2 border-bottom">
            Verify the selected settings before proceeding:
        </div>
        <div class="m-3">
            <div class="alert alert-info m-2 row" role="alert">
                <div class="col-1">
                    <i class="fas fa-info-circle py-5" style="color: #5aa6c9;font-size: 20px;"></i>
                </div>
                <div class="col">
                    The migration workflow will execute the following steps:
                    <ul>
                        <li>Sync (if the source VM is ON)</li>
                        <li>Power off source VM (if needed)</li>
                        <li>Sync (after source VM is off)</li>
                        <li>Import the VM in the target site</li>
                    </ul>
                </div>
            </div>
            <table class="tg" style="table-layout: fixed; width: 539px">
                <colgroup>
                    <col style="width: 270px">
                    <col style="width: 269px">
                </colgroup>
                <tbody>
                    <tr>
                        <td class="tg-1wig"><span style="color:#000;background-color:#FFF">Recovered VMs</span></td>
                        <td class="tg-0lax"><span style="color:#000;background-color:#FFF">test-policy</span></td>
                    </tr>
                    <tr>
                        <td class="tg-1wig"><span style="color:#000;background-color:#FFF">Recovery site</span></td>
                        <td class="tg-0lax"><span style="color:#000;background-color:#FFF">avmzone1vcf</span></td>
                    </tr>
                    <tr>
                        <td class="tg-1wig"><span style="color:#000;background-color:#FFF">Recovery network</span></td>
                        <td class="tg-0lax"><span style="color:#000;background-color:#FFF">Preconfigured network settings</span></td>
                    </tr>
                    <tr>
                        <td class="tg-1wig"><span style="color:#000;background-color:#FFF">Power on recovered VMs</span></td>
                        <td class="tg-0lax">Activated</td>
                    </tr>
                    <tr>
                        <td class="tg-1wig"><span style="color:#000;background-color:#FFF">Instances handling after recovery</span></td>
                        <td class="tg-0lax"><span style="color:#000;background-color:#FFF">Default</span></td>
                    </tr>
                    <tr>
                        <td class="tg-1wig"><span style="color:#000;background-color:#FFF">VDC VM placement policy</span></td>
                        <td class="tg-0lax">None</td>
                    </tr>
                    <tr>
                        <td class="tg-1wig"><span style="color:#000;background-color:#FFF">VDC VM sizing policy</span></td>
                        <td class="tg-0lax">None</td>
                    </tr>
                </tbody>
            </table>

        </div>
    </div>

</div>