{% extends "admin/layout.html" %}
{% block content %}
<div class="mb-4">
    <a href="{{ url_for('list_companies') }}" class="btn btn-link p-0 text-decoration-none">← Back to List</a>
    <h2 class="mt-2">Edit: {{ company.business_name }}</h2>
</div>

<form method="POST" class="bg-white p-4 shadow-sm rounded">
    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">Business Name</label>
            <input type="text" name="business_name" class="form-control" value="{{ company.business_name }}">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">Website</label>
            <input type="text" name="website" class="form-control" value="{{ company.website }}">
        </div>
    </div>

    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">Phone</label>
            <input type="text" name="phone" class="form-control" value="{{ company.phone }}">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">Email</label>
            <input type="email" name="email" class="form-control" value="{{ company.email }}">
        </div>
    </div>

    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">Address</label>
            <input type="text" name="address" class="form-control" value="{{ company.address }}">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">Badge Level</label>
            <select name="badge_level" class="form-select">
                <option value="Standard" {{ 'selected' if company.badge_level == 'Standard' }}>Standard</option>
                <option value="Verified" {{ 'selected' if company.badge_level == 'Verified' }}>Verified</option>
                <option value="Pro" {{ 'selected' if company.badge_level == 'Pro' }}>Pro</option>
                <option value="Top Rated" {{ 'selected' if company.badge_level == 'Top Rated' }}>Top Rated</option>
            </select>
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">Status</label>
            <select name="status" class="form-select">
                <option value="active" {{ 'selected' if company.status == 'active' or company.status is none }}>Active</option>
                <option value="hidden" {{ 'selected' if company.status == 'hidden' }}>Hidden</option>
            </select>
        </div>
    </div>

    <hr>
    <h5>Metrics & SEO</h5>
    <div class="row">
        <div class="col-md-4 mb-3">
            <label class="form-label">Rating (0.0 - 5.0)</label>
            <input type="number" step="0.1" name="rating_value" class="form-control" value="{{ company.rating_value }}">
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label">Review Count</label>
            <input type="number" name="review_count" class="form-control" value="{{ company.review_count }}">
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label">Price Range ($, $$, $$$)</label>
            <input type="text" name="price_range" class="form-control" value="{{ company.price_range }}">
        </div>
    </div>

    <div class="mb-3">
        <label class="form-label">Trust Signals (JSON List, e.g., ["Licensed", "Free Estimate"])</label>
        <input type="text" name="trust_signals" class="form-control" value="{{ company.trust_signals }}">
    </div>

    <div class="mb-3">
        <label class="form-label">FAQs (JSON List of objects)</label>
        <textarea name="faqs" class="form-control" rows="5">{{ company.faqs }}</textarea>
        <small class="text-muted">Format: [{"question": "...", "answer": "..."}]</small>
    </div>

    <div class="mb-3">
        <label class="form-label">Description (AI Generated / Page Content)</label>
        <textarea name="entity_page_content" class="form-control" rows="8">{{ company.entity_page_content }}</textarea>
    </div>

    <hr>
    <h5>Social Media</h5>
    <div class="row">
        <div class="col-md-3 mb-3">
            <label class="form-label">Facebook</label>
            <input type="text" name="facebook" class="form-control" value="{{ company.facebook }}">
        </div>
        <div class="col-md-3 mb-3">
            <label class="form-label">Twitter/X</label>
            <input type="text" name="twitter" class="form-control" value="{{ company.twitter }}">
        </div>
        <div class="col-md-3 mb-3">
            <label class="form-label">Instagram</label>
            <input type="text" name="instagram" class="form-control" value="{{ company.instagram }}">
        </div>
        <div class="col-md-3 mb-3">
            <label class="form-label">LinkedIn</label>
            <input type="text" name="linkedin" class="form-control" value="{{ company.linkedin }}">
        </div>
    </div>

    <hr>
    <div class="mb-3 form-check">
        <input type="checkbox" class="form-check-input" id="is_paying" name="is_paying" {{ 'checked' if company.is_paying }}>
        <label class="form-check-label" for="is_paying">Paying Member (Premium Profile)</label>
    </div>

    <div class="mb-3 form-check">
        <input type="checkbox" class="form-check-input" id="is_hiring" name="is_hiring" {{ 'checked' if company.is_hiring }}>
        <label class="form-check-label" for="is_hiring" style="color: #0d6efd; font-weight: bold;">Currently Hiring (Show "We Are Hiring" Badge)</label>
    </div>

    <button type="submit" class="btn btn-primary">Save Changes</button>
</form>
{% endblock %}