@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">
    @include('u.applicant.inc.topMenu')
        <div class="page-body-wrapper">
            <div class="page-body">
                <div class="container-fluid">
                    <div class="row page-title">
                        <div class="col-sm-6">
                            <h1>Opened Positions</h1>
                        </div>
                    </div>
                </div>
    <div class="col-sm-12">
        <div class="card mx-3">
            @if(count($openPosition) > 0)
                @foreach($openPosition as $position)
            <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-danger">Not Applied</span>
                                    <h5 class="f-w-500 mb-2">{{$position->jobCatalogue->title}} </h5>
                                    <p>{{$position->jobCatalogue->short_description}}</p>
                                    <div class="row details">
                                        @if(count($position->jobCatalogue->qua_degree) > 0)
                                        <div class="col-6 mt-3">
                                                <span>Qualification</span>
                                        </div>
                                        <div class="col-6 font-success mt-3">
                                            @foreach($position->jobCatalogue->qua_degree as $deg) {{$deg->title.','}}@endforeach
                                        </div>
                                        @endif
                                        <div class="col-6"><span>Vacancy</span></div>
                                        <div class="col-6 font-success">{{$position->seat_no}}</div>
                                            <div class="col-6"><span>Location</span></div>
                                            <div class="col-6 font-success">{{$position->Campus->name}}</div>
                                        <div class="col-6"> <span>Deadline</span></div>
                                        <div class="col-6 font-success">{{$position->end_date}}</div>
                                    </div>
                                    <div class="col-12 col-sm-6 col-md-12">
                                        <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_open_position_detail', $position->id)}}">
                                            Apply
                                        </a>
                                    </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>
            </div>
        </div>
    </main>
@endsection
@push('footer-scripts')
@endpush