{{-- Sweet Works ERP | app/Modules/Warehouse/Resources/Views/receptions/show.blade.php | v1.2 | 30/09/2026 --}}
{{-- v1.2 — Recepción R1 (Puntos 1.3 y 2.5, hallazgos V1/V3 de VB-4): muestra tipo de documento +
     folio (o motivo si es "Sin Documento") — antes supplier_document se capturaba pero nunca se
     guardaba, esta pantalla no mostraba ningún documento. Muestra la zona sugerida por el sistema
     cuando difiere de la zona usada (auditoría, no bloquea nada). Si la recepción reemplaza una
     Anulada (mismo folio reutilizado), lo indica. --}}
{{-- v1.1 — Ventana Estructural VB-3 (Punto 4): agrega badge de estatus de recepción (antes no se
     mostraba en ninguna parte de esta vista, solo `result`) y botón Anular (con modal de motivo)
     cuando status_id=POSTED — no existía ningún flujo de anulación antes de esta entrega. --}}
{{-- v1.0 — Detalle de recepción con resultado de confrontación y lotes creados. --}}

@extends('layouts.vertical', ['pageTitle' => __('warehouse.reception-detail')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-clipboard-check"></i> {{ $reception->reception_number }}
        <small>{{ __('warehouse.gr-detail') }}</small>
    </h1>
    <div class="subheader-block d-lg-flex align-items-center">
        <a href="{{ route('warehouse.receptions.index') }}" class="btn btn-secondary btn-sm">
            <i class="fal fa-arrow-left me-1"></i> {{ __('warehouse.back-to-receptions') }}
        </a>
    </div>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    <i class="fal fa-check-circle me-2"></i>{{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="row">
    <div class="col-xl-8">
        {{-- Header info --}}
        <div class="panel mb-3">
            <div class="panel-container show">
                <div class="panel-content">
                    <div class="row g-3 align-items-center">
                        <div class="col-md-2">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.reception-status') }}</div>
                            <span class="badge fs-6" style="background-color:{{ $reception->receptionStatus?->color ?? '#6c757d' }};">
                                {{ $reception->receptionStatus?->name ?? $reception->status_label }}
                            </span>
                        </div>
                        <div class="col-md-2">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.result') }}</div>
                            <span class="badge bg-{{ $reception->result_color }} fs-6">
                                {{ ucfirst($reception->result) }}
                            </span>
                        </div>
                        <div class="col-md-2">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.po-reference') }}</div>
                            <div class="fw-bold">{{ $reception->purchase_order_number }}</div>
                        </div>
                        <div class="col-md-2">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.warehouse-zone') }}</div>
                            <div>{{ $reception->warehouse->code ?? '—' }} / {{ $reception->zone->code ?? '—' }}</div>
                        </div>
                        <div class="col-md-2">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.received-by') }}</div>
                            <div class="small">{{ $reception->receivedBy->name ?? '—' }}</div>
                        </div>
                        <div class="col-md-2">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.date') }}</div>
                            <div class="small">{{ $reception->received_at?->format('d/m/Y H:i') }}</div>
                        </div>
                    </div>
                    <hr class="my-2">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.document') }}</div>
                            <div>
                                <span class="badge" style="background-color:{{ $reception->deliveryDocumentType?->color ?? '#6c757d' }};">
                                    {{ $reception->deliveryDocumentType?->name ?? '—' }}
                                </span>
                                {{ $reception->supplier_document ?? $reception->no_document_reason ?? '—' }}
                            </div>
                            @if($reception->replacesReception)
                            <div class="form-text text-warning">
                                <i class="fal fa-recycle me-1"></i>{{ __('warehouse.replaces-reception', ['number' => $reception->replacesReception->reception_number]) }}
                            </div>
                            @endif
                        </div>
                        @if($reception->suggested_zone_id && $reception->suggested_zone_id !== $reception->zone_id)
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.suggested-zone-used') }}</div>
                            <div class="small text-warning">
                                <i class="fal fa-info-circle me-1"></i>
                                {{ __('warehouse.suggested-zone-note', ['suggested' => $reception->suggestedZone?->code, 'used' => $reception->zone->code]) }}
                            </div>
                        </div>
                        @endif
                    </div>
                    @can('warehouse.receptions.cancel')
                    @if($reception->status_id === \App\Modules\Warehouse\Models\WarehouseReceptionStatus::POSTED)
                    <div class="mt-3">
                        <button type="button" class="btn btn-outline-danger btn-sm" onclick="openCancelReceptionModal()">
                            <i class="fal fa-ban me-1"></i> {{ __('warehouse.cancel-reception') }}
                        </button>
                    </div>
                    @elseif($reception->status_id === \App\Modules\Warehouse\Models\WarehouseReceptionStatus::CANCELLED)
                    <div class="alert alert-dark py-2 px-3 small mt-3 mb-0">
                        {{ __('warehouse.cancelled-info', ['user' => $reception->cancelledBy?->name ?? '—', 'date' => $reception->cancelled_at?->format('d/m/Y H:i')]) }}
                        <br>{{ __('warehouse.reason') }}: {{ $reception->cancellation_reason }}
                    </div>
                    @endif
                    @endcan
                    <hr class="my-2">
                    <div class="row g-3">
                        <div class="col-md-3 text-center">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.ordered') }}</div>
                            <div class="h5 mb-0">{{ number_format($reception->quantity_ordered, 2) }}</div>
                        </div>
                        <div class="col-md-3 text-center">
                            <div class="text-xs text-muted fw-bold">{{ __('warehouse.received') }}</div>
                            <div class="h5 mb-0">{{ number_format($reception->quantity_received, 2) }}</div>
                        </div>
                        <div class="col-md-3 text-center">
                            <div class="text-xs text-muted fw-bold text-success">{{ __('warehouse.accepted') }}</div>
                            <div class="h5 mb-0 text-success fw-bold">{{ number_format($reception->quantity_accepted, 2) }}</div>
                        </div>
                        <div class="col-md-3 text-center">
                            <div class="text-xs text-muted fw-bold text-danger">{{ __('warehouse.rejected') }}</div>
                            <div class="h5 mb-0 text-danger">{{ number_format($reception->quantity_rejected, 2) }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Reglas de confrontación --}}
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-clipboard-check me-2"></i> {{ __('warehouse.inspection-results') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content p-0">
                    <table class="table table-sm mb-0">
                        <thead>
                            <tr>
                                <th>{{ __('warehouse.rule') }}</th>
                                <th class="text-center">{{ __('warehouse.result') }}</th>
                                <th class="text-end">{{ __('warehouse.lbl-expected') }}</th>
                                <th class="text-end">{{ __('warehouse.lbl-received') }}</th>
                                <th class="text-end">{{ __('warehouse.variance') }}</th>
                                <th>{{ __('warehouse.observations') }}</th>
                                <th class="text-center">{{ __('warehouse.photo') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($reception->details as $detail)
                            <tr>
                                <td>
                                    <div class="fw-bold small">{{ $detail->rule->rule_name ?? '—' }}</div>
                                    <div class="text-muted" style="font-size:10px;">{{ $detail->rule->rule_type_label ?? '' }}</div>
                                </td>
                                <td class="text-center">
                                    <span class="badge bg-{{ $detail->result_color }}">
                                        <i class="fal fa-{{ $detail->result_icon }} me-1"></i>
                                        {{ $detail->result_label }}
                                    </span>
                                </td>
                                <td class="text-end small">{{ $detail->value_expected ? number_format($detail->value_expected, 2) : '—' }}</td>
                                <td class="text-end small">{{ $detail->value_received ? number_format($detail->value_received, 2) : '—' }}</td>
                                <td class="text-end small {{ ($detail->variance ?? 0) < 0 ? 'text-danger' : '' }}">
                                    {{ $detail->variance !== null ? number_format($detail->variance, 2) : '—' }}
                                </td>
                                <td class="small text-muted">{{ $detail->observations ?? '—' }}</td>
                                <td class="text-center">
                                    @if($detail->photo_taken)
                                    <span class="badge bg-success" title="{{ $detail->photo_reference }}">
                                        <i class="fal fa-camera"></i> {{ __('warehouse.taken') }}
                                    </span>
                                    @else
                                    <span class="text-muted small">—</span>
                                    @endif
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted py-3 small">{{ __('warehouse.no-inspection-details') }}</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-4">
        {{-- Certificado --}}
        @if($reception->has_quality_cert)
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-certificate me-2 text-success"></i> {{ __('warehouse.quality-certificate') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <div class="mb-1"><span class="text-muted small">{{ __('warehouse.number-colon') }}</span> <strong>{{ $reception->cert_number ?? '—' }}</strong></div>
                    <div class="mb-1"><span class="text-muted small">{{ __('warehouse.date-colon') }}</span> {{ $reception->cert_date?->format('d/m/Y') ?? '—' }}</div>
                    @if($reception->cert_reference)
                    <div class="mb-0">
                        <span class="text-muted small">{{ __('warehouse.file-colon') }}</span>
                        <code class="small d-block mt-1 p-2 bg-light rounded">{{ $reception->cert_reference }}</code>
                    </div>
                    @endif
                </div>
            </div>
        </div>
        @endif

        {{-- Foto --}}
        @if($reception->photo_folder_reference)
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-camera me-2"></i> {{ __('warehouse.photo-evidence') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <code class="small d-block p-2 bg-light rounded">{{ $reception->photo_folder_reference }}</code>
                </div>
            </div>
        </div>
        @endif

        {{-- Notas --}}
        @if($reception->notes || $reception->rejection_reason)
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-sticky-note me-2"></i> {{ __('warehouse.notes') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    @if($reception->notes)
                    <p class="small mb-2">{{ $reception->notes }}</p>
                    @endif
                    @if($reception->rejection_reason)
                    <div class="alert alert-danger py-2 mb-0">
                        <strong>{{ __('warehouse.rejection-reason-colon') }}</strong> {{ $reception->rejection_reason }}
                    </div>
                    @endif
                </div>
            </div>
        </div>
        @endif
    </div>
</div>

@can('warehouse.receptions.cancel')
@if($reception->status_id === \App\Modules\Warehouse\Models\WarehouseReceptionStatus::POSTED)
<div class="modal fade" id="cancelReceptionModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form method="POST" action="{{ route('warehouse.receptions.cancel', $reception) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('warehouse.cancel-reception') }} — {{ $reception->reception_number }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="small text-muted">{{ __('warehouse.cancel-reception-help') }}</p>
                    <label class="form-label fw-bold small">{{ __('warehouse.reason') }} <span class="text-danger">*</span></label>
                    <textarea name="reason" class="form-control" rows="3" maxlength="500" required></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">{{ __('warehouse.close') }}</button>
                    <button type="submit" class="btn btn-danger btn-sm">{{ __('warehouse.confirm-cancel-reception') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endcan

@endsection

@section('scripts')
<script>
function openCancelReceptionModal() {
    bootstrap.Modal.getOrCreateInstance(document.getElementById('cancelReceptionModal')).show();
}
</script>
@endsection