{% extends "admin/base.html" %}

{% block title %}Gestione Link Social{% endblock %}
{% block page_title %}Gestione Link Social{% endblock %}

{% block content %}
<div class="card mb-4">
    <div class="card-header bg-white">
        <h5 class="mb-0">Aggiungi Nuovo Link</h5>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ url_for('admin.social_link_add') }}" class="row g-3">
            <div class="col-md-3">
                <input type="text" class="form-control" name="platform_name" placeholder="Nome (es. LinkedIn)" required>
            </div>
            <div class="col-md-4">
                <input type="url" class="form-control" name="url" placeholder="URL completo" required>
            </div>
            <div class="col-md-2">
                <input type="text" class="form-control" name="icon_class" placeholder="Icona" required>
            </div>
            <div class="col-md-1">
                <input type="number" class="form-control" name="display_order" placeholder="Ordine" value="0">
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-gradient w-100">
                    <i class="fas fa-plus me-2"></i>Aggiungi
                </button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Icona</th>
                        <th>Piattaforma</th>
                        <th>URL</th>
                        <th>Ordine</th>
                        <th>Stato</th>
                        <th>Azioni</th>
                    </tr>
                </thead>
                <tbody>
                    {% for link in social_links %}
                    <tr>
                        <td><i class="{{ link.icon_class }} fa-2x text-primary"></i></td>
                        <td>{{ link.platform_name }}</td>
                        <td><a href="{{ link.url }}" target="_blank" class="text-truncate d-inline-block" style="max-width: 200px;">{{ link.url }}</a></td>
                        <td>{{ link.display_order }}</td>
                        <td>
                            {% if link.is_active %}
                                <span class="badge bg-success">Attivo</span>
                            {% else %}
                                <span class="badge bg-danger">Disattivo</span>
                            {% endif %}
                        </td>
                        <td>
                            <form method="POST" action="{{ url_for('admin.social_link_delete', link_id=link.id) }}" class="d-inline">
                                <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Sicuro di voler eliminare?')">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}