{% macro company_info_tab(site_settings, form) %}
<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">
                    {{ form.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 class="form-text">Upload your company logo. Recommended size: 200x100 pixels.</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") }}
                                <div class="form-text">This name will be displayed in the website title and navigation bar.</div>
                            </div>
                            <div class="mb-3">
                                <label for="company_website" class="form-label">Website</label>
                                {{ form.company_website(class="form-control", placeholder="https://example.com") }}
                            </div>
                            <div class="mb-3">
                                <label for="company_email" class="form-label">Email</label>
                                {{ form.company_email(class="form-control", placeholder="contact@company.com") }}
                            </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") }}
                            </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") }}
                            </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") }}
                                </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") }}
                                </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") }}
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="company_country" class="form-label">Country</label>
                                {{ form.company_country(class="form-control", placeholder="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") }}
                            </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") }}
                            </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 %}