{% extends "base.html" %}

{% block title %}Edit Job{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card shadow">
            <div class="card-header bg-primary text-white">
                <h4 class="mb-0">Edit Job Post</h4>
            </div>
            <div class="card-body">
                <form method="POST" enctype="multipart/form-data">
                    <div class="mb-3">
                        <label>Job Title</label>
                        <input type="text" name="title" class="form-control" value="{{ job.title }}" required>
                    </div>
                    <div class="mb-3">
                        <label>Description</label>
                        <textarea name="description" rows="5" class="form-control" required>{{ job.description }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label>Category</label>
                        <select name="category_id" class="form-select" required>
                            {% for cat in categories %}
                            <option value="{{ cat.id }}" {% if cat.id == job.category_id %}selected{% endif %}>{{ cat.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="mb-3">
                        <label>Status</label>
                        <select name="status" class="form-select">
                            <option value="Draft" {% if job.status == 'Draft' %}selected{% endif %}>Draft</option>
                            <option value="Active" {% if job.status == 'Active' %}selected{% endif %}>Active</option>
                            <option value="Closed" {% if job.status == 'Closed' %}selected{% endif %}>Closed</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label>Link to existing company?</label>
                        <select id="linkChoice" class="form-select">
                            <option value="true" {% if is_linked %}selected{% endif %}>Yes, link to company</option>
                            <option value="false" {% if not is_linked %}selected{% endif %}>No, enter manually</option>
                        </select>
                    </div>
                    <div id="linkedCompanyDiv" {% if not is_linked %}style="display:none;"{% endif %}>
                        <label>Select Company</label>
                        <select name="company_id" class="form-select">
                            {% for comp in companies %}
                            <option value="{{ comp.id }}" {% if job.company_id == comp.id %}selected{% endif %}>{{ comp.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div id="manualCompanyDiv" {% if is_linked %}style="display:none;"{% endif %}>
                        <label>Company Name</label>
                        <input type="text" name="manual_company_name" class="form-control mb-2" value="{{ job.manual_company_name or '' }}">
                        <label>Company Address</label>
                        <textarea name="manual_company_address" class="form-control mb-2">{{ job.manual_company_address or '' }}</textarea>
                        <label>Logo (optional)</label>
                        <input type="file" name="manual_company_logo" class="form-control">
                        {% if job.manual_company_logo %}
                            <div class="mt-2">Current logo: <img src="{{ url_for('static', filename='uploads/'+job.manual_company_logo) }}" height="40"></div>
                        {% endif %}
                    </div>
                    <input type="hidden" name="is_linked" id="isLinked" value="{{ 'true' if is_linked else 'false' }}">
                    <button type="submit" class="btn btn-primary">Update Job</button>
                    <a href="{{ url_for('admin_dashboard') }}" class="btn btn-secondary">Cancel</a>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
document.getElementById('linkChoice').addEventListener('change', function() {
    var isLinked = this.value === 'true';
    document.getElementById('linkedCompanyDiv').style.display = isLinked ? 'block' : 'none';
    document.getElementById('manualCompanyDiv').style.display = isLinked ? 'none' : 'block';
    document.getElementById('isLinked').value = isLinked;
});
</script>
{% endblock %}