{% macro company_info_tab(site_settings, form, csrf_token) %}
<div class="row">
    <div class="col-12">
        <!-- Company Settings Section -->
        <div class="card mb-4">
            <div class="card-body">
                <form id="companyInfoForm" method="POST" action="{{ url_for('main.update_company_settings') }}" enctype="multipart/form-data">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    
                    <div class="row">
                        <!-- Basic Information -->
                        <div class="col-md-6 mb-4">
                            <h6 class="mb-3">Basic Information</h6>
                            <div class="mb-3">
                                <label for="company_logo" class="form-label">Company Logo</label>
                                <div class="d-flex align-items-center gap-3">
                                    {% if site_settings.company_logo %}
                                    <img src="{{ url_for('static', filename='uploads/company_logos/' + site_settings.company_logo) }}" 
                                         alt="Company Logo" 
                                         class="img-thumbnail" 
                                         style="max-height: 100px; max-width: 200px;">
                                    {% endif %}
                                    {{ form.company_logo(class="form-control", accept="image/*") }}
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="company_name" class="form-label">Company Name</label>
                                {{ form.company_name(class="form-control", placeholder="Enter your company name", value=site_settings.company_name) }}
                            </div>
                            <div class="mb-3">
                                <label for="company_website" class="form-label">Website</label>
                                {{ form.company_website(class="form-control", placeholder="https://example.com", value=site_settings.company_website) }}
                            </div>
                            <div class="mb-3">
                                <label for="company_email" class="form-label">Email</label>
                                {{ form.company_email(class="form-control", placeholder="contact@company.com", value=site_settings.company_email) }}
                            </div>
                            <div class="mb-3">
                                <label for="company_phone" class="form-label">Phone</label>
                                {{ form.company_phone(class="form-control", placeholder="+1 (555) 123-4567", value=site_settings.company_phone) }}
                            </div>
                        </div>

                        <!-- Address Information -->
                        <div class="col-md-6 mb-4">
                            <h6 class="mb-3">Address Information</h6>
                            <div class="mb-3">
                                <label for="company_address" class="form-label">Street Address</label>
                                {{ form.company_address(class="form-control", placeholder="123 Business Street", value=site_settings.company_address) }}
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="company_city" class="form-label">City</label>
                                    {{ form.company_city(class="form-control", placeholder="City", value=site_settings.company_city) }}
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label for="company_state" class="form-label">State</label>
                                    {{ form.company_state(class="form-control", placeholder="State", value=site_settings.company_state) }}
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label for="company_zip" class="form-label">ZIP Code</label>
                                    {{ form.company_zip(class="form-control", placeholder="ZIP", value=site_settings.company_zip) }}
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="company_country" class="form-label">Country</label>
                                {{ form.company_country(class="form-control", placeholder="Country", value=site_settings.company_country) }}
                            </div>
                        </div>

                        <!-- Additional Information -->
                        <div class="col-12 mb-4">
                            <h6 class="mb-3">Additional Information</h6>
                            <div class="mb-3">
                                <label for="company_description" class="form-label">Company Description</label>
                                {{ form.company_description(class="form-control", rows="3", placeholder="Brief description of your company", value=site_settings.company_description) }}
                            </div>
                            <div class="mb-3">
                                <label for="company_industry" class="form-label">Industry</label>
                                {{ form.company_industry(class="form-control", placeholder="e.g., Technology, Healthcare, Finance", value=site_settings.company_industry) }}
                            </div>
                        </div>
                    </div>

                    <div class="d-flex justify-content-end">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-1"></i> Save Changes
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endmacro %}