@extends('layouts.admin')

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

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Edit Advertisement</h1>
    <div>
        <a href="{{ route('admin.advertisements.show', $advertisement) }}" class="btn btn-info">
            <i class="fas fa-eye fa-sm text-white-50"></i> View
        </a>
        <a href="{{ route('admin.advertisements.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left fa-sm text-white-50"></i> Back to Advertisements
        </a>
    </div>
</div>

<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Edit Advertisement Details</h6>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.advertisements.update', $advertisement) }}" method="POST">
            @csrf
            @method('PUT')
            
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="advertisement_number">Advertisement Number <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('advertisement_number') is-invalid @enderror" 
                               id="advertisement_number" name="advertisement_number" value="{{ old('advertisement_number', $advertisement->advertisement_number) }}" 
                               placeholder="e.g., ADV-2024-001" required>
                        @error('advertisement_number')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="status">Status <span class="text-danger">*</span></label>
                        <select class="form-control @error('status') is-invalid @enderror" 
                                id="status" name="status" required>
                            <option value="draft" {{ old('status', $advertisement->status) === 'draft' ? 'selected' : '' }}>Draft</option>
                            <option value="published" {{ old('status', $advertisement->status) === 'published' ? 'selected' : '' }}>Published</option>
                            <option value="closed" {{ old('status', $advertisement->status) === 'closed' ? 'selected' : '' }}>Closed</option>
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label for="title">Advertisement Title <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('title') is-invalid @enderror" 
                       id="title" name="title" value="{{ old('title', $advertisement->title) }}" 
                       placeholder="Enter advertisement title" required>
                @error('title')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="position">Position <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('position') is-invalid @enderror" 
                               id="position" name="position" value="{{ old('position', $advertisement->position) }}" 
                               placeholder="e.g., Assistant Professor, Associate Professor" required>
                        @error('position')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="department_id">Department <span class="text-danger">*</span></label>
                        <select class="form-control @error('department_id') is-invalid @enderror" 
                                id="department_id" name="department_id" required>
                            <option value="">Select Department</option>
                            @foreach($departments as $department)
                                <option value="{{ $department->id }}" {{ old('department_id', $advertisement->department_id) == $department->id ? 'selected' : '' }}>
                                    {{ $department->name }} ({{ $department->code }})
                                </option>
                            @endforeach
                        </select>
                        @error('department_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>



            <div class="form-group">
                <label for="description">Description <span class="text-danger">*</span></label>
                <textarea class="form-control @error('description') is-invalid @enderror" 
                          id="description" name="description" rows="4" 
                          placeholder="Provide a detailed description of the position" required>{{ old('description', $advertisement->description) }}</textarea>
                @error('description')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="form-group">
                <label for="requirements">Requirements <span class="text-danger">*</span></label>
                <textarea class="form-control @error('requirements') is-invalid @enderror" 
                          id="requirements" name="requirements" rows="4" 
                          placeholder="List the qualifications and requirements for this position" required>{{ old('requirements', $advertisement->requirements) }}</textarea>
                @error('requirements')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="salary_min">Minimum Salary</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">₹</span>
                            </div>
                            <input type="number" class="form-control @error('salary_min') is-invalid @enderror" 
                                   id="salary_min" name="salary_min" value="{{ old('salary_min', $advertisement->salary_min) }}" 
                                   placeholder="0" min="0" step="0.01">
                            @error('salary_min')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="salary_max">Maximum Salary</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">₹</span>
                            </div>
                            <input type="number" class="form-control @error('salary_max') is-invalid @enderror" 
                                   id="salary_max" name="salary_max" value="{{ old('salary_max', $advertisement->salary_max) }}" 
                                   placeholder="0" min="0" step="0.01">
                            @error('salary_max')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="pay_level">Pay Level</label>
                        <input type="text" class="form-control @error('pay_level') is-invalid @enderror" 
                               id="pay_level" name="pay_level" value="{{ old('pay_level', $advertisement->pay_level) }}" 
                               placeholder="e.g., Level 10, Level 12">
                        @error('pay_level')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="number_of_posts">Number of Posts <span class="text-danger">*</span></label>
                        <input type="number" class="form-control @error('number_of_posts') is-invalid @enderror" 
                               id="number_of_posts" name="number_of_posts" value="{{ old('number_of_posts', $advertisement->number_of_posts) }}" 
                               placeholder="1" min="1" required>
                        @error('number_of_posts')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="posts_per_category">Posts Per Category (JSON)</label>
                        <textarea class="form-control @error('posts_per_category') is-invalid @enderror" 
                                  id="posts_per_category" name="posts_per_category" rows="2" 
                                  placeholder='{"General": 2, "OBC": 1, "SC": 1}'>{{ old('posts_per_category', $advertisement->posts_per_category ? json_encode($advertisement->posts_per_category) : '') }}</textarea>
                        @error('posts_per_category')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="form-text text-muted">Enter category-wise distribution in JSON format.</small>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="application_start_date">Application Start Date & Time <span class="text-danger">*</span></label>
                        <input type="datetime-local" class="form-control @error('application_start_date') is-invalid @enderror" 
                               id="application_start_date" name="application_start_date" 
                               value="{{ old('application_start_date', $advertisement->application_start_date ? $advertisement->application_start_date->format('Y-m-d\TH:i') : '') }}" required>
                        @error('application_start_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="application_end_date">Application End Date & Time <span class="text-danger">*</span></label>
                        <input type="datetime-local" class="form-control @error('application_end_date') is-invalid @enderror" 
                               id="application_end_date" name="application_end_date" 
                               value="{{ old('application_end_date', $advertisement->application_end_date ? $advertisement->application_end_date->format('Y-m-d\TH:i') : '') }}" required>
                        @error('application_end_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            </div>

            <div class="form-group">
                <div class="row">
                    <div class="col-md-6">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save"></i> Update Advertisement
                        </button>
                        <a href="{{ route('admin.advertisements.show', $advertisement) }}" class="btn btn-secondary ml-2">
                            <i class="fas fa-times"></i> Cancel
                        </a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- Current Applications Info -->
@if($advertisement->applications()->count() > 0)
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-warning">
            <i class="fas fa-exclamation-triangle"></i> Important Notice
        </h6>
    </div>
    <div class="card-body">
        <div class="alert alert-warning" role="alert">
            <strong>This advertisement has {{ $advertisement->applications()->count() }} application(s).</strong>
            <br>
            Please be careful when making changes as they may affect existing applications. 
            Consider notifying applicants if you make significant changes to the requirements or deadline.
        </div>
    </div>
</div>
@endif
@endsection

@section('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {

    
    // Validate JSON for posts per category
    document.getElementById('posts_per_category').addEventListener('blur', function() {
        if (this.value.trim()) {
            try {
                JSON.parse(this.value);
                this.classList.remove('is-invalid');
                this.setCustomValidity('');
            } catch (e) {
                this.classList.add('is-invalid');
                this.setCustomValidity('Invalid JSON format');
            }
        }
    });
});

// Salary validation
document.getElementById('salary_max').addEventListener('input', function() {
    const minSalary = parseFloat(document.getElementById('salary_min').value) || 0;
    const maxSalary = parseFloat(this.value) || 0;
    
    if (maxSalary > 0 && maxSalary < minSalary) {
        this.setCustomValidity('Maximum salary must be greater than or equal to minimum salary');
    } else {
        this.setCustomValidity('');
    }
});

document.getElementById('salary_min').addEventListener('input', function() {
    const maxSalaryInput = document.getElementById('salary_max');
    const minSalary = parseFloat(this.value) || 0;
    const maxSalary = parseFloat(maxSalaryInput.value) || 0;
    
    if (maxSalary > 0 && maxSalary < minSalary) {
        maxSalaryInput.setCustomValidity('Maximum salary must be greater than or equal to minimum salary');
    } else {
        maxSalaryInput.setCustomValidity('');
    }
});

// Date validation
document.getElementById('application_end_date').addEventListener('change', function() {
    const startDate = new Date(document.getElementById('application_start_date').value);
    const endDate = new Date(this.value);
    
    if (endDate <= startDate) {
        this.setCustomValidity('End date must be after start date');
    } else {
        this.setCustomValidity('');
    }
});

document.getElementById('application_start_date').addEventListener('change', function() {
    const endDateInput = document.getElementById('application_end_date');
    const startDate = new Date(this.value);
    const endDate = new Date(endDateInput.value);
    
    if (endDate && endDate <= startDate) {
        endDateInput.setCustomValidity('End date must be after start date');
    } else {
        endDateInput.setCustomValidity('');
    }
});
</script>
@endsection