{{-- Prix de l'intervention depuis l'adresse où elle a lieu : le LIEU saisi
     dans Gestan, sinon celle du client (gestan_inter_adresse). Rien à
     saisir. Calculé après l'affichage (géocodage + itinéraire, une ou deux
     secondes la première fois) pour ne pas retarder la fiche ; le trajet est
     ensuite en cache (TarifDeplacement). Attend $lieu.
     Un bloc de la colonne de droite de show, sous le lieu. --}}
@php
    $tarifAdresse = [
        'adresse'     => $lieu['adresse'],
        'code_postal' => $lieu['code_postal'],
        'ville'       => $lieu['ville'],
    ];
@endphp

@if ($tarifAdresse['ville'] !== '' || $tarifAdresse['code_postal'] !== '')
    <div class="card fiche-bloc">
        <div class="fiche-bloc-titre">{{ __("Prix de l'intervention") }}</div>
        <div id="tarif-inter" data-url="{{ route('interventions.tarifs.calculer') }}"
            data-adresse='@json($tarifAdresse)'>
            <div class="row g-2 tarif-inter-montants">
                <div class="col-4">
                    <div class="small text-muted">{{ __('Forfait') }}</div>
                    <div class="fw-semibold" data-tarif="forfait">…</div>
                </div>
                <div class="col-4">
                    <div class="small text-muted">{{ __('Non client') }}</div>
                    <div class="fw-semibold" data-tarif="non_client">…</div>
                </div>
                <div class="col-4">
                    <div class="small text-muted">{{ __('Distance') }}</div>
                    <div class="fw-semibold" data-tarif="distance">…</div>
                </div>
            </div>
            <div class="small mt-1" data-tarif="message">
                <span class="text-muted">{{ __("Calcul de l'itinéraire…") }}</span>
            </div>
            <a href="{{ route('interventions.tarifs', $tarifAdresse) }}" class="small">
                <i class="bi bi-map"></i> {{ __('Voir le trajet') }}
            </a>
        </div>
    </div>

    @push('scripts')
        <script>
            (function () {
                var td = document.getElementById('tarif-inter');
                if (!td) {
                    return;
                }
                var euros = new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR' });
                var champ = function (nom) { return td.querySelector('[data-tarif="' + nom + '"]'); };
                var message = function (texte, classe) {
                    champ('message').innerHTML = '';
                    var span = document.createElement('span');
                    span.className = classe;
                    span.textContent = texte;
                    champ('message').appendChild(span);
                };

                var corps = new FormData();
                corps.append('_token', @json(csrf_token()));
                var adresse = JSON.parse(td.dataset.adresse);
                Object.keys(adresse).forEach(function (k) { corps.append(k, adresse[k]); });

                fetch(td.dataset.url, { method: 'POST', headers: { 'Accept': 'application/json' }, body: corps })
                    .then(function (r) {
                        return r.json().then(function (data) { return { ok: r.ok, data: data }; });
                    })
                    .then(function (res) {
                        if (!res.ok) {
                            throw new Error(res.data.message || '');
                        }
                        champ('forfait').textContent = euros.format(res.data.forfait);
                        champ('non_client').textContent = euros.format(res.data.non_client);
                        champ('distance').textContent = res.data.distance + ' km';
                        // L'adresse retenue, pour repérer un géocodage à côté.
                        message(@json(__('Adresse retenue :')) + ' ' + res.data.adresse, 'text-muted');
                    })
                    .catch(function (e) {
                        ['forfait', 'non_client', 'distance'].forEach(function (n) { champ(n).textContent = '—'; });
                        message(e.message || @json(__('Le calcul a échoué, réessayez dans un instant.')), 'text-danger');
                    });
            })();
        </script>
    @endpush
@endif