<!-- Avaliable Jobs -->
<div class="tile-frame">
    @for (cur of JobListingPage; track cur.id){
        <div class="tile">
            <div class="tile-title">
                <h1>{{ cur.title }}</h1>
                <h2>${{ cur.salaryMin }} - ${{ cur.salaryMax }}</h2>
            </div>
            <div class="tile-split">
                <h1>{{ cur.jobType }}</h1>
                @if(cur.remote){
                    <h1>Remote</h1>
                }
            </div>
            <div class="tile-split">
                <h1>{{ cur.city }}</h1>
                <h1>{{ cur.stateOrRegion }}</h1>
            </div>
            <div class="tile-button">
                <button [routerLink]="['/jobs/viewer']"  [queryParams]="{ JobID: cur.id }" >VIEW LISTING</button>
            </div>
        </div>
    }
</div>