{% extends 'base.html' %}

{% block content %}
<div class="container mt-4">
    <div class="card">
        <div class="card-header">
            <h2>{{ object.Nome }} {{ object.Cognome }}</h2>
        </div>
        <div class="card-body">
            <p><strong>Codice Fiscale:</strong> {{ object.Codice_Fiscale }}</p>
            <p><strong>Email:</strong> {{ object.Email }}</p>
            <p><strong>Telefono:</strong> {{ object.Telefono }}</p>
            <p><strong>Data di Nascita:</strong> {{ object.Data_di_Nascita }}</p>
            <p><strong>Lavoro:</strong> {{ object.Lavoro }}</p>
            <p><strong>Stato:</strong> {{ object.Stato }}</p>
            <p><strong>Categoria:</strong> {{ object.Categoria }}</p>
            <p><strong>Importo Portafoglio Attuale:</strong> € {{ object.Importo_Portafoglio_Attuale }}</p>
        </div>
    </div>

    <ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="portafogli-tab" data-bs-toggle="tab" data-bs-target="#portafogli" type="button" role="tab" aria-controls="portafogli" aria-selected="true">Portafogli</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="attivita-tab" data-bs-toggle="tab" data-bs-target="#attivita" type="button" role="tab" aria-controls="attivita" aria-selected="false">Attività</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="documenti-tab" data-bs-toggle="tab" data-bs-target="#documenti" type="button" role="tab" aria-controls="documenti" aria-selected="false">Documenti</button>
        </li>
    </ul>

    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="portafogli" role="tabpanel" aria-labelledby="portafogli-tab">
            <div class="d-flex justify-content-end mt-3">
                <a href="{% url 'portafoglio_new' object.pk %}" class="btn btn-primary mb-3">Aggiungi Portafoglio</a>
            </div>
            <div class="table-responsive mt-3">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Nome Portafoglio</th>
                            <th>Profilo di Rischio</th>
                            <th>Valore Iniziale</th>
                            <th>Valore Corrente</th>
                            <th>Data Inizio</th>
                            <th>Azioni</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for portafoglio in portafogli %}
                        <tr>
                            <td>{{ portafoglio.Nome_Portafoglio }}</td>
                            <td>{{ portafoglio.Profilo_di_Rischio }}</td>
                            <td>€ {{ portafoglio.Valore_Iniziale }}</td>
                            <td>€ {{ portafoglio.Valore_Corrente }}</td>
                            <td>{{ portafoglio.Data_Inizio }}</td>
                            <td>
                                <a href="{% url 'portafoglio_edit' portafoglio.pk %}" class="btn btn-sm btn-outline-primary">Modifica</a>
                                <a href="{% url 'portafoglio_delete' portafoglio.pk %}" class="btn btn-sm btn-outline-danger">Elimina</a>
                            </td>
                        </tr>
                        {% empty %}
                        <tr>
                            <td colspan="6">Nessun portafoglio trovato.</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="tab-pane fade" id="attivita" role="tabpanel" aria-labelledby="attivita-tab">
            <div class="d-flex justify-content-end mt-3">
                <a href="{% url 'attivita_new' object.pk %}" class="btn btn-primary mb-3">Aggiungi Attività</a>
            </div>
            <div class="table-responsive mt-3">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Data</th>
                            <th>Ora</th>
                            <th>Tipo</th>
                            <th>Stato</th>
                            <th>Note</th>
                            <th>Azioni</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for attivita_item in attivita %}
                        <tr>
                            <td>{{ attivita_item.Data }}</td>
                            <td>{{ attivita_item.Ora|default_if_none:'' }}</td>
                            <td>{{ attivita_item.Tipo }}</td>
                            <td>{{ attivita_item.Stato }}</td>
                            <td>{{ attivita_item.Note }}</td>
                            <td>
                                <a href="{% url 'attivita_edit' attivita_item.pk %}" class="btn btn-sm btn-outline-primary">Modifica</a>
                                <a href="{% url 'attivita_delete' attivita_item.pk %}" class="btn btn-sm btn-outline-danger">Elimina</a>
                            </td>
                        </tr>
                        {% empty %}
                        <tr>
                            <td colspan="6">Nessuna attività trovata.</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="tab-pane fade" id="documenti" role="tabpanel" aria-labelledby="documenti-tab">
            <div class="d-flex justify-content-end mt-3">
                <a href="{% url 'documento_new' object.pk %}" class="btn btn-primary mb-3">Aggiungi Documento</a>
            </div>
            <div class="table-responsive mt-3">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Nome Documento</th>
                            <th>Tipo</th>
                            <th>Data Caricamento</th>
                            <th>Data di Scadenza</th>
                            <th>File</th>
                            <th>Azioni</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for documento in documenti %}
                        <tr>
                            <td>{{ documento.Nome_Documento }}</td>
                            <td>{{ documento.Tipo }}</td>
                            <td>{{ documento.Data_Caricamento }}</td>
                            <td>{{ documento.Data_di_Scadenza|default_if_none:'' }}</td>
                            <td><a href="{{ documento.File.url }}">Scarica</a></td>
                            <td>
                                <a href="{% url 'documento_edit' documento.pk %}" class="btn btn-sm btn-outline-primary">Modifica</a>
                                <a href="{% url 'documento_delete' documento.pk %}" class="btn btn-sm btn-outline-danger">Elimina</a>
                            </td>
                        </tr>
                        {% empty %}
                        <tr>
                            <td colspan="6">Nessun documento trovato.</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <a href="{% url 'cliente_list' %}" class="btn btn-secondary mt-4">Torna alla lista</a>
</div>
{% endblock %}