{% extends 'base.html.twig' %}
{% block title %}{{ family.name }} - Fiche{% endblock %}
{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item" aria-current="page">
            <a href="{{ path('family_index') }}">Familles</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">{{ family.name }}</li>
    </ol>
</nav>
{% endblock %}
{% block body %}
<h1>Famille</h1>
{% if family.deleted %}
<p>
    <span class="badge bg-danger">Supprimée</span> le {{ family.deletedAt|date('d/m/Y H:i') }} par {{ family.deletedBy.username }}
</p>
{% endif %}
<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Informations</h5>
                <table class="table">
                    <tbody>
                        <tr>
                            <th>Nom</th>
                            <td>{{ family.name }}</td>
                        </tr>
                        <tr>
                            <th>Téléphone</th>
                            <td>
                                <a href="tel:{{ family.phone }}">
                                    {{ family.phone }}
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <th>Mèl</th>
                            <td>
                                <a href="mailto:{{ family.mail }}">
                                    {{ family.mail }}
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <th>Nombre d'enfant(s)</th>
                            <td>{{ family.nbChildren }}</td>
                        </tr>
                        {# <tr>
                            <th>Contact</th>
                            <td>
                                {% for familyContact in family.contacts %}
                                <a href="{{ familyContact.getType().href|replace({'{{value}}': familyContact.value}) }}" target="_blank">
                                    <i class="{{ familyContact.getType().icon }}"></i>
                                </a>
                                {% endfor %}
                            </td>
                        </tr> #}
                        {% if family.deleted %}
                        <tr>
                            <th>Statut</th>
                            <td><span class="badge bg-danger">Supprimée</span> le {{ family.deletedAt|date('d/m/Y H:i') }} par {{ family.deletedBy.username }} </td>
                        </tr>
                        {% endif %}
                    </tbody>
                </table>
                <div class="d-flex flex-row-reverse bd-highlight">
                    {% if not family.deleted %}
                    <a class="btn btn-success" href="{{ path('family_edit', {'id': family.id}) }}"><i class="bi-pencil"></i>&nbsp;Modifier</a>
                    <a class="btn btn-danger link-confirm" data-href="{{ path('family_delete_ajax', {'id': family.id}) }}" data-confirm="Voulez-vous vraiment supprimer cette famille ?" data-token="{{ csrf_token('delete' ~ family.id) }}"><i class=" bi-x"></i>&nbsp;Supprimer</a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Description</h5>
                <p class="card-text">
                    {{ family.description|nl2br }}
                </p>
            </div>
        </div>
    </div>
</div>
<h2 class="mt-3">Contacts</h2>
<div class="card">
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th>Type</th>
                    <th>Valeur</th>
                    <th>Description</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for familyContact in family.contacts %}
                <tr>
                    <td>
                        <i class="{{ familyContact.getType().icon }}"></i>&nbsp; {{ familyContact.getType().name }}
                    </td>
                    <td>
                        <a href="{{ familyContact.getType().href|replace({'{{value}}': familyContact.value}) }}" target="_blank">
                            {{ familyContact.value }}
                        </a>
                    </td>
                    <td>
                        {{ familyContact.description }}
                    </td>
                    <td>
                        {% if not family.deleted %}
                        <a class="btn btn-success" href="{{ path('family_contact_edit', {'id': familyContact.id,'family':family.getId()}) }}">
                            <i class="bi-pencil"></i>&nbsp;Modifier
                        </a>
                        <a class="btn btn-danger" href="{{ path('family_contact_delete', {'id': familyContact.id}) }}" onsubmit="return confirm('Voulez-vous vraiment supprimer ce moyen de contact ?');">
                            <i class="bi-x"></i>&nbsp;Supprimer
                        </a>
                        {% endif %}
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="4">Aucune ligne à afficher</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <div class="d-flex flex-row-reverse bd-highlight">
            {% if not family.deleted %}
            <a class="btn btn-success" href="{{ path('family_contact_new',{'family':family.getId()}) }}">
                <i class="bi-plus"></i>&nbsp;Ajouter un moyen de contact
            </a>
            {% endif %}
        </div>
    </div>
</div>
<h2 class="mt-3">Adresses</h2>
<div class="card">
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th>Adresse</th>
                    <th>Date d'usage</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for familyAddress in family.adresses %}
                <tr>
                    <td>
                        <address>
                            {{ familyAddress.address }}<br />
                            {{ familyAddress.postalCode }} {{ familyAddress.city }}<br />
                            {{ familyAddress.country }}
                        </address>
                    </td>
                    <td>
                        {% if familyAddress.getDateEnd() %}
                        {{ familyAddress.getDateStart()|date('d/m/Y') }} / {{ familyAddress.getDateEnd()|date('d/m/Y') }}
                        {% else %}
                        adresse actuelle depuis le {{ familyAddress.getDateStart()|date('d/m/Y') }}
                        {% endif %}
                    </td>
                    <td>
                        <a class="btn btn-primary" href="{{ path('family_address_show',{'id':familyAddress.getId()}) }}">
                            <i class="bi-eye"></i>&nbsp;Voir l'adresse
                        </a>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="4">Aucune ligne à afficher</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <div class="d-flex flex-row-reverse bd-highlight">
            {% if not family.deleted %}
            <a class="btn btn-success" href="{{ path('family_address_new',{'family':family.getId()}) }}">
                <i class="bi-plus"></i>&nbsp;Ajouter une adresse
            </a>
            {% endif %}
        </div>
    </div>
</div>
<h2 class="mt-3">Adoption</h2>
<div class="card">
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th colspan="2">Animal</th>
                    <th>Type</th>
                    <th>Date adoption</th>
                    <th>Date retour</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for familyAnimal in family.familyAnimals %}
                <tr>
                    <td>{{ include('animal/_show_main_picture.html.twig',{'animal':familyAnimal.getAnimal(),'img_class':'img-list'}) }}</td>
                    <td>
                        <a href="{{ path('animal_show',{'id':familyAnimal.getAnimal().getId()}) }}" title="Voir la fiche de l'animal">
                            {{ familyAnimal.getAnimal().getName() }}
                        </a>
                    </td>
                    <td>
                        <span class="badge bg-{{ familyAnimal.getTypeAdoption() == constant('App\\Entity\\FamilyAnimal::TYPE_DEFINITIVE') ? "success" : "warning" }}">
                            {{ familyAnimal.getTypeAdoption() == constant('App\\Entity\\FamilyAnimal::TYPE_DEFINITIVE') ? "Définitive" : "Famille d'accueil" }}
                        </span>
                    </td>
                    <td>{{ familyAnimal.getDateAdoption()|date('d/m/Y') }}</td>
                    <td>{{ familyAnimal.getDateBack() ? familyAnimal.getDateBack()|date('d/m/Y') : '/' }}</td>
                    <td>
                        <a class="btn btn-primary" href="{{ path('animal_show',{'id':familyAnimal.getAnimal().getId()}) }}">
                            <i class="bi-eye"></i>&nbsp;Voir l'animal
                        </a>
                        {% if not family.deleted %}
                        <a class="btn btn-success" href="{{ path('family_animal_edit',{'id':familyAnimal.getId(),'family':family.getId()}) }}">
                            <i class="bi-pencil"></i>&nbsp; Modifier l'adoption
                        </a>
                        {% endif %}
                        {% if familyAnimal.getTypeAdoption() == constant('App\\Entity\\FamilyAnimal::TYPE_TEMPORARY_FAMILY') %}
                        <a class="btn btn-secondary link-print" href="{{ path('document_generate',{'familyAnimal':familyAnimal.getId(),'name':'family_animal_contract_fa'}) }}" target="_blank">
                            <i class="bi-printer"></i>&nbsp;Exporter
                        </a>
                        {% endif %}
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="4">Aucune ligne à afficher</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <div class="d-flex flex-row-reverse bd-highlight">
            {% if not family.deleted %}
            <a class="btn btn-success" href="{{ path('family_animal_new',{'family':family.getId()}) }}">
                <i class="bi-plus"></i>&nbsp;Ajouter une adoption
            </a>
            {% endif %}
        </div>
    </div>
</div>
<a href="{{ path('family_index') }}" class="mt-2 btn btn-primary"><i class="bi bi-chevron-left"></i>&nbsp;Retour à la liste</a>
{% endblock %}