{% extends "base.html" %}

{% block content %}
<h1>Наши партнеры</h1>

<div style="background: #FDF5E6; padding: 1rem; margin-bottom: 2rem; border-radius: 10px;">
    <h3>➕ Добавить партнера</h3>
    <form method="POST">
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem;">
            <input type="text" name="name" placeholder="Название" required style="padding: 0.5rem;">
            <input type="text" name="contact" placeholder="Контакт" style="padding: 0.5rem;">
            <input type="text" name="phone" placeholder="Телефон" style="padding: 0.5rem;">
            <button type="submit" style="background: #CD853F; color: white; padding: 0.5rem;">Добавить</button>
        </div>
    </form>
</div>

<div class="partners-grid">
    {% for partner in partners %}
    <div class="partner-card">
        <h3>{{ partner.name }}</h3>
        <p>📧 {{ partner.contact }}</p>
        <p>📞 {{ partner.phone }}</p>
        <a href="/partners/delete/{{ partner.id }}" onclick="return confirm('Удалить партнера {{ partner.name }}?')" style="color: #f44336; text-decoration: none;">🗑️ Удалить</a>
    </div>
    {% endfor %}
</div>

<style>
.partners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}
.partner-card {
    background: #FDF5E6;
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid #CD853F;
    text-align: center;
}
.partner-card h3 { color: #CD853F; margin-bottom: 0.5rem; }
</style>
{% endblock %}