@extends('layouts.dashboard')

@section('title', 'Edit Job')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">Edit Job</h4>
            <div class="page-title-right">
                <a href="{{ route('company.jobs.index') }}" class="btn btn-light"><i class="ri-arrow-go-back-line align-bottom me-1"></i> Back to Jobs</a>
            </div>
        </div>
    </div>
</div>

<div class="row border-0">
    <div class="col-lg-12">
        <form action="{{ route('company.jobs.update', $job->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="card">
                <div class="card-header border-0 d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">Job Details</h5>
                    <div>
                        <span class="fw-semibold">Current Status:</span> 
                        @if($job->status == 'open')
                            <span class="badge bg-success-subtle text-success ms-1">Open</span>
                        @else
                            <span class="badge bg-danger-subtle text-danger ms-1">Closed</span>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-lg-12">
                            <div>
                                <label class="form-label">Job Title <span class="text-danger">*</span></label>
                                <input type="text" name="title" class="form-control" value="{{ old('title', $job->title) }}" required>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div>
                                <label class="form-label">Job Type <span class="text-danger">*</span></label>
                                <select class="form-select" name="job_type" required>
                                    <option value="fixed" {{ old('job_type', $job->job_type) == 'fixed' ? 'selected' : '' }}>Fixed Price</option>
                                    <option value="hourly" {{ old('job_type', $job->job_type) == 'hourly' ? 'selected' : '' }}>Hourly Rate</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div>
                                <label class="form-label">Application Deadline</label>
                                <input type="date" name="deadline" class="form-control" value="{{ old('deadline', $job->deadline ? \Carbon\Carbon::parse($job->deadline)->format('Y-m-d') : '') }}">
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div>
                                <label class="form-label">Status <span class="text-danger">*</span></label>
                                <select class="form-select" name="status" required>
                                    <option value="open" {{ old('status', $job->status) == 'open' ? 'selected' : '' }}>Open</option>
                                    <option value="closed" {{ old('status', $job->status) == 'closed' ? 'selected' : '' }}>Closed</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div>
                                <label class="form-label">Minimum Budget ($)</label>
                                <input type="number" step="0.01" min="0" name="budget_min" class="form-control" value="{{ old('budget_min', $job->budget_min) }}">
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div>
                                <label class="form-label">Maximum Budget ($)</label>
                                <input type="number" step="0.01" min="0" name="budget_max" class="form-control" value="{{ old('budget_max', $job->budget_max) }}">
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div>
                                <label class="form-label">Required Skills</label>
                                <select class="form-select" name="skills[]" multiple size="5">
                                    @foreach($skills as $skill)
                                        <option value="{{ $skill->id }}" {{ in_array($skill->id, old('skills', $jobSkills)) ? 'selected' : '' }}>{{ $skill->name }}</option>
                                    @endforeach
                                </select>
                                <div class="form-text">Hold Command (Mac) or Ctrl (Windows) to select multiple skills.</div>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div>
                                <label class="form-label">Job Description <span class="text-danger">*</span></label>
                                <textarea name="description" class="form-control" rows="8" required>{{ old('description', $job->description) }}</textarea>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="card-footer border-0 text-end">
                    <button type="submit" class="btn btn-primary updates-btn">Save Changes</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script>
    document.querySelectorAll('form').forEach(form => {
        form.addEventListener('submit', function() {
            var btn = this.querySelector('.updates-btn');
            if(btn) {
                btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Saving...';
                btn.disabled = true;
            }
        });
    });
</script>
@endsection