<div class="layout-container">
  <app-side-menu></app-side-menu>
  <div class="content-area">
    <app-main-header></app-main-header>
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-12">
          <div class="content-wrapper" style="text-align: center;">
            <div style="margin-top: 130px;text-align: center;">
              <div>
                <svg width="112" height="112" viewBox="0 0 112 112" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="112" height="112" rx="56" fill="#E6F7EC" />
                  <path d="M79.3372 39.9557L47.2487 72.0441L32.6631 57.4585" stroke="#0DAD4D" stroke-width="7.20472"
                    stroke-linecap="round" stroke-linejoin="round" />
                </svg>
              </div>

              <h1 style="color: #28a745;font-size: 40px;padding-top: 15px;">Application Submitted Successfully</h1>
            </div>
            <div>
              <p class="submit_inst">
                Thank you for your application. We have received your submission and it is now being processed.
              </p>

              <p class="submit_inst">
                Please save your <strong>Organization ID: {{ currentOnboardingOrganization.organisationDetailsId
                  }}</strong> for future reference.
              </p>
            </div>

            <br />
            <div>
              <div class="d-flex justify-content-center align-items-center">
                <div class="card" style="width: 50%; background-color: #F5F7FA;">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-sm-12">
                        <div class="form-group d-flex justify-content-between">
                          <strong><label>Organisation ID:</label></strong>
                          <label
                            style="font-weight: 600;">{{currentOnboardingOrganization.organisationDetailsId}}</label>
                        </div>
                        <div class="form-group d-flex justify-content-between">
                          <strong><label>Creation Date:</label></strong>
                         <label style="font-weight: 600;">{{ currentOnboardingOrganization.createdDateTime | date:'MMM d, y, h:mm a' }}</label>
                        </div>
                        <div class="form-group d-flex justify-content-between">
                          <strong><label>Submission Date:</label></strong>
                          <label style="font-weight: 600;">{{ currentOnboardingOrganization.submissionDate | date:'MMM d, y, h:mm a' }}</label>
                        </div>
                        <div class="form-group d-flex justify-content-between">
                          <strong><label>Status:</label></strong>
                          <label
                            style="font-weight: 600;">{{currentOnboardingOrganization.organisationApplicationStatus}}</label>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <br />
              <div>
                <button class="btn btn-primary" (click)="trackApplication()">Track Your Application</button>
              </div>

            </div>
          </div>
        </div>
      </div>