{% extends 'admin/hub/layout.html.twig' %}

{% set hub_title = 'Fournisseurs' %}
{% set hub_breadcrumbs = [
    { label: 'Fournisseurs', url: path('app_fournisseurs_hub') },
    { label: 'Liste fournisseurs', url: path('app_fournisseurs_liste') },
    { label: fournisseur.nom }
] %}

{% block title %}{{ fournisseur.nom }} — Mercuriale.io{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/fournisseur.css') }}">
    <link rel="stylesheet" href="{{ asset('css/contact-fournisseur.css') }}">
{% endblock %}

{% block hub_content %}
<div class="hub-content">
    {# Header #}
    <div class="fournisseur-show-header">
        <div>
            <div class="fournisseur-show-header__title-row">
                <h1 class="hub-title">
                    <i class="fas fa-handshake"></i>
                    {{ fournisseur.nom }}
                </h1>
                {% include 'components/_status_badge.html.twig' with {
                    label: fournisseur.actif ? 'Actif' : 'Inactif',
                    variant: fournisseur.actif ? 'success' : 'secondary'
                } only %}
            </div>
            {% if fournisseur.code %}
                <p class="fournisseur-show-header__meta">Code {{ fournisseur.code }}</p>
            {% endif %}
        </div>
        {% if fournisseur.websiteUrl %}
            <a href="{{ fournisseur.websiteUrl }}" target="_blank" rel="noopener noreferrer" class="fournisseur-show-header__order-btn">
                <i class="fas fa-shopping-cart"></i> Commander
            </a>
        {% else %}
            <span class="fournisseur-show-header__order-btn fournisseur-show-header__order-btn--disabled" title="URL du site fournisseur non renseignee">
                <i class="fas fa-shopping-cart"></i> Commander
            </span>
        {% endif %}
    </div>

    {# Info grid #}
    <div class="fournisseur-show-info">
        <div class="fournisseur-show-info__item">
            <div class="fournisseur-show-info__label">Code</div>
            <div class="fournisseur-show-info__value">{{ fournisseur.code ?? '—' }}</div>
        </div>
        <div class="fournisseur-show-info__item">
            <div class="fournisseur-show-info__label">Adresse</div>
            <div class="fournisseur-show-info__value">{{ fournisseur.adresseComplete ?: '—' }}</div>
        </div>
        <div class="fournisseur-show-info__item">
            <div class="fournisseur-show-info__label">Telephone</div>
            <div class="fournisseur-show-info__value">{{ fournisseur.telephone ?? '—' }}</div>
        </div>
        <div class="fournisseur-show-info__item">
            <div class="fournisseur-show-info__label">Email</div>
            <div class="fournisseur-show-info__value">{{ fournisseur.email ?? '—' }}</div>
        </div>
        <div class="fournisseur-show-info__item">
            <div class="fournisseur-show-info__label">SIRET</div>
            <div class="fournisseur-show-info__value">{{ fournisseur.siret ?? '—' }}</div>
        </div>
        <div class="fournisseur-show-info__item">
            <div class="fournisseur-show-info__label">Produits</div>
            <div class="fournisseur-show-info__value">{{ produit_count }}</div>
        </div>
    </div>

    {# Contacts #}
    <div class="fournisseur-show-section contacts-section">
        <div class="contacts-section__header">
            <h2 class="contacts-section__title">
                <i class="fas fa-address-book"></i> Contacts ({{ contacts|length }})
            </h2>
            {% if is_granted('EDIT', fournisseur) %}
                <button type="button" class="contacts-section__add-btn" onclick="document.getElementById('contact-form-add').classList.toggle('is-visible')">
                    <i class="fas fa-plus"></i> Ajouter
                </button>
            {% endif %}
        </div>

        {# Inline add form (hidden by default) #}
        {% if is_granted('EDIT', fournisseur) %}
            <div id="contact-form-add" class="contact-form-inline">
                <h3 class="contact-form-inline__title">Nouveau contact</h3>
                {{ form_start(contact_form, {attr: {class: 'contact-form-inline__grid'}}) }}
                    <div class="contact-form-inline__field">
                        {{ form_label(contact_form.nom, null, {label_attr: {class: 'contact-form-inline__label'}}) }}
                        {{ form_widget(contact_form.nom, {attr: {class: 'contact-form-inline__input', placeholder: 'Nom'}}) }}
                        {{ form_errors(contact_form.nom) }}
                    </div>
                    <div class="contact-form-inline__field">
                        {{ form_label(contact_form.prenom, null, {label_attr: {class: 'contact-form-inline__label'}}) }}
                        {{ form_widget(contact_form.prenom, {attr: {class: 'contact-form-inline__input', placeholder: 'Prenom'}}) }}
                    </div>
                    <div class="contact-form-inline__field">
                        {{ form_label(contact_form.role, null, {label_attr: {class: 'contact-form-inline__label'}}) }}
                        {{ form_widget(contact_form.role, {attr: {class: 'contact-form-inline__input'}}) }}
                    </div>
                    <div class="contact-form-inline__field">
                        {{ form_label(contact_form.email, null, {label_attr: {class: 'contact-form-inline__label'}}) }}
                        {{ form_widget(contact_form.email, {attr: {class: 'contact-form-inline__input', placeholder: 'email@exemple.fr'}}) }}
                    </div>
                    <div class="contact-form-inline__field">
                        {{ form_label(contact_form.telephone, null, {label_attr: {class: 'contact-form-inline__label'}}) }}
                        {{ form_widget(contact_form.telephone, {attr: {class: 'contact-form-inline__input', placeholder: '06 00 00 00 00'}}) }}
                    </div>
                    <div class="contact-form-inline__field contact-form-inline__checkbox">
                        {{ form_widget(contact_form.principal) }}
                        {{ form_label(contact_form.principal, null, {label_attr: {class: 'contact-form-inline__label'}}) }}
                    </div>
                    <div class="contact-form-inline__field contact-form-inline__field--full">
                        {{ form_label(contact_form.note, null, {label_attr: {class: 'contact-form-inline__label'}}) }}
                        {{ form_widget(contact_form.note, {attr: {class: 'contact-form-inline__input', placeholder: 'Notes...'}}) }}
                    </div>
                    {{ form_rest(contact_form) }}
                    <div class="contact-form-inline__actions">
                        <button type="submit" class="contact-form-inline__btn contact-form-inline__btn--save">
                            <i class="fas fa-save"></i> Enregistrer
                        </button>
                        <button type="button" class="contact-form-inline__btn contact-form-inline__btn--cancel" onclick="document.getElementById('contact-form-add').classList.remove('is-visible')">
                            Annuler
                        </button>
                    </div>
                {{ form_end(contact_form) }}
            </div>
        {% endif %}

        {% if contacts is empty %}
            <div class="contacts-section__empty">
                <i class="fas fa-exclamation-triangle"></i>
                Aucun contact renseigne pour ce fournisseur.
                {% if is_granted('EDIT', fournisseur) %}
                    <a href="#" onclick="event.preventDefault(); document.getElementById('contact-form-add').classList.add('is-visible')">Ajouter un contact</a>
                {% endif %}
            </div>
        {% else %}
            <div class="contacts-grid">
                {% for contact in contacts %}
                    <div class="contact-card{{ contact.principal ? ' contact-card--primary' : '' }}">
                        <div class="contact-card__header">
                            <div>
                                <h3 class="contact-card__name">{{ contact.nomComplet }}</h3>
                                {% if contact.role %}
                                    <p class="contact-card__role">{{ contact.role }}</p>
                                {% endif %}
                            </div>
                            {% if contact.principal %}
                                <span class="contact-card__badge-primary">
                                    <i class="fas fa-star"></i> Principal
                                </span>
                            {% endif %}
                        </div>
                        <div class="contact-card__info">
                            {% if contact.email %}
                                <div class="contact-card__info-row">
                                    <i class="fas fa-envelope"></i>
                                    <a href="mailto:{{ contact.email }}">{{ contact.email }}</a>
                                </div>
                            {% endif %}
                            {% if contact.telephone %}
                                <div class="contact-card__info-row">
                                    <i class="fas fa-phone"></i>
                                    <a href="tel:{{ contact.telephone }}">{{ contact.telephone }}</a>
                                </div>
                            {% endif %}
                        </div>
                        {% if contact.note %}
                            <div class="contact-card__note">{{ contact.note }}</div>
                        {% endif %}
                        {% if is_granted('EDIT', fournisseur) %}
                            <div class="contact-card__actions">
                                {% if contact.email %}
                                    <a href="mailto:{{ contact.email }}" class="contact-card__action contact-card__action--email">
                                        <i class="fas fa-paper-plane"></i> Email
                                    </a>
                                {% endif %}
                                {% if not contact.principal %}
                                    <form method="post" action="{{ path('app_fournisseur_contact_set_primary', {id: fournisseur.id, contactId: contact.idAsString}) }}">
                                        <input type="hidden" name="_token" value="{{ csrf_token('set_primary_' ~ contact.idAsString) }}">
                                        <button type="submit" class="contact-card__action contact-card__action--primary">
                                            <i class="fas fa-star"></i> Principal
                                        </button>
                                    </form>
                                {% endif %}
                                <form method="post" action="{{ path('app_fournisseur_contact_delete', {id: fournisseur.id, contactId: contact.idAsString}) }}" onsubmit="return confirm('Supprimer ce contact ?')">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete_contact_' ~ contact.idAsString) }}">
                                    <button type="submit" class="contact-card__action contact-card__action--delete">
                                        <i class="fas fa-trash"></i> Supprimer
                                    </button>
                                </form>
                            </div>
                        {% endif %}
                    </div>
                {% endfor %}
            </div>
        {% endif %}
    </div>

    {# Derniers BL #}
    <div class="fournisseur-show-section">
        <div class="fournisseur-show-section__header">
            <i class="fas fa-file-invoice-dollar"></i> Derniers bons de livraison
        </div>
        {% if bons_livraison is empty %}
            <div class="fournisseur-show-section__empty">
                Aucun bon de livraison enregistre pour ce fournisseur.
            </div>
        {% else %}
            <div class="fournisseur-show-section__scroll">
                <table class="fournisseur-show-section__table">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Numero</th>
                            <th>Statut</th>
                            <th class="fournisseur-show-section__right">Total HT</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for bl in bons_livraison %}
                            <tr class="fournisseur-show-section__row-link" onclick="window.location='{{ path('app_bl_show', {id: bl.id}) }}'">
                                <td>{{ bl.dateLivraison ? bl.dateLivraison|date('d/m/Y') : '—' }}</td>
                                <td>{{ bl.numeroBl ?? 'BL #' ~ bl.id }}</td>
                                <td>
                                    {% include 'components/_status_badge.html.twig' with {
                                        label: bl.statut.value,
                                        variant: bl.statut.value == 'valide' ? 'success' : (bl.statut.value == 'anomalie' ? 'danger' : 'secondary'),
                                        size: 'sm'
                                    } only %}
                                </td>
                                <td class="fournisseur-show-section__right">{{ bl.totalHt ? bl.totalHt|number_format(2, ',', ' ') ~ ' €' : '—' }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% endif %}
    </div>

    {# Avoirs fournisseur #}
    <div class="fournisseur-show-section">
        <div class="fournisseur-show-section__header">
            <i class="fas fa-receipt"></i> Avoirs fournisseur ({{ avoirs|length }})
            {% if total_avoirs_imputes != '0' %}
                <span class="fournisseur-show-section__total-badge">
                    Total impute : {{ total_avoirs_imputes|number_format(2, ',', ' ') }} € HT
                </span>
            {% endif %}
        </div>
        {% if avoirs is empty %}
            <div class="fournisseur-show-section__empty">
                Aucun avoir enregistre pour ce fournisseur.
            </div>
        {% else %}
            <div class="fournisseur-show-section__scroll">
                <table class="fournisseur-show-section__table">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Reference</th>
                            <th>Motif</th>
                            <th>Statut</th>
                            <th class="fournisseur-show-section__right">Montant HT</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for avoir in avoirs %}
                            <tr class="fournisseur-show-section__row-link" onclick="window.location='{{ path('app_avoir_show', {id: avoir.idAsString}) }}'">
                                <td>{{ avoir.demandeLe|date('d/m/Y') }}</td>
                                <td>{{ avoir.reference ?? 'Avoir #' ~ avoir.idAsString[:8] }}</td>
                                <td>
                                    {% if avoir.motif %}
                                        {% include 'components/_status_badge.html.twig' with {
                                            label: avoir.motif.label,
                                            variant: avoir.motif.color,
                                            size: 'sm'
                                        } only %}
                                    {% else %}
                                        —
                                    {% endif %}
                                </td>
                                <td>
                                    {% include 'components/_status_badge.html.twig' with {
                                        label: avoir.statut.label,
                                        variant: avoir.statut.color,
                                        size: 'sm'
                                    } only %}
                                </td>
                                <td class="fournisseur-show-section__right">{{ avoir.montantHt ? avoir.montantHt|number_format(2, ',', ' ') ~ ' €' : '—' }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% endif %}
    </div>

    {# CTA Importer mercuriale #}
    <div class="fournisseur-show-cta">
        <a href="{{ path('app_mercuriale_import') }}" class="fournisseur-show-cta__link">
            <i class="fas fa-file-import"></i> Importer une mercuriale
        </a>
    </div>
</div>
{% endblock %}