@extends('front.layouts.app')

@section('title', 'إدارة إعلاناتي | MedExchange')

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/jobs.css') }}">
@endsection

@section('content')
<div class="jobs-page">
    <div class="container">
        <header class="jobs-header">
            <div class="jobs-title-box">
                <h1>إدارة إعلاناتي</h1>
                <p>تابع حالة إعلاناتك المضافة أو قم بإضافة إعلان توظيف جديد</p>
            </div>
            <div class="jobs-actions">
                <a href="{{ route('jobs.create') }}" class="btn-filter" style="background: var(--primary-color);">
                    <i class="fas fa-plus"></i> إضافة إعلان جديد
                </a>
            </div>
        </header>

        <div class="my-ads-container">
            <table class="ads-table">
                <thead>
                    <tr>
                        <th>عنوان الإعلان</th>
                        <th>النوع</th>
                        <th>المحافظة</th>
                        <th>الحالة</th>
                        <th>تاريخ النشر</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($ads as $ad)
                    <tr>
                        <td><strong>{{ $ad->title }}</strong></td>
                        <td>
                            <span class="job-type-badge {{ $ad->type == 'hiring' ? 'type-hiring' : 'type-searching' }}" style="position: static;">
                                {{ $ad->type == 'hiring' ? 'توظيف' : 'بحث' }}
                            </span>
                        </td>
                        <td>{{ $ad->governorate }}</td>
                        <td>
                            @php
                                $statusMap = [
                                    'pending' => ['label' => 'قيد المراجعة', 'class' => 'status-pending'],
                                    'approved' => ['label' => 'منشور الآن', 'class' => 'status-approved'],
                                    'rejected' => ['label' => 'مرفوض', 'class' => 'status-rejected'],
                                ];
                                $status = $statusMap[$ad->status] ?? $statusMap['pending'];
                            @endphp
                            <span class="status-badge {{ $status['class'] }}">
                                <i class="fas {{ $ad->status == 'pending' ? 'fa-clock' : ($ad->status == 'approved' ? 'fa-check-circle' : 'fa-times-circle') }}"></i>
                                {{ $status['label'] }}
                            </span>
                        </td>
                        <td>{{ $ad->created_at->format('Y-m-d') }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" style="padding: 60px; text-align: center; color: var(--text-lighter);">
                            <i class="fas fa-folder-open" style="font-size: 3rem; margin-bottom: 20px; display: block; opacity: 0.3;"></i>
                            لم تقم بإضافة أي إعلانات حتى الآن.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection