@extends('dashboard.base')

@section('content')
<div class="container my-4">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3>External Opportunitiessss</h3>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead class="table-warning">
                        <tr>
                            <th>Vacancy No</th>
                            <th>Position</th>
                            <th>
                                <a href="{{ route('vacancy.index', ['sort' => request('sort') === 'asc' ? 'desc' : 'asc']) }}"
                                   class="text-decoration-none text-dark d-flex align-items-center">
                                    Deadline
                                    @if(request('sort') === 'asc')
                                        <i class="bi bi-arrow-down-short ms-1"></i>
                                    @elseif(request('sort') === 'desc')
                                        <i class="bi bi-arrow-up-short ms-1"></i>
                                    @else
                                        <i class="bi bi-arrow-down-up ms-1"></i>
                                    @endif
                                </a>
                            </th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($vacancies as $vacancy)
                            <tr>
                                <td>{{ $vacancy['vacancy_no'] }}</td>
                                <td>
                                    <a href="{{ route('job.details', ['id' => $vacancy['id']]) }}">
                                        {{ $vacancy['position'] }}
                                    </a>
                                </td>
                                <td>{{ \Carbon\Carbon::parse($vacancy['deadline'])->format('d F Y') }}</td>
                                <td class="{{ strtolower($vacancy['status']) === 'open' ? 'text-danger' : 'text-muted' }}">
                                    {{ ucfirst($vacancy['status']) }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="text-center">No vacancies found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection