@extends('layouts.recruiter')
@section('title', 'Edit Job — JOBES')

@section('recruiter_content')
<!-- Header area with Back Button -->
<div class="d-flex align-items-center gap-3 mb-4 animate__animated animate__fadeIn">
    <a href="{{ route('recruiter.jobs.index') }}" class="btn btn-light border d-flex align-items-center justify-content-center" style="width:40px; height:40px; border-radius:10px; background:#fff; color:#475569;" title="Back to Posted Jobs">
        <i class="fas fa-arrow-left"></i>
    </a>
    <h5 class="fw-800 text-dark mb-0" style="font-size:1.25rem;">Edit Job Posting</h5>
</div>

<div class="card-recruiter-panel animate__animated animate__fadeIn">
    <form method="POST" action="{{ route('recruiter.jobs.update', $job->id) }}">
        @csrf
        @method('PUT')
        
        @if($errors->any())
            <div class="alert alert-danger border-0 mb-4 shadow-xs" style="background:#fee2e2; color:#991b1b; border-radius:10px;">
                <ul class="mb-0 small fw-600 text-start">
                    @foreach($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        
        <div class="row g-3">
            <div class="col-12 text-start">
                <label class="form-label text-muted small fw-700">Job Title *</label>
                <input type="text" name="title" class="form-control form-ctrl-light" value="{{ $job->title }}" required>
            </div>
            
            <div class="col-md-4 col-12 text-start">
                <label class="form-label text-muted small fw-700">Category *</label>
                <select name="category_id" class="form-select form-ctrl-light" required>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}" {{ $job->category_id == $cat->id ? 'selected' : '' }}>
                            {{ $cat->name }}
                        </option>
                    @endforeach
                </select>
            </div>
            
            <div class="col-md-4 col-6 text-start">
                <label class="form-label text-muted small fw-700">Job Type *</label>
                <select name="job_type" class="form-select form-ctrl-light" required>
                    @foreach(['full-time'=>'Full Time','part-time'=>'Part Time','contract'=>'Contract','internship'=>'Internship','freelance'=>'Freelance','remote'=>'Remote'] as $v=>$l)
                        <option value="{{ $v }}" {{ $job->job_type == $v ? 'selected' : '' }}>
                            {{ $l }}
                        </option>
                    @endforeach
                </select>
            </div>
            
            <div class="col-md-4 col-6 text-start">
                <label class="form-label text-muted small fw-700">Experience Level *</label>
                <select name="experience_level" class="form-select form-ctrl-light" required>
                    @foreach(['entry'=>'Entry Level','junior'=>'Junior','mid'=>'Mid Level','senior'=>'Senior','lead'=>'Lead','executive'=>'Executive'] as $v=>$l)
                        <option value="{{ $v }}" {{ $job->experience_level == $v ? 'selected' : '' }}>
                            {{ $l }}
                        </option>
                    @endforeach
                </select>
            </div>
            
            <div class="col-md-4 col-12 text-start">
                <label class="form-label text-muted small fw-700">City</label>
                <input type="text" name="city" class="form-control form-ctrl-light" value="{{ $job->city }}">
            </div>
            
            <div class="col-md-4 col-6 text-start">
                <label class="form-label text-muted small fw-700">Min Salary (₹/month)</label>
                <input type="number" name="salary_min" class="form-control form-ctrl-light" value="{{ $job->salary_min }}">
            </div>
            
            <div class="col-md-4 col-6 text-start">
                <label class="form-label text-muted small fw-700">Max Salary (₹/month)</label>
                <input type="number" name="salary_max" class="form-control form-ctrl-light" value="{{ $job->salary_max }}">
            </div>
            
            <div class="col-12 text-start">
                <label class="form-label text-muted small fw-700">Job Description *</label>
                <textarea name="description" class="form-control form-ctrl-light" rows="7" required>{{ $job->description }}</textarea>
            </div>
            
            <div class="col-12 text-start">
                <label class="form-label text-muted small fw-700">Requirements</label>
                <textarea name="requirements" class="form-control form-ctrl-light" rows="4">{{ $job->requirements }}</textarea>
            </div>
            
            <div class="col-12 text-start">
                <label class="form-label text-muted small fw-700">Benefits</label>
                <textarea name="benefits" class="form-control form-ctrl-light" rows="3">{{ $job->benefits }}</textarea>
            </div>
        </div>
        
        <div class="d-flex gap-3 border-top pt-4 mt-4" style="border-top-color:#f1f5f9 !important;">
            <button type="submit" class="btn btn-teal-gradient px-5 py-2.5">
                <i class="fas fa-save me-2"></i> Save Changes
            </button>
            <a href="{{ route('recruiter.jobs.index') }}" class="btn btn-light border fw-800 px-4 py-2.5 text-dark" style="border-radius:0.5rem;">
                Cancel
            </a>
        </div>
    </form>
</div>
@endsection