@extends('layouts.admin')

@section('title', isset($job) ? 'Edit Vacancy' : 'New Vacancy')
@section('page-title', isset($job) ? 'Edit Vacancy: ' . $job->title : 'Create New Job Vacancy')

@section('content')
<div class="admin-card" style="max-width: 860px;">
  <form method="POST" action="{{ isset($job) ? route('admin.jobs.update', $job->id) : route('admin.jobs.store') }}">
    @csrf
    @if(isset($job))
      @method('PUT')
    @endif

    <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;">
      <div class="form-group">
        <label class="form-label">Position Title *</label>
        <input type="text" name="title" value="{{ old('title', $job->title ?? '') }}" class="form-control" required placeholder="e.g. Lead Cloud & DevOps Engineer">
      </div>

      <div class="form-group">
        <label class="form-label">Department / Category *</label>
        <select name="category_id" class="form-control" required>
          <option value="">Select Category</option>
          @foreach($categories as $cat)
            <option value="{{ $cat->id }}" {{ old('category_id', $job->category_id ?? '') == $cat->id ? 'selected' : '' }}>
              {{ $cat->name }}
            </option>
          @endforeach
        </select>
      </div>
    </div>

    <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;">
      <div class="form-group">
        <label class="form-label">Location (Display) *</label>
        <input type="text" name="location" value="{{ old('location', $job->location ?? 'Nagpur (IT Park) / Hybrid') }}" class="form-control" required>
      </div>

      <div class="form-group">
        <label class="form-label">City *</label>
        <input type="text" name="city" value="{{ old('city', $job->city ?? 'Nagpur') }}" class="form-control" required>
      </div>

      <div class="form-group">
        <label class="form-label">Employment Type *</label>
        <select name="job_type" class="form-control" required>
          <option value="fulltime" {{ old('job_type', $job->job_type ?? '') === 'fulltime' ? 'selected' : '' }}>Full-Time</option>
          <option value="contract" {{ old('job_type', $job->job_type ?? '') === 'contract' ? 'selected' : '' }}>Contract</option>
          <option value="hybrid" {{ old('job_type', $job->job_type ?? '') === 'hybrid' ? 'selected' : '' }}>Hybrid</option>
          <option value="remote" {{ old('job_type', $job->job_type ?? '') === 'remote' ? 'selected' : '' }}>Remote</option>
        </select>
      </div>
    </div>

    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem;">
      <div class="form-group">
        <label class="form-label">Experience Required *</label>
        <input type="text" name="experience_level" value="{{ old('experience_level', $job->experience_level ?? '3 - 6 Years') }}" class="form-control" required>
      </div>

      <div class="form-group">
        <label class="form-label">Salary Display</label>
        <input type="text" name="salary_display" value="{{ old('salary_display', $job->salary_display ?? '₹18,00,000 - ₹26,00,000 P.A.') }}" class="form-control" placeholder="e.g. ₹18,00,000 - ₹26,00,000 P.A.">
      </div>
    </div>

    <div class="form-group" style="margin-bottom: 1.25rem;">
      <label class="form-label">Skills / Keywords (Comma separated)</label>
      @php
        $skillValue = isset($job) && is_array($job->skills) ? implode(', ', $job->skills) : old('skills', '');
      @endphp
      <input type="text" name="skills" value="{{ $skillValue }}" class="form-control" placeholder="AWS, Kubernetes, Terraform, Docker, Python">
    </div>

    <div class="form-group" style="margin-bottom: 1.5rem;">
      <label class="form-label">Detailed Job Description *</label>
      <textarea name="description" rows="8" class="form-control" required placeholder="Provide role objectives, responsibilities, and team context...">{{ old('description', $job->description ?? '') }}</textarea>
    </div>

    <div style="display: flex; gap: 2rem; margin-bottom: 2rem;">
      <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
        <input type="checkbox" name="is_active" value="1" {{ old('is_active', $job->is_active ?? true) ? 'checked' : '' }}>
        <strong>Active &amp; Published</strong>
      </label>

      <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
        <input type="checkbox" name="is_featured" value="1" {{ old('is_featured', $job->is_featured ?? false) ? 'checked' : '' }}>
        <strong>Mark as Featured</strong>
      </label>
    </div>

    <div style="display: flex; gap: 1rem;">
      <button type="submit" class="btn btn-primary">
        <i class="fas fa-save"></i> {{ isset($job) ? 'Update Vacancy' : 'Publish Vacancy' }}
      </button>
      <a href="{{ route('admin.jobs.index') }}" class="btn btn-outline">Cancel</a>
    </div>
  </form>
</div>
@endsection