<div class="assessment-wrapper row">

    <div class="col-12" style="padding: 0;">
        <div class="assessment-header">
            <div class="header-logo" *ngIf="!isMobileView">
                <img src="assets/my-career-web/images/MATCHD_LOGO.jpg" alt="">
            </div>

            <div class="header-actions">
                <span class="auto-saved">Auto saved 1 min ago</span>

                <button pButton label="Save & exit" class="ui-button-info"></button>
            </div>
        </div>
        <p-progressBar [value]="20"></p-progressBar>

        <div class="assessment-body container">

            <div class="assessment-body-header">
                <div class="assessment-heading">Career History</div>

                <span class="assessment-estimation"> <i class="fa fa-clock-o"></i> <strong>Estimated time to complete</strong>: 20 mins</span>
            </div>

            <div class="assessment-body-description">
                Fill out each of these sections to complete your profile and start job hunting.
            </div>


            <div class="assessment-body-tabs mc-card career-builder">
                <p-tabView>
                    <p-tabPanel header="1{{isMobileView ? '' : '. Personal Data'}}">
                        <app-personal-data></app-personal-data>
                    </p-tabPanel>
                    <p-tabPanel header="2{{isMobileView ? '' : '. Work History'}}">
                        <app-work-history></app-work-history>
                    </p-tabPanel>
                    <p-tabPanel header="3{{isMobileView ? '' : '. Education'}}">
                        <app-education></app-education>
                    </p-tabPanel>
                    <p-tabPanel header="4{{isMobileView ? '' : '. Skills'}}">
                        <app-skills></app-skills>
                    </p-tabPanel>
                    <p-tabPanel header="5{{isMobileView ? '' : '. References'}}">
                        <app-references></app-references>
                    </p-tabPanel>
                    <p-tabPanel header="6{{isMobileView ? '' : '. Templates'}}">
                        <app-templates></app-templates>
                    </p-tabPanel>
                </p-tabView>
            </div>
        </div>
    </div>

</div>
