@extends('u.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')
@endpush
@section('content')
    <main class="page-wrapper compact-wrapper" id="pageWrapper">
        <div class="page-body-wrapper">
            <div class="page-body">
            @include('u.applicant.inc.topMenu')
            <div class="container-fluid">
                <div class="row page-title">
                    <div class="col-sm-6">
                        <h1>My Applications</h1>
                    </div>
                </div>
            </div>
            @if(count($application) > 0)
                @foreach($application as $app)
    <div class="col-sm-12">
        <div class="card mx-3">
            <div class="card-body">
                <div class="tab-content" id="top-tabContent">
                    <div class="tab-pane fade show active" id="top-home" role="tabpanel" aria-labelledby="top-home-tab">
                        <div class="row">
    <div class="col-xxl-12 col-lg-12 col-md-12">
        <div class="project-box font-dark bg-light-success"><span class="badge badge-success">Applied</span>
            <h5 class="f-w-500 mb-2">{{$app->job->jobCatalogue->title}}</h5>
            <p>{{$app->job->jobCatalogue->short_description}}</p>
            <div class="row details">
                <div class="col-6"> <span>Vacancy</span></div>
                <div class="col-6 font-success">{{$app->job->seat_no}}</div>
                <div class="col-6"> <span>Location</span></div>
                <div class="col-6 font-success">{{$app->job->campus->name}}</div>
                <div class="col-6"> <span>Deadline</span></div>
                <div class="col-6 font-success">{{$app->job->end_date}}</div>
            </div>
            <div class="col-12 col-sm-6 col-md-6">
                <a class="btn mt-3 btn-sm btn-success" type="button" data-bs-toggle="tooltip" title="btn btn-success btn-xs"
                   href="{{route('u.get_applied_job_detail', $app->job->id)}}">
                    View Details
                </a>
            </div>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
                @endforeach
            @else
                <div class="row">
                    <div class="col-md-12 d-flex justify-content-center">
                        <img src="{{asset('u/images/ucs/no_data.gif')}}" alt="">
                    </div>
                </div>
            @endif
            </div>
        </div>
    </main>
@endsection
@push('footer-scripts')
@endpush