@extends('layouts.admin')

@section('title', 'Manage Job Postings')
@section('page-title', 'Job Postings & Vacancies')

@section('content')
<div class="admin-card">
  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;">
    <div>
      <h3 style="font-size: 1.25rem; margin: 0;">All Position Postings</h3>
      <p style="font-size: 0.85rem; color: var(--text-muted); margin: 0;">Add, update, or retire career vacancies across Indian locations.</p>
    </div>
    <a href="{{ route('admin.jobs.create') }}" class="btn btn-primary btn-sm">
      <i class="fas fa-plus"></i> Create New Vacancy
    </a>
  </div>

  <div class="table-responsive">
    <table class="admin-table">
      <thead>
        <tr>
          <th>Title / Code</th>
          <th>Department</th>
          <th>Location</th>
          <th>Type</th>
          <th>Status</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        @forelse($jobs as $job)
          <tr>
            <td>
              <strong style="display: block;">{{ $job->title }}</strong>
              <span style="font-size: 0.8rem; color: var(--text-muted); font-family: monospace;">ZH-{{ str_pad($job->id, 5, '0', STR_PAD_LEFT) }}</span>
            </td>
            <td>{{ $job->category ? $job->category->name : 'N/A' }}</td>
            <td>{{ $job->city }}</td>
            <td><span class="badge badge-success">{{ ucfirst($job->job_type) }}</span></td>
            <td>
              @if($job->is_active)
                <span class="badge badge-primary">Active</span>
              @else
                <span class="badge" style="background: var(--border-light); color: var(--text-muted);">Draft</span>
              @endif
              @if($job->is_featured)
                <span class="badge" style="background: rgba(255, 107, 53, 0.15); color: var(--accent-warm);">Featured</span>
              @endif
            </td>
            <td>
              <div style="display: flex; gap: 0.5rem;">
                <a href="{{ route('admin.jobs.edit', $job->id) }}" class="btn btn-outline btn-sm" style="padding: 0.25rem 0.5rem; font-size: 0.8rem;">
                  <i class="fas fa-edit"></i>
                </a>
                <form action="{{ route('admin.jobs.destroy', $job->id) }}" method="POST" onsubmit="return confirm('Delete this job permanently?');" style="margin: 0;">
                  @csrf
                  @method('DELETE')
                  <button type="submit" class="btn btn-outline btn-sm" style="padding: 0.25rem 0.5rem; font-size: 0.8rem; color: var(--danger);">
                    <i class="fas fa-trash"></i>
                  </button>
                </form>
              </div>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="6" style="text-align: center; color: var(--text-muted); padding: 2rem;">No job postings available. Click "Create New Vacancy" above.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div style="margin-top: 1.5rem;">
    {{ $jobs->links() }}
  </div>
</div>
@endsection