@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($openPosition) > 0)
            @foreach($openPosition as $position)
                <div class="col-lg-12 card-body card-event-list">
                    <div class="card position-relative">
                        <div class="row g-0">
                            <div class="col-md-12 ps-md-1 application-card-box">
                                <div class="card-body">
                                    <p class="float-end mb-2 text-capitalize fw-bold">
                                        Not Applied
                                    </p>
                                    <h4 class="card-details-heading">{{$position->jobCatalogue->title}}</h4>
                                    <p class="card-text">
                                        {{$position->jobCatalogue->short_description}}
                                    </p>
                                    <p class="card-text"><small
                                            class="text-muted"><b>Deadline: </b>{{$position->end_date}}</small>
                                    </p>


                                    <a href="{{route('user.get.open.position.detail', $position->id)}}"
                                       type="button"
                                       class="btn btn-dark btn-sm btn-application-apply float-end mb-2">
                                        Apply
                                    </a>
                                </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