<!-- Add Modal-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Create Container</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
          <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="form-tab" data-toggle="tab" href="#form" role="tab" aria-controls="form" aria-selected="true">Form</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="json-tab" data-toggle="tab" href="#json" role="tab" aria-controls="json" aria-selected="false">JSON</a>
            </li>
          </ul>
          <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="form" role="tabpanel" aria-labelledby="form-tab">
              <br />
              <form id="addForm">

                <div class="row">
                  <label class="col-3 col-form-label text-right">Name: <span class="text-danger">*</span> </label>
                  <div class="col-7">
                    <div class="form-group">
                      <input type="text" class="form-control" required="required" name="name">
                    </div>
                  </div>
                  <div class="col-1">
                    <i class="far fa-sm fa-question-circle" title='Enter in a name for this container'></i>
                  </div>
                </div>
                <div class="row">
                  <label class="col-3 col-form-label text-right">Description: </label>
                  <div class="col-7">
                    <div class="form-group">
                      <input type="text" class="form-control" required="required" name="description">
                    </div>
                  </div>
                  <div class="col-1">
                    <i class="far fa-sm fa-question-circle" title='Enter in a description for this container'></i>
                  </div>
                </div>
                <div class="row">
                  <label class="col-3 col-form-label text-right">Image: </label>
                  <div class="col-7">
                    <div class="form-group">
                      <select id="containerImageInput" class="form-control" name="image">
                        <option value="none">none</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-1">
                    <i class="far fa-sm fa-question-circle" title='Select a downloaded image to use to build the container'></i>
                  </div>
                </div>
                <div class="row">
                  <label class="col-3 col-form-label text-right">Profiles: </label>
                  <div class="col-7">
                    <div class="form-group">
                      <select id="containerProfileInput" class="form-control" name="profiles">
                      </select>
                    </div>
                  </div>
                  <div class="col-1">
                    <i class="far fa-sm fa-question-circle" title='Select the initial profile to attach to this container. Additional profiles can be attached after the container is created. Default: default'></i>
                  </div>
                </div>
                <div class="row">
                  <label class="col-3 col-form-label text-right">Instance Type: </label>
                  <div class="col-7">
                    <div class="form-group">
                      <select class="form-control" name="instance_type">
                        <option value="" selected>(not set)</option>
                        <option disabled>--- AWS Instance Types ---</option>
                        <option value="aws:c1.medium">c1.medium</option>
                        <option value="aws:c1.xlarge">c1.xlarge</option>
                        <option value="aws:c3.2xlarge">c3.2xlarge</option>
                        <option value="aws:c3.4xlarge">c3.4xlarge</option>
                        <option value="aws:c3.8xlarge">c3.8xlarge</option>
                        <option value="aws:c3.large">c3.large</option>
                        <option value="aws:c3.xlarge">c3.xlarge</option>
                        <option value="aws:c4.2xlarge">c4.2xlarge</option>
                        <option value="aws:c4.4xlarge">c4.4xlarge</option>
                        <option value="aws:c4.8xlarge">c4.8xlarge</option>
                        <option value="aws:c4.large">c4.large</option>
                        <option value="aws:c4.xlarge">c4.xlarge</option>
                        <option value="aws:c5.large">c5.large</option>
                        <option value="aws:c5.xlarge">c5.xlarge</option>
                        <option value="aws:c5.2xlarge">c5.2xlarge</option>
                        <option value="aws:c5.4xlarge">c5.4xlarge</option>
                        <option value="aws:c5.9xlarge">c5.9xlarge</option>
                        <option value="aws:c5.18xlarge">c5.18xlarge</option>
                        <option value="aws:cc2.8xlarge">cc2.8xlarge</option>
                        <option value="aws:cg1.4xlarge">cg1.4xlarge</option>
                        <option value="aws:cr1.8xlarge">cr1.8xlarge</option>
                        <option value="aws:d2.xlarge">d2.xlarge</option>
                        <option value="aws:d2.2xlarge">d2.2xlarge</option>
                        <option value="aws:d2.4xlarge">d2.4xlarge</option>
                        <option value="aws:d2.8xlarge">d2.8xlarge</option>
                        <option value="aws:f1.2xlarge">f1.2xlarge</option>
                        <option value="aws:f1.16xlarge">f1.16xlarge</option>
                        <option value="aws:g2.2xlarge">g2.2xlarge</option>
                        <option value="aws:g2.8xlarge">g2.8xlarge</option>
                        <option value="aws:g3.4xlarge">g3.4xlarge</option>
                        <option value="aws:g3.8xlarge">g3.8xlarge</option>
                        <option value="aws:g3.16xlarge">g3.16xlarge</option>
                        <option value="aws:hi1.4xlarge">hi1.4xlarge</option>
                        <option value="aws:hs1.8xlarge">hs1.8xlarge</option>
                        <option value="aws:i2.xlarge">i2.xlarge</option>
                        <option value="aws:i2.2xlarge">i2.2xlarge</option>
                        <option value="aws:i2.4xlarge">i2.4xlarge</option>
                        <option value="aws:i2.8xlarge">i2.8xlarge</option>
                        <option value="aws:i3.large">i3.large</option>
                        <option value="aws:i3.xlarge">i3.xlarge</option>
                        <option value="aws:i3.2xlarge">i3.2xlarge</option>
                        <option value="aws:i3.4xlarge">i3.4xlarge</option>
                        <option value="aws:i3.8xlarge">i3.8xlarge</option>
                        <option value="aws:i3.16xlarge">i3.16xlarge</option>
                        <option value="aws:m1.small">m1.small</option>
                        <option value="aws:m1.medium">m1.medium</option>
                        <option value="aws:m1.large">m1.large</option>
                        <option value="aws:m1.xlarge">m1.xlarge</option>
                        <option value="aws:m2.xlarge">m2.xlarge</option>
                        <option value="aws:m2.2xlarge">m2.2xlarge</option>
                        <option value="aws:m2.4xlarge">m2.4xlarge</option>
                        <option value="aws:m3.medium">m3.medium</option>
                        <option value="aws:m3.large">m3.large</option>
                        <option value="aws:m3.xlarge">m3.xlarge</option>
                        <option value="aws:m3.2xlarge">m3.2xlarge</option>
                        <option value="aws:m4.large">m4.large</option>
                        <option value="aws:m4.xlarge">m4.xlarge</option>
                        <option value="aws:m4.2xlarge">m4.2xlarge</option>
                        <option value="aws:m4.4xlarge">m4.4xlarge</option>
                        <option value="aws:m4.10xlarge">m4.10xlarge</option>
                        <option value="aws:m4.16xlarge">m4.16xlarge</option>
                        <option value="aws:p2.xlarge">p2.xlarge</option>
                        <option value="aws:p2.8xlarge">p2.8xlarge</option>
                        <option value="aws:p2.16xlarge">p2.16xlarge</option>
                        <option value="aws:r3.large">r3.large</option>
                        <option value="aws:r3.xlarge">r3.xlarge</option>
                        <option value="aws:r3.2xlarge">r3.2xlarge</option>
                        <option value="aws:r3.4xlarge">r3.4xlarge</option>
                        <option value="aws:r3.8xlarge">r3.8xlarge</option>
                        <option value="aws:r4.large">r4.large</option>
                        <option value="aws:r4.xlarge">r4.xlarge</option>
                        <option value="aws:r4.2xlarge">r4.2xlarge</option>
                        <option value="aws:r4.4xlarge">r4.4xlarge</option>
                        <option value="aws:r4.8xlarge">r4.8xlarge</option>
                        <option value="aws:r4.16xlarge">r4.16xlarge</option>
                        <option value="aws:t1.micro">t1.micro</option>
                        <option value="aws:t2.nano">t2.nano</option>
                        <option value="aws:t2.micro">t2.micro</option>
                        <option value="aws:t2.small">t2.small</option>
                        <option value="aws:t2.medium">t2.medium</option>
                        <option value="aws:t2.large">t2.large</option>
                        <option value="aws:t2.xlarge">t2.xlarge</option>
                        <option value="aws:t2.2xlarge">t2.2xlarge</option>
                        <option value="aws:t3.nano">t3.nano</option>
                        <option value="aws:t3.micro">t3.micro</option>
                        <option value="aws:t3.small">t3.small</option>
                        <option value="aws:t3.medium">t3.medium</option>
                        <option value="aws:t3.large">t3.large</option>
                        <option value="aws:t3.xlarge">t3.xlarge</option>
                        <option value="aws:t3.2xlarge">t3.2xlarge</option>
                        <option value="aws:x1.16xlarge">x1.16xlarge</option>
                        <option value="aws:x1.32xlarge">x1.32xlarge</option>
                        <option disabled>--- Azure Instance Types ---</option>
                        <option value="azure:A5">A5</option>
                        <option value="azure:A6">A6</option>
                        <option value="azure:A7">A7</option>
                        <option value="azure:A8">A8</option>
                        <option value="azure:A9">A9</option>
                        <option value="azure:A10">A10</option>
                        <option value="azure:A11">A11</option>
                        <option value="azure:ExtraSmall">ExtraSmall</option>
                        <option value="azure:Small">Small</option>
                        <option value="azure:Medium">Medium</option>
                        <option value="azure:Large">Large</option>
                        <option value="azure:ExtraLarge">ExtraLarge</option>
                        <option value="azure:Standard_A1_v2">Standard_A1_v2</option>
                        <option value="azure:Standard_A2m_v2">Standard_A2m_v2</option>
                        <option value="azure:Standard_A2_v2">Standard_A2_v2</option>
                        <option value="azure:Standard_A4m_v2">Standard_A4m_v2</option>
                        <option value="azure:Standard_A4_v2">Standard_A4_v2</option>
                        <option value="azure:Standard_A8m_v2">Standard_A8m_v2</option>
                        <option value="azure:Standard_A8_v2">Standard_A8_v2</option>
                        <option value="azure:Standard_D1">Standard_D1</option>
                        <option value="azure:Standard_D1_v2">Standard_D1_v2</option>
                        <option value="azure:Standard_D2">Standard_D2</option>
                        <option value="azure:Standard_D2_v2">Standard_D2_v2</option>
                        <option value="azure:Standard_D3">Standard_D3</option>
                        <option value="azure:Standard_D3_v2">Standard_D3_v2</option>
                        <option value="azure:Standard_D4">Standard_D4</option>
                        <option value="azure:Standard_D4_v2">Standard_D4_v2</option>
                        <option value="azure:Standard_D5_v2">Standard_D5_v2</option>
                        <option value="azure:Standard_D11">Standard_D11</option>
                        <option value="azure:Standard_D11_v2">Standard_D11_v2</option>
                        <option value="azure:Standard_D12">Standard_D12</option>
                        <option value="azure:Standard_D12_v2">Standard_D12_v2</option>
                        <option value="azure:Standard_D13">Standard_D13</option>
                        <option value="azure:Standard_D13_v2">Standard_D13_v2</option>
                        <option value="azure:Standard_D14">Standard_D14</option>
                        <option value="azure:Standard_D14_v2">Standard_D14_v2</option>
                        <option value="azure:Standard_D15_v2">Standard_D15_v2</option>
                        <option value="azure:Standard_G1">Standard_G1</option>
                        <option value="azure:Standard_G2">Standard_G2</option>
                        <option value="azure:Standard_G3">Standard_G3</option>
                        <option value="azure:Standard_G4">Standard_G4</option>
                        <option value="azure:Standard_G5">Standard_G5</option>
                        <option value="azure:Standard_H8">Standard_H8</option>
                        <option value="azure:Standard_H8m">Standard_H8m</option>
                        <option value="azure:Standard_H16">Standard_H16</option>
                        <option value="azure:Standard_H16m">Standard_H16m</option>
                        <option value="azure:Standard_H16mr">Standard_H16mr</option>
                        <option value="azure:Standard_H16r">Standard_H16r</option>
                        <option disabled>--- GCE Instance Types ---</option>
                        <option value="gce:f1-micro">f1-micro</option>
                        <option value="gce:g1-small">g1-small</option>
                        <option value="gce:n1-highcpu-2">n1-highcpu-2</option>
                        <option value="gce:n1-highcpu-4">n1-highcpu-4</option>
                        <option value="gce:n1-highcpu-8">n1-highcpu-8</option>
                        <option value="gce:n1-highcpu-16">n1-highcpu-16</option>
                        <option value="gce:n1-highcpu-32">n1-highcpu-32</option>
                        <option value="gce:n1-highcpu-64">n1-highcpu-64</option>
                        <option value="gce:n1-highmem-2">n1-highmem-2</option>
                        <option value="gce:n1-highmem-4">n1-highmem-4</option>
                        <option value="gce:n1-highmem-8">n1-highmem-8</option>
                        <option value="gce:n1-highmem-16">n1-highmem-16</option>
                        <option value="gce:n1-highmem-32">n1-highmem-32</option>
                        <option value="gce:n1-highmem-64">n1-highmem-64</option>
                        <option value="gce:n1-standard-1">n1-standard-1</option>
                        <option value="gce:n1-standard-2">n1-standard-2</option>
                        <option value="gce:n1-standard-4">n1-standard-4</option>
                        <option value="gce:n1-standard-8">n1-standard-8</option>
                        <option value="gce:n1-standard-16">n1-standard-16</option>
                        <option value="gce:n1-standard-32">n1-standard-32</option>
                        <option value="gce:n1-standard-64">n1-standard-64</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-1">
                    <i class="far fa-sm fa-question-circle" title='Select from a variety of preconfigured container configurations. Default: (not set)'></i>
                  </div>
                </div>
    
                <div class="row">
                  <label class="col-3 col-form-label text-right">Location: </label>
                  <div class="col-7">
                    <div class="form-group">
                      <select id="containerLocationInput" class="form-control" name="location">
                        <option value="none">none</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-1">
                    <i class="far fa-sm fa-question-circle" title='Select the LXD cluster member or @group to deploy this container on. Default: none'></i>
                  </div>
                </div>

                <hr class="mb-2">
                <nav>
                  <div class="nav nav-pills justify-content-center" id="nav-tab" role="tablist">
                    <a class="nav-link active" id="nav-boot-tab" data-toggle="tab" href="#nav-boot" role="tab" aria-controls="nav-boot" aria-selected="true">Boot</a>
                    <a class="nav-link" id="nav-cloud-init-tab" data-toggle="tab" href="#nav-cloud-init" role="tab" aria-controls="nav-cloud-init" aria-selected="true">Cloud-init</a>
                    <a class="nav-link" id="nav-limits-tab" data-toggle="tab" href="#nav-limits" role="tab" aria-controls="nav-limits" aria-selected="false">Limits</a>
                    <a class="nav-link" id="nav-migration-tab" data-toggle="tab" href="#nav-migration" role="tab" aria-controls="nav-migration" aria-selected="false">Migration</a>
                    <a class="nav-link" id="nav-nvidia-tab" data-toggle="tab" href="#nav-nvidia" role="tab" aria-controls="nav-nvidia" aria-selected="false">Nvidia</a>
                    <a class="nav-link" id="nav-other-tab" data-toggle="tab" href="#nav-other" role="tab" aria-controls="nav-other" aria-selected="false">Other</a>
                    <a class="nav-link" id="nav-raw-tab" data-toggle="tab" href="#nav-raw" role="tab" aria-controls="nav-raw" aria-selected="false">Raw</a>
                    <a class="nav-link" id="nav-security-tab" data-toggle="tab" href="#nav-security" role="tab" aria-controls="nav-security" aria-selected="false">Security</a>
                    <a class="nav-link" id="nav-snapshots-tab" data-toggle="tab" href="#nav-snapshots" role="tab" aria-controls="nav-snapshots" aria-selected="false">Snapshots</a>
                  </div>
                </nav>
                <hr class="mt-2">
                <div class="tab-content" id="nav-tabContent">
                  <div class="tab-pane fade show active" id="nav-boot" role="tabpanel" aria-labelledby="nav-boot-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Autostart: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="boot.autostart">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Select whether to automatically start the container with LXD starts. If not set, defaults to container last state.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Autostart Delay: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="boot.autostart.delay">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in the number of seconds to wait after the container starts to boot up the next container. Default: 0.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Autostart Priority: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="boot.autostart.priority">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in a number to determine the order the container boots, higher numbers being first. Default: 0.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Host Shutdown Timeout: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="boot.host_shutdown_timeout">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in a the number of seconds to wait on host shutdown before forcefull shutdown of container. Default: 30.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Stop Priority: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="boot.stop.priority">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in a number to determine the order the container shutsdown, higher numbers being first. Default: 0.'></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-cloud-init" role="tabpanel" aria-labelledby="nav-cloud-init-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Network Config: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <textarea class="form-control" name="cloud-init.network-config"></textarea>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Support for this option depends on the instance image. Enter in network configuration. Default: not set.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">User Data: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <textarea class="form-control" name="cloud-init.user-data"></textarea>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Support for this option depends on the instance image. Enter in user data configuration. If both cloud-init.user-data and cloud-init.vendor-data exist, the contents of both are merged. Default: not set.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Vendor Data: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <textarea class="form-control" name="cloud-init.vendor-data"></textarea>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Support for this option depends on the instance image. Enter in vendor data configuration. If both cloud-init.user-data and cloud-init.vendor-data exist, the contents of both are merged. Default: not set.'></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-limits" role="tabpanel" aria-labelledby="nav-limits-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">CPU: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="limits.cpu">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in the number or range of CPUs to expose to the container.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">CPU Allowance: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="limits.cpu.allowance">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in the amount of Host CPU allowed to the container. This can be a percentage or a chunk of time. For example, 50% or 25ms/100ms. Default: 100%) '></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">CPU Priority: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.cpu.priority">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in an integer between 0 (min) and 10 (max) to schedule the CPU priority compared to other containers. Default: 10.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Disk Priority: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.disk.priority">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in an integer between 0 (min) and 10 (max) to schedule disk I/O request priority compared to other containers. Default: 5.'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Hugepages - 64KB: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.hugepages.64KB">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in a fixed value in bytes to limit the number of 64 KB hugepages. Default: (not set).'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Hugepages - 1MB: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.hugepages.1MB">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in a fixed value in bytes to limit the number of 1 MB hugepages. Default: (not set).'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Hugepages - 2MB: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.hugepages.2MB">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in a fixed value in bytes to limit the number of 2 MB hugepages. Default: (not set).'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Hugepages - 1GB: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.hugepages.1GB">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Enter in a fixed value in bytes to limit the number of 1 GB hugepages. Default: (not set).'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Memory: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="limits.memory">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a percentage of the host's memory or enter in a fixed value of bytes."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Memory Enforce: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="limits.memory.enforce">
                            <option value="">(not set)</option>
                            <option value="hard">hard</option>
                            <option value="soft">soft</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to put a hard stop on the memory limit or use a soft stop to exceed the limit if extra memory is available. Default: hard."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Memory Swap: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="limits.memory.swap">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to encorage swapping less used pages for the container. Default: true."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Memory Swap Priority: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.memory.swap.priority">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the priority that the container will be less likely to swap to disk, with 10 being the maxium less likeliness. Default 10."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Network Priority: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.network.priority">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the priority for the container network when the host is under, with 10 being the priority. Default 0."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Processes: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="limits.processes">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the maximum number of processes that can run in an container. Default (not set)."></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-migration" role="tabpanel" aria-labelledby="nav-migration-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Incremental Memory: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="migration.incremental.memory">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to allow incremental memory transfer of the container's memory to reduce downtime. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Incremental Memory Goal: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control"name="migration.incremental.memory.goal">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the percentage number of memory to have in sync before stopping the container. Default: 70."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Incremental Memory Iterations: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="migration.incremental.memory.iterations">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the maximum number of transfer operations to go through before stopping the container. Default: 10."></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-nvidia" role="tabpanel" aria-labelledby="nav-nvidia-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Driver Capabilities: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="nvidia.driver.capabilities">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in what driver capabilities the container needs (sets libnvidia-container NVIDIA_DRIVER_CAPABILITIES). Default: compute,utility."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Runtime: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="nvidia.runtime">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to pass the host NVIDIA and CUDA runtime libraries into the container. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Require Cuda: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="nvidia.require.cuda">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the version expression for the required CUDA version (sets libnvidia-container NVIDIA_REQUIRE_CUDA). Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Require Driver: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="nvidia.require.driver">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the version expression for the required driver version (sets libnvidia-container NVIDIA_REQUIRE_DRIVER). Default: (not set)."></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-other" role="tabpanel" aria-labelledby="nav-other-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Cluster Evacuate: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="cluster.evacuate">
                            <option value="">(not set)</option>
                            <option value="auto">auto</option>
                            <option value="migrate">migrate</option>
                            <option value="stop">stop</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title='Select what to do when evacuating the container. Default: auto'></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Kernel Modules: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="linux.kernel_modules">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a comma separated list of kernel modules to load before starting the container. Default (not set)."></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-raw" role="tabpanel" aria-labelledby="nav-raw-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Apparmor: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="raw.apparmor">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in apparmor profile entries to be appended to the profile. Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Idmap: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="raw.idmap">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a raw idmap configuration (e.g. 'both 1000 1000'). Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Lxc: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="raw.lxc">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a raw LXC configuration to be appended to current configuration. Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Seccomp: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="raw.seccomp">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a raw Seccomp configuration. Default: (not set)."></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-security" role="tabpanel" aria-labelledby="nav-security-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Devlxd: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.devlxd">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to control the presence of /dev/lxd in the container. Default: true."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Devlxd Images: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.devlxd.images">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to make the /1.0/images API available over devlxd. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Idmap Base: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="security.idmap.base">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the base Host ID to use for allocation. Default: (auto detection)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Idmap Isolated: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.idmap.isolated">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to use an idmap for the container that is unique amoung containers with isolate enabled. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Idmap Size: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="number" class="form-control" name="security.idmap.size">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in the size of the idmap to use. Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Nesting: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.nesting">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to support running LXD inside the container. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Privileged: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.privileged">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to run the container in privileged mode. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Protection Delete: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.protection.delete">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to prevent the container from being deleted. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Protection Shift: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.protection.shift">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to prevent the container filesystem from being uid/gid shifted on startup. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Allow: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="security.syscalls.allow">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a '\n' separated list of syscalls to allow. Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Deny: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="security.syscalls.deny">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a '\n' separated list of syscalls to deny. Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Deny Compat: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.deny_compat">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to enable on x86_64 the blocking of compat_* syscalls. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Deny Default: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.deny_default">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to enable the default syscall deny. Default: true."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Bpf: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.intercept.bpf">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to handle tehe bpf system call. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Bpf Devices: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.intercept.bpf.devices">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to allow bpf programs for the devices cgroup in the unified hierarchy to be loaded. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Mknod: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.intercept.mknod">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to handle the mknod and mknodat system calls. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Mount: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.intercept.mount">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to handle the mount system calls. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Mount Allowed: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="security.syscalls.intercept.mount.allowed">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a comma-separated list of filesystems that are safe to mount for processes within the container. Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Mount Fuse: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="security.syscalls.intercept.mount.fuse">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in redirect mounts of a given filesystem to their fuse implemenation (e.g. ext4=fuse2fs). Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Mount Shift: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.intercept.mount.shift">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select Whether to mount shiftfs on top of filesystems handled through mount syscall interception. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Syscalls Intercept Setxattr: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="security.syscalls.intercept.setxattr">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether to handle the setxattr system call. Default: false."></i>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-snapshots" role="tabpanel" aria-labelledby="nav-snapshots-tab">
                    <br>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Schedule: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="snapshots.schedule">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a cron expression (<minute> <hour> <dom> <month> <dow>), or a comma separated list of schedule aliases <@hourly> <@daily> <@midnight> <@weekly> <@monthly> <@annually> <@yearly> <@startup>. Default: (not set)."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Schedule Stopped: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <select class="form-control" name="snapshots.schedule.stopped">
                            <option value="">(not set)</option>
                            <option value="true">true</option>
                            <option value="false">false</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Select whether stopped containers are to be snapshoted automatically. Default: false."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Pattern: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="snapshots.pattern'">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in a pongo2 template string representing the snapshot name. Default: snap%d."></i>
                      </div>
                    </div>
                    <div class="row">
                      <label class="col-4 col-form-label text-right">Expiry: </label>
                      <div class="col-6">
                        <div class="form-group">
                          <input type="text" class="form-control" name="snapshots.expiry">
                        </div>
                      </div>
                      <div class="col-1">
                        <i class="far fa-sm fa-question-circle" title="Enter in time controls when snapshots are to be deleted (expects expressions like 1M 2H 3d 4w 5m 6y). Default: (not set)."></i>
                      </div>
                    </div>
                    
                  </div>
                </div>

              </form>
              <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                <a class="btn btn-primary" href="#" onclick="addItem()" data-dismiss="modal">Submit</a>
              </div>
            </div>
            <div class="tab-pane fade" id="json" role="tabpanel" aria-labelledby="json-tab">
              <br />
              <div class="row">
                <div class="col-12">
                  <div class="form-group text-right">
                    <pre>
                      <textarea name="json" class="form-control" id="jsonCreateInput" rows="16" placeholder="Enter JSON data"></textarea>
                    </pre>
                  </div>
                </div>
              </div>
              <div class="modal-footer">
                <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                <a class="btn btn-primary" href="#" onclick="createItemUsingJSON()" data-dismiss="modal">Submit</a>
              </div>
            </div>
          </div>
        </div>
    </div>
  </div>
</div>
