<div class="job-frame">
    <div class="company-details" *ngIf="jobsCompany != null" >
        <h1>{{ jobsCompany.name }}</h1>

        <h1>{{ jobsCompany.email }}</h1>
        <h1>{{ jobsCompany.websiteURL }}</h1>

        <h1>{{ jobsCompany.logoURL }}</h1>
        <h1>{{ jobsCompany.phone }}</h1>
        
        <h1>{{ jobsCompany.city }}</h1>
        <h1>{{ jobsCompany.stateOrRegion }}</h1>
        <h1>{{ jobsCompany.country }}</h1>
        <h1>{{ jobsCompany.postalCode }}</h1>

        <h1>{{ jobsCompany.description }}</h1>
    </div>    
    <div class="job-details" *ngIf="selectedJob != null" >

        <div class="job-warning" *ngIf="selectedJob.isDeleted" >
            <h2>THIS JOB POSTING IS CLOSED</h2>
        </div>

        <h1>{{ selectedJob.title }}</h1>

        <h1>{{ selectedJob.jobType }}</h1>
        <h1>{{ selectedJob.remote }}</h1>

        <h1>{{ selectedJob.salaryMin }}</h1>
        <h1>{{ selectedJob.salaryMax }}</h1>
        
        <h1>{{ selectedJob.city }}</h1>
        <h1>{{ selectedJob.stateOrRegion }}</h1>
        <h1>{{ selectedJob.country }}</h1>
        <h1>{{ selectedJob.postalCode }}</h1>

        <h1>{{ selectedJob.description }}</h1>

        <h1>{{ selectedJob.createdTime }}</h1>
        <h1>{{ selectedJob.modifiedTime }}</h1>
    </div>
</div>