@extends('back.layout.app')
@section('title', config('app.name') . ' - Résolution des conflits')

@php $breadcrumb = 'crm.media'; @endphp

@section('content')

<div class="kt-container-fixed">
    <div class="flex flex-wrap items-center justify-between gap-5 pb-7.5">
        <div class="flex flex-col gap-2">
            <h1 class="text-xl font-medium leading-none text-mono">Résolution des conflits</h1>
            <div class="flex items-center gap-2 text-sm text-secondary-foreground">
                Plusieurs médias partagent les mêmes types — choisissez quelles données conserver.
            </div>
        </div>
        <a href="{{ route('admin.crm.media.consolidation') }}" class="kt-btn kt-btn-outline">
            <i class="ki-outline ki-arrow-left"></i> Annuler
        </a>
    </div>
</div>

<div class="kt-container-fixed">

    <div class="kt-alert kt-alert-light kt-alert-warning mb-5">
        <i class="ki-outline ki-information text-warning"></i>
        <div>
            Maître sélectionné : <strong>{{ $masterName }}</strong>.
            Pour chaque type en conflit, sélectionnez la source dont vous souhaitez conserver les données.
        </div>
    </div>

    <form method="POST" action="{{ route('admin.crm.media.consolidation.resolve') }}">
        @csrf
        <input type="hidden" name="master_id" value="{{ $masterId }}">
        @foreach($duplicateIds as $dupId)
        <input type="hidden" name="duplicate_ids[]" value="{{ $dupId }}">
        @endforeach

        <div class="flex flex-col gap-5">
            @foreach($conflictData as $conflict)
            <div class="kt-card">
                <div class="kt-card-header min-h-14 px-5">
                    <div class="flex items-center gap-2">
                        <span class="kt-badge kt-badge-outline kt-badge-primary">{{ $conflict['type_name'] }}</span>
                        <span class="text-sm text-secondary-foreground">Choisir la source à conserver</span>
                    </div>
                </div>
                @php
                    $dataFields = [
                        'name'         => 'Nom spécifique',
                        'audience'     => 'Audience',
                        'key_metrics'  => 'Chiffres clés',
                        'informations' => 'Informations',
                        'contribution' => 'Apport du média',
                        'presentation' => 'Présentation',
                    ];
                    // Valeur par défaut : premier candidat ayant une valeur pour ce champ
                    $initSelected = [];
                    foreach ($dataFields as $fKey => $_) {
                        $initSelected[$fKey] = $conflict['candidates'][0]['id'];
                        foreach ($conflict['candidates'] as $c) {
                            if (!empty($c[$fKey])) { $initSelected[$fKey] = $c['id']; break; }
                        }
                    }
                @endphp
                <div class="kt-card-content p-0" x-data="{ selected: {{ Js::from($initSelected) }} }">
                    <div class="kt-table-wrapper kt-scrollable">
                        <table class="kt-table">
                            <thead>
                                <tr>
                                    <th class="w-36 text-xs font-semibold uppercase text-secondary-foreground">Champ</th>
                                    @foreach($conflict['candidates'] as $candidate)
                                    <th class="text-xs font-semibold uppercase text-secondary-foreground">
                                        <div class="flex items-center gap-2">
                                            {{ $candidate['name'] }}
                                            @if($candidate['is_master'])
                                            <span class="kt-badge kt-badge-xs kt-badge-outline kt-badge-success">Maître</span>
                                            @endif
                                        </div>
                                    </th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($dataFields as $fKey => $fLabel)
                                @php
                                    $hasAnyValue = collect($conflict['candidates'])->contains(fn($c) => !empty($c[$fKey]));
                                @endphp
                                @if($hasAnyValue)
                                <tr>
                                    <td class="text-xs font-medium text-mono text-secondary-foreground">{{ $fLabel }}</td>
                                    @foreach($conflict['candidates'] as $candidate)
                                    <td class="align-top">
                                        <label class="flex items-start gap-2 cursor-pointer"
                                               @click="selected['{{ $fKey }}'] = {{ $candidate['id'] }}">
                                            <input type="radio"
                                                name="conflict_resolution[{{ $conflict['type_id'] }}][{{ $fKey }}]"
                                                value="{{ $candidate['id'] }}"
                                                x-bind:checked="selected['{{ $fKey }}'] === {{ $candidate['id'] }}"
                                                class="mt-0.5 kt-radio shrink-0">
                                            <div class="flex-1 min-w-0"
                                                 :class="selected['{{ $fKey }}'] === {{ $candidate['id'] }} ? 'text-primary' : 'text-secondary-foreground'">
                                                @if(!empty($candidate[$fKey]))
                                                    @if($fKey === 'presentation')
                                                    <div class="max-h-48 overflow-y-auto text-xs rounded border p-2 leading-relaxed"
                                                         :class="selected['{{ $fKey }}'] === {{ $candidate['id'] }} ? 'border-primary/40' : 'border-border/50'">
                                                        {!! $candidate[$fKey] !!}
                                                    </div>
                                                    @elseif(in_array($fKey, ['informations', 'contribution']))
                                                    <p class="text-xs whitespace-pre-wrap leading-relaxed">{{ $candidate[$fKey] }}</p>
                                                    @else
                                                    <span class="text-xs font-medium">{{ $candidate[$fKey] }}</span>
                                                    @endif
                                                @else
                                                    <em class="text-xs text-muted-foreground">—</em>
                                                @endif
                                            </div>
                                        </label>
                                    </td>
                                    @endforeach
                                </tr>
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            @endforeach
        </div>

        <div class="flex justify-end gap-3 mt-5">
            <a href="{{ route('admin.crm.media.consolidation') }}" class="kt-btn kt-btn-outline">
                Annuler
            </a>
            <x-ui.loading-button type="submit" class="kt-btn-primary" loadingText="{{ __('ui.states.saving') }}">
                <i class="ki-outline ki-arrows-circle"></i>
                Confirmer la consolidation
            </x-ui.loading-button>
        </div>
    </form>

</div>

@endsection