@extends('layouts.admin')

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

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Create Advertisement</h1>
    <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 class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Advertisement Details</h6>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.advertisements.store') }}" method="POST">
            @csrf
            
            <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') }}" 
                               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') === 'draft' ? 'selected' : '' }}>Draft</option>
                            <option value="published" {{ old('status') === 'published' ? 'selected' : '' }}>Published</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') }}" 
                       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') }}" 
                               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') == $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') }}</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') }}</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') }}" 
                                   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') }}" 
                                   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') }}" 
                               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', 1) }}" 
                               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='e.g., {"General": 2, "OBC": 1, "SC": 1}'>{{ old('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') }}" 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') }}" 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> Create Advertisement
                        </button>
                        <a href="{{ route('admin.advertisements.index') }}" class="btn btn-secondary ml-2">
                            <i class="fas fa-times"></i> Cancel
                        </a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script>
// Set minimum date to tomorrow
document.addEventListener('DOMContentLoaded', function() {
    const today = new Date();
    const tomorrow = new Date(today);
    tomorrow.setDate(tomorrow.getDate() + 1);
    
    const dateInput = document.getElementById('application_deadline');
    dateInput.min = tomorrow.toISOString().split('T')[0];
    
    // Auto-generate advertisement number
    if (!document.getElementById('advertisement_number').value) {
        const year = new Date().getFullYear();
        const randomNum = Math.floor(Math.random() * 1000).toString().padStart(3, '0');
        document.getElementById('advertisement_number').value = `ADV-${year}-${randomNum}`;
    }
    

    
    // 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');
            } 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