@extends('layouts.app')

@section('title', 'Available Posts')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Available Faculty Positions</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        @forelse($posts as $post)
                        <div class="col-md-6 col-lg-4 mb-4">
                            <div class="card h-100">
                                <div class="card-body">
                                    <h5 class="card-title">{{ $post->title }}</h5>
                                    <p class="card-text">
                                        <strong>Department:</strong> {{ $post->department }}<br>
                                        <strong>Position:</strong> {{ $post->position_type }}<br>
                                        <strong>Vacancies:</strong> {{ $post->number_of_posts }}<br>
                                        <strong>Last Date:</strong> {{ $post->last_date->format('d M Y') }}
                                    </p>
                                    <p class="card-text">{{ Str::limit($post->description, 100) }}</p>
                                    
                                    @php
                                        $application = $post->applications->where('user_id', auth()->id())->first();
                                    @endphp
                                    
                                    @if($application)
                                        <div class="mb-2">
                                            <span class="badge badge-info">Applied</span>
                                            <span class="badge badge-secondary">App ID: {{ $application->application_number }}</span>
                                        </div>
                                        <a href="{{ route('applicant.applications.show', $application->id) }}" class="btn btn-primary btn-sm">
                                            Continue Application
                                        </a>
                                    @else
                                        <a href="{{ route('applicant.posts.show', $post->id) }}" class="btn btn-success btn-sm">
                                            Apply Now
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @empty
                        <div class="col-12">
                            <div class="alert alert-info text-center">
                                <h5>No Posts Available</h5>
                                <p>Currently, there are no faculty positions available for application.</p>
                            </div>
                        </div>
                        @endforelse
                    </div>
                    
                    {{ $posts->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection