<div class="content ml-2">
  <div class="row">
    <div class="col-md-12">
      <div class="card" style="padding: 20px">
        <div class="card-header">
          <h5 class="title">Company Information</h5>
        </div>
        <div class="card-body all-icons">
          <div class="card-child-content">
            <div class="font-icon-list box mr-3">
              <div class="font-icon-detail px-3">
                <i class="bi bi-person-vcard-fill"></i>
                <h2 class="fw-bolder">Company Information</h2>
              </div>
              <div class="card-child-contentOne">
                <div>
                  <p><strong>Name:</strong> {{ company.name }}</p>
                </div>
                <div>
                  <p><strong>Email:</strong> {{ company.email }}</p>
                </div>
                <div>
                  <p><strong>Company Phone:</strong> {{ company.phone }}</p>
                </div>
                <div>
                  <p><strong>Address:</strong> {{ company.phone }}</p>
                </div>
                <div>
                  <p>
                    <strong>Staging URL:</strong>
                    <a> {{ company.stagingUrl }}</a>
                  </p>
                </div>
                <div>
                  <p>
                    <strong>Production URL:</strong>
                    <a> {{ company.productionUrl }}</a>
                  </p>
                </div>
              </div>
            </div>

            <div class="font-icon-list box">
              <div class="font-icon-detail px-3">
                <i class="bi bi-pc-display"></i>
                <h2 class="fw-bolder">Hosting Information</h2>
              </div>

              <div class="card-child-contentTwo">
                <div>
                  <p>
                    <strong>Hosting Provider:</strong>
                    {{ hostingInfo.provider }}
                  </p>
                </div>
                <div>
                  <p>
                    <strong>Server Type:</strong>
                    <span class="text-capitalize">{{
                      hostingInfo.serverType
                    }}</span>
                  </p>
                </div>
                <div>
                  <p>
                    <strong> Disk Space (GB) :</strong>
                    {{ hostingInfo.diskSpaceGB }}
                  </p>
                </div>
                <div>
                  <p>
                    <strong> Bandwidth (GB) :</strong>
                    {{ hostingInfo.bandwidthGB }}
                  </p>
                </div>
                <div>
                  <p>
                    <strong>Username:</strong> {{ hostingInfo.username }}
                  </p>
                </div>

                <div>
                  <p><strong>Password:</strong> {{ hostingInfo.password }}</p>
                </div>
                <div>
                  <p>
                    <strong>Server Location: </strong>
                    {{ hostingInfo.serverLocation }}
                  </p>
                </div>
                <div>
                  <p>
                    <strong>Expiration Date: </strong>
                    {{ timeDiff }}
                  </p>
                </div>
              </div>
            </div>

            <div class="font-icon-list box">
              <div class="font-icon-detail px-3">
                <i class="bi bi-hdd-rack"></i>
                <h2 class="fw-bolder">Server Information</h2>
              </div>

              <div class="card-child-contentThree">
                <div>
                  <p>
                    <strong>Server Type:</strong>
                    <span class="text-capitalize">{{
                      serverInfo.serverType
                    }}</span>
                  </p>
                </div>
                <div>
                  <p>
                    <strong>Operating System:</strong>
                    {{ serverInfo.operatingSystem }}
                  </p>
                </div>
                <div>
                  <p><strong>CPU:</strong> PROCESSOR</p>
                </div>
                <div>
                  <p>
                    <strong>Storage (GB):</strong> {{ serverInfo.storageGB }}
                  </p>
                </div>
                <div>
                  <p><strong>RAM (GB): </strong> {{ serverInfo.ramGB }}</p>
                </div>

                <div>
                  <p>
                    <strong>Bandwidth (GB): </strong>
                    {{ serverInfo.bandwidthGB }}
                  </p>
                </div>

                <div>
                  <p>
                    <strong>Monthly Cost (USD): </strong>
                    {{ serverInfo.monthlyCostUSD }}
                  </p>
                </div>
                <div>
                  <p><strong>Location: </strong> {{ serverInfo.location }}</p>
                </div>
              </div>
            </div>

            <div class="font-icon-list box">
              <div class="font-icon-detail px-3">
                <i class="bi bi-database"></i>
                <h2 class="fw-bolder">Database Information</h2>
              </div>

              <div class="card-child-contentFour">
                <div>
                  <p>
                    <strong>Database Name:</strong>
                    {{ databaseInfo.databaseName }}
                  </p>
                </div>
                <div>
                  <p>
                    <strong>Database Type:</strong>
                    {{ databaseInfo.databaseType }}
                  </p>
                </div>
                <div>
                  <p>
                    <strong>Bandwidth: </strong>
                    {{ databaseInfo.bandwidthGB }}
                  </p>
                </div>

                <div>
                  <p><strong>Username:</strong> {{ databaseInfo.username }}</p>
                </div>
                <div>
                  <p><strong>Password: </strong> {{ databaseInfo.password }}</p>
                </div>

                <div>
                  <p>
                    <strong>Database Host: </strong> {{ databaseInfo.host }}
                  </p>
                </div>

                <div>
                  <p>
                    <strong>Database Port Number: </strong>
                    {{ databaseInfo.port }}
                  </p>
                </div>
              </div>
            </div>

            <!-- <div class="font-icon-list col-md-4 col-sm-6 col-xs-12">
              <div class="font-icon-detail">
                <i class="bi bi-telephone"></i>
                <p><strong>Phone:</strong> PHONE</p>
              </div> 
            </div>

            <div class="font-icon-list col-md-4 col-sm-6 col-xs-12">
              <div class="font-icon-detail">
                <i class="bi bi-journal-richtext"></i>
                <p><strong>Description:</strong> About Company</p>
              </div>
            </div>

            <div class="font-icon-list col-md-4 col-sm-6 col-xs-12">
              <div class="font-icon-detail">
                <i class="bi bi-pin-map"></i>
                <p><strong>Address:</strong> ADDRESS</p>
              </div>
            </div>
            <div class="font-icon-list col-md-4 col-sm-6 col-xs-12">
              <div class="font-icon-detail">
                <i class="bi bi-buildings"></i>
                <p><strong>City:</strong> CITY</p>
              </div>
            </div>
            <div class="font-icon-list col-md-4 col-sm-6 col-xs-12">
              <div class="font-icon-detail">
                <i class="bi bi-link-45deg"></i>
                <p>
                  <strong>Staging URL:</strong>
                  <a href="#" target="_blank"> COMPANY URL </a>
                </p>
              </div>
            </div>
            <div class="font-icon-list col-md-4 col-sm-6 col-xs-12">
              <div class="font-icon-detail">
                <i class="bi bi-link-45deg"></i>
                <p>
                  <strong>Production URL:</strong>
                  <a href="#" target="_blank"> COMPANY URL </a>
                </p>
              </div>
            </div> -->
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
