@extends('layouts.admin')

@section('title', 'Pedido '.$order->number)

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">{{ $order->number }}</h1>
        <p class="text-secondary mb-0">{{ $order->client?->business_name }} · {{ $order->statusLabel() }}</p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a class="btn btn-outline-secondary" href="{{ route('orders.index') }}">Volver</a>
        @if($order->tracking_locked_at && $order->status->value !== 'DELIVERED')
            <form method="POST" action="{{ route('orders.unlock-tracking', $order) }}" class="d-inline"
                onsubmit="return confirm('¿Reabrir el portal QR para que el despachador pueda continuar?')">
                @csrf
                <button class="btn btn-warning" type="submit"><i class="bi bi-unlock"></i> Reabrir portal</button>
            </form>
        @endif
        @if(! in_array($order->status->value, ['DRAFT', 'CANCELLED', 'REJECTED'], true))
            <button type="button" class="btn btn-outline-dark js-pos-print"
                data-order-id="{{ $order->id }}"
                data-order-label="{{ $order->number }}">
                <i class="bi bi-printer"></i> Guía POS
            </button>
        @endif
        @if($order->canEmitInvoice() && auth()->user()->hasPermission('billing.emit'))
            <a class="btn btn-primary" href="{{ route('billing.orders.emit.preview', $order) }}">
                <i class="bi bi-receipt"></i> Facturar
            </a>
        @elseif($order->activeElectronicInvoice())
            <a class="btn btn-outline-success" href="{{ route('billing.show', $order->activeElectronicInvoice()) }}">
                <i class="bi bi-receipt"></i> Ver factura
            </a>
        @endif
        <div class="btn-group">
            <button type="button" class="btn btn-outline-secondary dropdown-toggle"
                data-bs-toggle="dropdown"
                data-bs-popper-config='{"strategy":"fixed"}'
                aria-expanded="false">Más</button>
            <ul class="dropdown-menu dropdown-menu-end shadow">
                @if($order->tracking_token)
                    <li><a class="dropdown-item" href="{{ $order->trackingUrl() }}" target="_blank"><i class="bi bi-qr-code me-2"></i>Portal</a></li>
                @endif
                @if(! in_array($order->status->value, ['DELIVERED', 'CANCELLED', 'REJECTED'], true) && ! $order->tracking_locked_at)
                    <li><a class="dropdown-item" href="{{ route('orders.edit', $order) }}"><i class="bi bi-pencil me-2"></i>Editar</a></li>
                @endif
                @if(! in_array($order->status->value, ['CANCELLED', 'REJECTED'], true))
                    <li><hr class="dropdown-divider"></li>
                    <li>
                        <form method="POST" action="{{ route('orders.cancel', $order) }}"
                            onsubmit="return confirm('¿Cancelar pedido?\n\nSe revertirá inventario, ventas, pagos, caja y entrega.')">
                            @csrf
                            <button class="dropdown-item text-warning" type="submit"><i class="bi bi-x-circle me-2"></i>Cancelar</button>
                        </form>
                    </li>
                @endif
                <li>
                    <form method="POST" action="{{ route('orders.destroy', $order) }}"
                        onsubmit="return confirm('¿Eliminar pedido por completo?\n\nSe revertirá inventario, ventas, pagos, caja y entrega.')">
                        @csrf @method('DELETE')
                        <button class="dropdown-item text-danger" type="submit"><i class="bi bi-trash me-2"></i>Eliminar</button>
                    </form>
                </li>
            </ul>
        </div>
    </div>
</div>

@if($order->tracking_locked_at && $order->status->value !== 'DELIVERED')
    <div class="alert alert-warning">
        <strong>Portal bloqueado</strong>
        ({{ $order->statusLabel() }})
        @if($order->tracking_outcome_notes)
            · Motivo: {{ $order->tracking_outcome_notes }}
        @endif
        <div class="small mt-1">Use <em>Reabrir portal</em> para permitir que el despachador continúe.</div>
    </div>
@endif

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card mb-3">
            <div class="card-header bg-white fw-semibold">Productos</div>
            <div class="table-responsive">
                <table class="table mb-0 align-middle">
                    <thead><tr><th>Producto</th><th>Cantidad</th><th>Precio</th><th>IVA</th><th>Total</th></tr></thead>
                    <tbody>
                        @foreach($order->items as $item)
                            <tr>
                                <td>{{ $item->product?->name }}</td>
                                <td>{{ $item->quantityLabel() }}</td>
                                <td>${{ number_format((float) ($item->price_entered ?? $item->unit_sale_price), 4) }}</td>
                                <td>${{ number_format((float) $item->tax_total, 2) }}</td>
                                <td>${{ number_format((float) $item->total, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr><td colspan="4" class="text-end">Subtotal</td><td>${{ number_format((float) $order->subtotal, 2) }}</td></tr>
                        <tr><td colspan="4" class="text-end">IVA</td><td>${{ number_format((float) $order->tax_total, 2) }}</td></tr>
                        <tr><td colspan="4" class="text-end fw-bold">Total</td><td class="fw-bold">${{ number_format((float) $order->total, 2) }}</td></tr>
                    </tfoot>
                </table>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header bg-white fw-semibold">Historial</div>
            <ul class="list-group list-group-flush">
                @forelse($order->histories->sortByDesc('created_at') as $h)
                    <li class="list-group-item small">
                        <strong>{{ $h->toStatusLabel() }}</strong>
                        @if($h->from_status) <span class="text-secondary">desde {{ $h->fromStatusLabel() }}</span>@endif
                        · {{ $h->created_at?->format('d/m/Y H:i') }}
                        @if($h->notes)<div class="text-secondary">{{ $h->notes }}</div>@endif
                    </li>
                @empty
                    <li class="list-group-item text-secondary">Sin historial</li>
                @endforelse
            </ul>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-body">
                <div class="text-secondary small mb-1">Facturación electrónica</div>
                @include('partials.invoice-status', ['order' => $order])
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-body">
                <div class="text-secondary small">Datos del comprador</div>
                <div class="fw-semibold">{{ $order->buyer_legal_name }}</div>
                <div>{{ $order->buyer_tax_id }}</div>
                <div>{{ $order->buyer_email }}</div>
                <div>{{ $order->buyer_phone }}</div>
                <div class="mt-2">{{ $order->buyer_address }}</div>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-body">
                <div class="text-secondary small">Pago</div>
                <div class="fw-semibold">{{ $order->paymentMethodLabel() }}</div>
                <div>{{ $order->financialStatusLabel() }}</div>
                @if($order->payment_reference)<div>Ref: {{ $order->payment_reference }}</div>@endif
                @if($order->payment_notes)<div class="small text-secondary">{{ $order->payment_notes }}</div>@endif
                @if($order->payments->isNotEmpty())
                    <hr class="my-2">
                    <div class="small text-secondary mb-1">Pagos registrados</div>
                    @foreach($order->payments as $pay)
                        <div class="d-flex justify-content-between small">
                            <a href="{{ route('payments.show', $pay) }}">{{ $pay->number }}</a>
                            <span>${{ number_format((float) $pay->amount, 2) }}</span>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
        @if($order->delivery)
            <div class="card mb-3">
                <div class="card-body">
                    <div class="text-secondary small">Entrega</div>
                    <div><a href="{{ route('deliveries.show', $order->delivery) }}">{{ $order->delivery->number }}</a></div>
                    <div>{{ $order->delivery->statusLabel() }}</div>
                    <div>{{ $order->delivery->driverLabel() }}</div>
                </div>
            </div>
        @endif
        @if($order->notes || $order->internal_notes)
            <div class="card mb-3">
                <div class="card-body small">
                    @if($order->notes)<div><strong>Cliente:</strong> {{ $order->notes }}</div>@endif
                    @if($order->internal_notes)<div class="mt-2"><strong>Internas:</strong> {{ $order->internal_notes }}</div>@endif
                </div>
            </div>
        @endif
    </div>
</div>

@endsection

@push('modals')
@include('orders.partials.modal-pos-print')
@endpush

@push('scripts')
<script src="{{ asset('js/pos-print.js') }}?v=20260820f"></script>
@endpush