{% extends '@Commercial/commercial/layout.html.twig' %}

{% block commercial_title %}Nouveau fournisseur{% endblock %}

{% block commercial_content %}
{% set sirene_filled = data.legalIdentifier|default('') and data.name|default('') %}
<div class="supplier-create" data-controller="supplier-form" data-supplier-form-lookup-url-value="{{ path('commercial_supplier_sirene_lookup') }}">
    <header class="supplier-create__heading">
        <span><i class="ti ti-truck-delivery"></i></span>
        <div><h1>Nouveau fournisseur entreprise</h1><p>Recherchez par SIRET pour pré-remplir les informations légales, puis vérifiez avant d’enregistrer.</p></div>
    </header>

    {% if errors._global|default(null) %}<div class="alert alert-danger">{{ errors._global }}</div>{% endif %}

    <div class="supplier-create__layout">
        <main>
            <section class="supplier-create__card supplier-create__search">
                <header><span class="is-indigo"><i class="ti ti-search"></i></span><div><h2>Recherche SIRENE</h2><p>Saisissez le SIRET du fournisseur pour pré-remplir les informations légales.</p></div></header>
                <div class="supplier-create__body">
                    <div class="input-group">
                        <span class="input-group-text"><i class="ti ti-barcode"></i></span>
                        <input type="text" class="form-control font-monospace" value="{{ data.legalIdentifier }}" placeholder="Ex. 12345678900012" maxlength="17" inputmode="numeric" data-supplier-form-target="searchSiret" data-action="input->supplier-form#maskSiret keydown.enter->supplier-form#search">
                        <button type="button" class="btn btn-primary" data-action="supplier-form#search" data-supplier-form-target="searchButton"><i class="ti ti-search"></i> Rechercher avec SIRENE</button>
                    </div>
                    <small><i class="ti ti-info-circle-filled"></i> La recherche ne crée pas automatiquement le fournisseur.</small>
                    <div class="supplier-create__feedback {{ sirene_filled ? '' : 'd-none' }}" data-supplier-form-target="feedback"><i class="ti ti-circle-check"></i><div><strong>Fournisseur trouvé</strong><p>Vérifiez les informations pré-remplies avant d’enregistrer le fournisseur.</p></div><button type="button" data-action="supplier-form#dismissFeedback">×</button></div>
                    <div class="alert alert-danger mt-3 mb-0 d-none" data-supplier-form-target="error"></div>
                </div>
            </section>

            <form method="post" id="supplier-create-form" class="supplier-create__form">
                <input type="hidden" name="_token" value="{{ csrf_token(csrf_id) }}">
                <section class="supplier-create__card">
                    <header><span class="is-indigo"><i class="ti ti-building"></i></span><h2>Informations fournisseur</h2></header>
                    <div class="supplier-create__body">
                        <div class="supplier-create__field is-full">
                            <label>Type de fournisseur</label>
                            <div class="supplier-create__types">
                                <label><input type="radio" name="supplier[type]" value="company" {{ data.type == 'company' ? 'checked' : '' }} data-action="change->supplier-form#typeChanged"><span><i class="ti ti-building"></i> Entreprise</span></label>
                                <label><input type="radio" name="supplier[type]" value="individual" {{ data.type == 'individual' ? 'checked' : '' }} data-action="change->supplier-form#typeChanged"><span><i class="ti ti-user"></i> Particulier / Freelance</span></label>
                            </div>
                        </div>
                        <div class="supplier-create__grid">
                            <div class="supplier-create__field"><label for="supplier_name">Raison sociale <b>*</b></label><input id="supplier_name" class="form-control {{ errors.name|default(null) ? 'is-invalid' : '' }}" name="supplier[name]" value="{{ data.name }}" required data-supplier-form-target="name" data-action="input->supplier-form#updateSummary">{% if errors.name|default(null) %}<div class="invalid-feedback">{{ errors.name }}</div>{% endif %}</div>
                            <div class="supplier-create__field"><label for="supplier_legal_form">Forme juridique</label><input id="supplier_legal_form" class="form-control" name="supplier[legalForm]" value="{{ data.legalForm }}" placeholder="Ex. SAS" data-supplier-form-target="legalForm" data-action="input->supplier-form#updateSummary"></div>
                            <div class="supplier-create__field"><label for="supplier_siret">SIRET <b>*</b></label><input id="supplier_siret" class="form-control font-monospace {{ errors.legalIdentifier|default(null) ? 'is-invalid' : '' }}" name="supplier[legalIdentifier]" value="{{ data.legalIdentifier }}" maxlength="17" inputmode="numeric" data-supplier-form-target="siret" data-action="input->supplier-form#syncSiret">{% if errors.legalIdentifier|default(null) %}<div class="invalid-feedback">{{ errors.legalIdentifier }}</div>{% endif %}</div>
                            <div class="supplier-create__field"><label for="supplier_siren">SIREN</label><input id="supplier_siren" class="form-control font-monospace" name="supplier[siren]" value="{{ data.siren }}" readonly data-supplier-form-target="siren" data-action="input->supplier-form#updateSummary"></div>
                            <div class="supplier-create__field"><label for="supplier_naf">Code NAF</label><input id="supplier_naf" class="form-control font-monospace" name="supplier[nafCode]" value="{{ data.nafCode }}" data-supplier-form-target="naf" data-action="input->supplier-form#updateSummary"><small data-supplier-form-target="specialtyHint">{{ data.specialty }}</small></div>
                            <div class="supplier-create__field"><label>Statut fournisseur</label><label class="supplier-create__status"><input type="checkbox" name="supplier[active]" value="1" {{ data.active ? 'checked' : '' }} data-supplier-form-target="active"><span></span><strong>Fournisseur actif</strong></label></div>
                            <div class="supplier-create__field is-full"><label for="supplier_specialty">Activité</label><input id="supplier_specialty" class="form-control" name="supplier[specialty]" value="{{ data.specialty }}" placeholder="Ex. Hébergement et traitement de données" data-supplier-form-target="specialty"></div>
                            <div class="supplier-create__field is-full"><label for="supplier_address">Adresse</label><input id="supplier_address" class="form-control" name="supplier[address]" value="{{ data.address }}" data-supplier-form-target="address" data-action="input->supplier-form#updateSummary"></div>
                            <div class="supplier-create__field is-third"><label for="supplier_postal">Code postal</label><input id="supplier_postal" class="form-control" name="supplier[postalCode]" value="{{ data.postalCode }}" data-supplier-form-target="postalCode" data-action="input->supplier-form#updateSummary"></div>
                            <div class="supplier-create__field is-third"><label for="supplier_city">Ville</label><input id="supplier_city" class="form-control" name="supplier[city]" value="{{ data.city }}" data-supplier-form-target="city" data-action="input->supplier-form#updateSummary"></div>
                            <div class="supplier-create__field is-third"><label for="supplier_department">Département</label><input id="supplier_department" class="form-control" name="supplier[department]" value="{{ data.department }}" data-supplier-form-target="department" data-action="input->supplier-form#updateSummary"></div>
                            <div class="supplier-create__field"><label for="supplier_email">Email</label><input id="supplier_email" type="email" class="form-control {{ errors.email|default(null) ? 'is-invalid' : '' }}" name="supplier[email]" value="{{ data.email }}" placeholder="contact@fournisseur.fr">{% if errors.email|default(null) %}<div class="invalid-feedback">{{ errors.email }}</div>{% endif %}</div>
                            <div class="supplier-create__field"><label for="supplier_phone">Téléphone</label><input id="supplier_phone" class="form-control" name="supplier[phone]" value="{{ data.phone }}" placeholder="+33 1 23 45 67 89"></div>
                            <div class="supplier-create__field is-full"><label for="supplier_website">Site web</label><input id="supplier_website" type="url" class="form-control {{ errors.website|default(null) ? 'is-invalid' : '' }}" name="supplier[website]" value="{{ data.website }}" placeholder="https://www.exemple.fr">{% if errors.website|default(null) %}<div class="invalid-feedback">{{ errors.website }}</div>{% endif %}</div>
                        </div>
                    </div>
                </section>

                <section class="supplier-create__card">
                    <header><span class="is-gray"><i class="ti ti-note"></i></span><h2>Notes</h2></header>
                    <div class="supplier-create__body supplier-create__field"><label for="supplier_notes">Notes internes</label><textarea id="supplier_notes" class="form-control" rows="4" name="supplier[notes]" placeholder="Informations supplémentaires, conditions de paiement, contacts privilégiés…">{{ data.notes }}</textarea><small>Ces notes sont internes et non visibles par le fournisseur.</small></div>
                </section>
            </form>
        </main>

        <aside>
            <section class="supplier-create__card supplier-create__summary">
                <header><i class="ti ti-database"></i><h2>Résumé SIRENE</h2><span data-supplier-form-target="verifiedBadge" class="{{ sirene_filled ? 'is-verified' : '' }}">● {{ sirene_filled ? 'Vérifié' : 'À compléter' }}</span></header>
                <div class="supplier-create__body"><dl>
                    <div><dt>Nom</dt><dd data-supplier-form-target="summaryName">{{ data.name ?: '—' }}</dd></div>
                    <div><dt>Forme juridique</dt><dd data-supplier-form-target="summaryLegalForm">{{ data.legalForm ?: '—' }}</dd></div>
                    <div><dt>SIRET</dt><dd class="font-monospace" data-supplier-form-target="summarySiret">{{ data.legalIdentifier ?: '—' }}</dd></div>
                    <div><dt>SIREN</dt><dd class="font-monospace" data-supplier-form-target="summarySiren">{{ data.siren ?: '—' }}</dd></div>
                    <div><dt>Code NAF</dt><dd data-supplier-form-target="summaryNaf">{{ data.nafCode ?: '—' }}</dd></div>
                    <div><dt>Adresse complète</dt><dd style="white-space: pre-line" data-supplier-form-target="summaryAddress">{{ data.address ?: '—' }}{% if data.postalCode or data.city %}<br>{{ data.postalCode }} {{ data.city }}{% endif %}{% if data.department %}<br>{{ data.department }}{% endif %}</dd></div>
                    <div><dt>Statut légal</dt><dd><span class="supplier-create__legal-status"><i class="ti ti-circle-check-filled"></i> Établissement actif</span></dd></div>
                </dl><a class="supplier-create__external {{ data.siren ? '' : 'd-none' }}" href="https://annuaire-entreprises.data.gouv.fr/entreprise/{{ data.siren }}" target="_blank" rel="noopener" data-supplier-form-target="dataGouvLink"><i class="ti ti-external-link"></i> Consulter sur data.gouv.fr</a></div>
            </section>

            <section class="supplier-create__card supplier-create__duplicate {{ duplicate ? '' : 'd-none' }}" data-supplier-form-target="duplicateCard">
                <header><span><i class="ti ti-alert-triangle-filled"></i></span><h2>Doublons potentiels</h2></header>
                <div class="supplier-create__body"><p>Un fournisseur avec ce SIRET existe peut-être déjà dans Capsule.</p><div class="supplier-create__duplicate-item"><b data-supplier-form-target="duplicateInitial">{{ duplicate ? duplicate.nom|slice(0, 2)|upper : '' }}</b><span><strong data-supplier-form-target="duplicateName">{{ duplicate ? duplicate.nom : '' }}</strong><small class="font-monospace" data-supplier-form-target="duplicateIdentifier">{{ duplicate ? duplicate.legalIdentifier : '' }}</small></span><em data-supplier-form-target="duplicateStatus">{{ duplicate and not duplicate.deleted ? 'Actif' : 'Archivé' }}</em></div><a href="{{ duplicate ? path('commercial_supplier_edit', {idtoken: duplicate.idtoken}) : '#' }}" data-supplier-form-target="duplicateLink"><i class="ti ti-arrow-right"></i> Voir le fournisseur existant</a><div class="alert alert-info"><i class="ti ti-info-circle-filled"></i> Si ce fournisseur existe déjà, utilisez le fournisseur existant plutôt que d’en créer un nouveau.</div></div>
            </section>

            <section class="supplier-create__card supplier-create__tips"><header><i class="ti ti-help-circle-filled"></i><h2>Conseils</h2></header><div class="supplier-create__body"><p><i class="ti ti-circle-check-filled"></i> Utilisez la recherche SIRENE pour éviter les erreurs de saisie et garantir l’exactitude des données légales.</p><p><i class="ti ti-alert-triangle-filled"></i> Vérifiez toujours les doublons avant de créer un nouveau fournisseur.</p><p><i class="ti ti-info-circle-filled"></i> Un fournisseur créé peut ensuite être associé aux dépenses et ventilations de projets.</p></div></section>
        </aside>
    </div>

    <footer class="supplier-create__actions"><p><i class="ti ti-info-circle-filled"></i> Les champs marqués d’un <b>*</b> sont obligatoires.</p><div><a class="btn btn-outline-secondary" href="{{ path('commercial_supplier_index') }}"><i class="ti ti-x"></i> Annuler</a><button class="btn btn-primary" type="submit" form="supplier-create-form"><i class="ti ti-truck-delivery"></i> Créer le fournisseur</button></div></footer>
</div>
{% endblock %}