{{--
    Rendu lisible (mobile-first) des infos API d'un log ($infos = new_values['infos_api']).
    Formes gérées :
      - Planning : { client:{}, devis:[], interventions:[] }
      - Rapport  : { intervention:{ id, libelle, secteur, client } }
    Cartes empilées, aucun tableau (pas de scroll horizontal sur mobile).
--}}
@php $i = $infos ?? []; @endphp

<div class="d-flex flex-column gap-2">

    {{-- ===== CLIENT (en premier) ===== --}}
    @if (!empty($i['client']))
        @php
            $c = $i['client'];
            $clientMeta = array_filter([
                $c['ville'] ?? null,
                !empty($c['id']) ? '#' . $c['id'] : null,
            ]);
        @endphp
        <div class="border rounded p-2">
            <span class="badge bg-primary">Client</span>
            <div class="fw-semibold mt-1">{{ $c['raison_sociale'] ?? '—' }}</div>
            @if (!empty($clientMeta))
                <div class="text-muted small">{{ implode(' · ', $clientMeta) }}</div>
            @endif
        </div>
    @endif

    {{-- ===== DEVIS ===== --}}
    @if (!empty($i['devis']))
        <div>
            <span class="badge bg-info text-dark">Devis ({{ count($i['devis']) }})</span>
            <div class="d-flex flex-column gap-1 mt-1">
                @foreach ($i['devis'] as $d)
                    <div class="border rounded p-2">
                        <div class="fw-semibold">
                            #{{ $d['id'] ?? '—' }}
                            @if (!empty($d['reference']))
                                <span class="text-muted small">({{ $d['reference'] }})</span>
                            @endif
                        </div>
                        @if (!empty($d['nature']))
                            <div class="small">{{ $d['nature'] }}</div>
                        @endif
                        @if (!empty($d['ville']))
                            <div class="text-muted small">{{ $d['ville'] }}</div>
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    {{-- ===== INTERVENTIONS (planning) ===== --}}
    @if (!empty($i['interventions']))
        <div>
            <span class="badge bg-success">Interventions ({{ count($i['interventions']) }})</span>
            <div class="d-flex flex-column gap-1 mt-1">
                @foreach ($i['interventions'] as $it)
                    <div class="border rounded p-2">
                        <div class="fw-semibold">#{{ $it['id'] ?? '—' }}</div>
                        @if (!empty($it['libelle']))
                            <div class="small">{{ $it['libelle'] }}</div>
                        @endif
                        @if (!empty($it['secteur']))
                            <span class="badge bg-secondary">{{ $it['secteur'] }}</span>
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    {{-- ===== INTERVENTION unique (rapport) ===== --}}
    @if (!empty($i['intervention']))
        @php
            $it = $i['intervention'];
            $titre = '#' . ($it['id'] ?? '—') . (!empty($it['libelle']) ? ' — ' . $it['libelle'] : '');
            $interMeta = array_filter([$it['client'] ?? null, $it['secteur'] ?? null]);
        @endphp
        <div class="border rounded p-2">
            <span class="badge bg-success">Intervention</span>
            <div class="fw-semibold mt-1">{{ $titre }}</div>
            @if (!empty($interMeta))
                <div class="text-muted small">{{ implode(' · ', $interMeta) }}</div>
            @endif
        </div>
    @endif

</div>