<div class="post-job-frame">
    <button [routerLink]="['/jobs/editor']">POST JOB</button>
</div>

<div *ngIf="auth.isLoggedIn" class="jobs-frame">
    <div class="posted-jobs-frame" *ngFor="let cur of MyJobListings">
        <div class="tile">
            <h1>{{ cur.title }}</h1>
            <h1>{{ cur.jobType }}</h1>
            <h1>Is Remote: {{ cur.remote }}</h1>
            <h1>{{ cur.salaryMin }}</h1>
            <h1>{{ cur.salaryMax }}</h1>
            <h1>{{ cur.city }}</h1>
            <h1>{{ cur.stateOrRegion }}</h1>
            <h1>{{ cur.country }}</h1>
            <h1>{{ cur.postalCode }}</h1>
            <h1>Posted: {{ cur.createdTime }}</h1>
            <h1>Modified: {{ cur.modifiedTime }}</h1>
        </div>
        <button [routerLink]="['/jobs/editor']" [queryParams]="{ JobID: cur.id }" >EDIT</button>
        <button (click)="RemoveJobListing(cur.id)">DELETE</button>
    </div>
</div>