@extends('user.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')
    <link href="{{asset('user/css/bootstrap.min.css')}}" rel="stylesheet">
@endpush
@section('content')
    <style>

    </style>

    <!-- Page Content -->
    @include('user.applicants.inc.topMenu')
    <div class="row mx-1 my-3 card">
        @if(count($application) > 0)
            @foreach($application as $app)
                <div class="col-lg-12 card-body card-event-list">
                    <div class="card position-relative">
                        <div class="row g-0">
                            {{--                                    <div class="col-md-2 pe-md-0">--}}
                            {{--                                        <img src="{{asset('user/images/apply-now.jpg')}}"--}}
                            {{--                                             class="rounded-start p-3" width="200px;" alt="...">--}}
                            {{--                                    </div>--}}
                            <div class="col-md-12 ps-md-1 application-card-box">
                                <div class="card-body">
                                    <p class="float-end text-success mb-2 text-capitalize fw-bold">
                                        Applied
                                    </p>
                                    <h4 class="card-details-heading">{{$app->job->jobCatalogue->title}}</h4>
                                    <p class="card-text">
                                        {{$app->job->jobCatalogue->short_description}}
                                    </p>
                                    <p class="card-text"><small
                                            class="text-muted"><b>Deadline: </b>{{$app->job->end_date}}</small>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        @else
            <div class="row">
                <div class="col-md-12 d-flex justify-content-center">
                    <img src="{{asset('user/images/no_data.gif')}}" alt="">
                </div>
            </div>
        @endif
    </div>
@endsection
@push('footer-scripts')
@endpush