{% extends 'base.html' %}
{% block title %}{% if company %}Editar{% else %}Nueva{% endif %} Compañía{% endblock %}
{% block page_title %}{% if company %}Editar Compañía{% else %}Nueva Compañía{% endif %}{% endblock %}
{% block topbar_actions %}<a href="{{ url_for('companies') }}" class="btn btn-secondary">← Volver</a>{% endblock %}
{% block content %}
<div class="card" style="max-width:640px">
    <form method="POST" enctype="multipart/form-data">
        {% if company and company.logo_path %}
        <div style="margin-bottom:16px">
            <div style="font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px">Logo actual</div>
            <img src="/static/uploads/logos/{{ company.logo_path }}"
                 style="height:60px;object-fit:contain;background:white;padding:6px;border-radius:8px;border:1px solid rgba(0,180,216,0.2)">
        </div>
        {% endif %}
        <div class="form-grid">
            <div class="form-group full">
                <label>Nombre de la Compañía *</label>
                <input type="text" name="name" value="{{ company.name if company else '' }}" required>
            </div>
            <div class="form-group full">
                <label>Logo (PNG o JPG — aparece en los reportes PDF)</label>
                <input type="file" name="logo" accept="image/*" style="padding:8px">
            </div>
            <div class="form-group">
                <label>Teléfono</label>
                <input type="tel" name="phone" value="{{ company.phone if company else '' }}">
            </div>
            <div class="form-group">
                <label>Email</label>
                <input type="email" name="email" value="{{ company.email if company else '' }}">
            </div>
            <div class="form-group full">
                <label>Dirección</label>
                <input type="text" name="address" value="{{ company.address if company else '' }}">
            </div>
            <div class="form-group full">
                <label>Sitio Web</label>
                <input type="text" name="website" value="{{ company.website if company else '' }}" placeholder="https://...">
            </div>
            <div class="form-group full">
                <label>Notas</label>
                <textarea name="notes">{{ company.notes if company else '' }}</textarea>
            </div>
        </div>
        <div class="flex gap-3 mt-6">
            <button type="submit" class="btn btn-primary">💾 Guardar</button>
            <a href="{{ url_for('companies') }}" class="btn btn-secondary">Cancelar</a>
        </div>
    </form>
</div>
{% endblock %}