@extends('layouts.app', ['title' => 'Solicitudes de edición'])

@section('content')
@php
    $actionText = fn ($action) => match ($action) {
        'delete' => 'Eliminar',
        'cancel' => 'Cancelar',
        default => 'Editar',
    };
    $statusClass = fn ($status) => match ($status) {
        'approved' => 'green',
        'denied' => 'red',
        default => 'yellow',
    };
    $statusText = fn ($status) => match ($status) {
        'approved' => 'Aprobada',
        'denied' => 'Rechazada',
        default => 'Pendiente',
    };
    $fmtVal = function ($x) {
        if ($x === null || $x === '') return '—';
        if (is_array($x)) return \Illuminate\Support\Str::limit(json_encode($x, JSON_UNESCAPED_UNICODE), 60);
        return \Illuminate\Support\Str::limit((string) $x, 60);
    };
    $norm = fn ($x) => is_array($x) ? json_encode($x) : (string) ($x ?? '');
    $changesOf = function ($approval) use ($norm) {
        $payload = is_array($approval->payload) ? $approval->payload : [];
        $before = is_array($approval->before) ? $approval->before : [];
        $changes = [];
        foreach ($payload as $k => $v) {
            if (in_array($k, ['_token', '_method', 'cancellation_reason'], true)) continue;
            $old = $before[$k] ?? null;
            if ($norm($old) !== $norm($v)) $changes[$k] = [$old, $v];
        }
        return $changes;
    };
@endphp

<div class="card">
    <div class="card-head">
        <div>
            <h3>Solicitudes de edición, cancelación o eliminación</h3>
            <p class="sub">Autoriza acciones puntuales para usuarios que no son administradores. Cada solicitud debe incluir el motivo capturado por el usuario.</p>
        </div>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Solicitante</th>
                    <th>Acción</th>
                    <th>Registro</th>
                    <th>Motivo</th>
                    <th>Estado</th>
                    <th>Fecha</th>
                    <th>Atendida por</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            @forelse($requests as $approval)
                <tr>
                    <td>
                        <strong>{{ $approval->user?->name ?? 'Usuario eliminado' }}</strong>
                        <div class="sub">{{ $approval->user?->role ?? '—' }}</div>
                    </td>
                    <td>{{ $actionText($approval->action) }}</td>
                    <td style="max-width:340px">
                        <strong>{{ $approval->target_label ?: ($approval->target_type.' #'.$approval->target_id) }}</strong>
                        <div class="sub">{{ $approval->route_name ?: '—' }}</div>
                        @php $changes = $approval->action !== 'cancel' ? $changesOf($approval) : []; @endphp
                        @if($changes)
                            <details style="margin-top:6px">
                                <summary style="cursor:pointer;color:var(--gold-dark);font-size:12px;font-weight:800">Ver cambios ({{ count($changes) }})</summary>
                                <table style="margin-top:6px;font-size:12px;width:100%">
                                    <thead><tr><th>Campo</th><th>Antes</th><th>Nuevo</th></tr></thead>
                                    <tbody>
                                    @foreach($changes as $field => $pair)
                                        <tr>
                                            <td><strong>{{ $field }}</strong></td>
                                            <td style="color:var(--danger)">{{ $fmtVal($pair[0]) }}</td>
                                            <td style="color:var(--success)">{{ $fmtVal($pair[1]) }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </details>
                        @endif
                    </td>
                    <td style="max-width:320px">
                        {{ $approval->notes ?: 'Sin motivo registrado' }}
                        @if(!empty($approval->details))
                            <div class="sub" style="margin-top:6px;line-height:1.45"><strong>Detalle:</strong> {{ $approval->details }}</div>
                        @endif
                    </td>
                    <td>
                        <span class="badge {{ $statusClass($approval->status) }}">{{ $statusText($approval->status) }}</span>
                        @if($approval->applied)<div class="sub" style="color:var(--success);margin-top:3px"><i class="fa-solid fa-bolt"></i> Aplicada automáticamente</div>@endif
                    </td>
                    <td>{{ optional($approval->created_at)->format('d/m/Y H:i') }}</td>
                    <td>
                        {{ $approval->approver?->name ?? '—' }}
                        @if($approval->used_at)
                            <div class="sub">Usada: {{ $approval->used_at->format('d/m/Y H:i') }}</div>
                        @endif
                    </td>
                    <td style="text-align:right">
                        @if($approval->status === 'pending')
                            <div class="row" style="justify-content:flex-end;gap:8px">
                                <form method="post" action="{{ route('edit-approvals.approve', $approval) }}">
                                    @csrf @method('PATCH')
                                    <button class="btn btn-success btn-sm" type="submit"><i class="fa-solid fa-check"></i> Aprobar</button>
                                </form>
                                <form method="post" action="{{ route('edit-approvals.deny', $approval) }}">
                                    @csrf @method('PATCH')
                                    <button class="btn btn-danger btn-sm" type="submit"><i class="fa-solid fa-xmark"></i> Rechazar</button>
                                </form>
                            </div>
                        @else
                            <span class="sub">Atendida</span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="8" style="text-align:center;color:var(--muted);padding:24px">No hay solicitudes registradas.</td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:14px">{{ $requests->links() }}</div>
</div>
@endsection