@extends('layouts.admin')

@section('title', 'Pedidos')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Pedidos</h1>
        <p class="text-secondary mb-0">Gestión de pedidos de venta</p>
    </div>
    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#modalNewOrder">
        <i class="bi bi-plus-lg"></i> Nuevo pedido
    </button>
</div>

@if(session('status'))
    <div class="alert alert-success">{{ session('status') }}</div>
@endif

<div class="card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>Número</th>
                    <th>Cliente</th>
                    <th>Pago</th>
                    <th>Total</th>
                    <th>Estado</th>
                    <th>Factura</th>
                    <th class="text-end">Acciones</th>
                </tr>
            </thead>
            <tbody>
                @forelse($orders as $o)
                    @php
                        $canGuide = ! in_array($o->status->value, ['DRAFT', 'CANCELLED', 'REJECTED'], true);
                        $canCancel = ! in_array($o->status->value, ['CANCELLED', 'REJECTED'], true);
                        $canDelete = true;
                        $canConfirm = in_array($o->status->value, ['DRAFT', 'PENDING_CONFIRMATION'], true);
                        $canEdit = ! in_array($o->status->value, ['DELIVERED', 'CANCELLED', 'REJECTED'], true) && ! $o->tracking_locked_at;
                        $canUnlock = $o->tracking_locked_at && $o->status->value !== 'DELIVERED';
                        $canBill = auth()->user()->hasPermission('billing.emit')
                            && in_array($o->status->value, ['CONFIRMED', 'PREPARING', 'IN_TRANSIT', 'DELIVERED'], true)
                            && ! $o->electronicInvoice
                            && \App\Services\ElectronicBilling\BillingSettings::enabled();
                        $wipeMsg = 'Se revertirá inventario, ventas, pagos, caja y entrega. ¿Continuar?';
                    @endphp
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ $o->number }}</div>
                            <div class="small text-secondary">{{ $o->seller?->name }}</div>
                        </td>
                        <td>{{ $o->client->business_name }}</td>
                        <td class="small">{{ $o->paymentMethodLabel() }}</td>
                        <td>${{ number_format((float) $o->total, 2) }}</td>
                        <td><span class="badge text-bg-secondary">{{ $o->statusLabel() }}</span></td>
                        <td>@include('partials.invoice-status', ['order' => $o, 'compact' => true])</td>
                        <td class="text-nowrap text-end">
                            <div class="d-inline-flex flex-wrap justify-content-end gap-1 align-items-center">
                                <a class="btn btn-sm btn-outline-primary" href="{{ route('orders.show', $o) }}">Ver</a>

                                @if($canUnlock)
                                    <form class="d-inline" method="POST" action="{{ route('orders.unlock-tracking', $o) }}">
                                        @csrf
                                        <button class="btn btn-sm btn-warning" type="submit" onclick="return confirm('¿Reabrir portal QR?')">Reabrir portal</button>
                                    </form>
                                @endif

                                @if($canGuide)
                                    <button type="button" class="btn btn-sm btn-outline-dark js-pos-print"
                                        data-order-id="{{ $o->id }}"
                                        data-order-label="{{ $o->number }}">
                                        Guía POS
                                    </button>
                                @endif

                                <div class="dropdown">
                                    <button type="button"
                                        class="btn btn-sm btn-secondary dropdown-toggle"
                                        data-bs-toggle="dropdown"
                                        data-bs-boundary="viewport"
                                        aria-expanded="false">
                                        Más
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end shadow">
                                        @if($o->tracking_token)
                                            <li>
                                                <a class="dropdown-item" href="{{ $o->trackingUrl() }}" target="_blank">
                                                    <i class="bi bi-qr-code me-2"></i>Portal
                                                </a>
                                            </li>
                                        @endif
                                        @if($canEdit)
                                            <li>
                                                <a class="dropdown-item" href="{{ route('orders.edit', $o) }}">
                                                    <i class="bi bi-pencil me-2"></i>Editar
                                                </a>
                                            </li>
                                        @endif
                                        @if($canConfirm)
                                            <li>
                                                <a class="dropdown-item" href="{{ route('orders.confirm.form', $o) }}">
                                                    <i class="bi bi-check2-circle me-2"></i>Confirmar
                                                </a>
                                            </li>
                                        @endif
                                        @if($canBill)
                                            <li>
                                                <a class="dropdown-item" href="{{ route('billing.orders.emit.preview', $o) }}">
                                                    <i class="bi bi-receipt me-2"></i>Facturar
                                                </a>
                                            </li>
                                        @elseif($o->electronicInvoice)
                                            <li>
                                                <a class="dropdown-item" href="{{ route('billing.show', $o->electronicInvoice) }}">
                                                    <i class="bi bi-receipt me-2"></i>Ver factura
                                                </a>
                                            </li>
                                        @endif
                                        @if(($canCancel || $canDelete) && ($o->tracking_token || $canEdit || $canConfirm || $canBill || $o->electronicInvoice))
                                            <li><hr class="dropdown-divider"></li>
                                        @endif
                                        @if($canCancel)
                                            <li>
                                                <form method="POST" action="{{ route('orders.cancel', $o) }}"
                                                    onsubmit="return confirm('¿Cancelar pedido?\n\n{{ $wipeMsg }}')">
                                                    @csrf
                                                    <button class="dropdown-item text-warning" type="submit">
                                                        <i class="bi bi-x-circle me-2"></i>Cancelar
                                                    </button>
                                                </form>
                                            </li>
                                        @endif
                                        @if($canDelete)
                                            <li>
                                                <form method="POST" action="{{ route('orders.destroy', $o) }}"
                                                    onsubmit="return confirm('¿Eliminar pedido por completo?\n\n{{ $wipeMsg }}')">
                                                    @csrf @method('DELETE')
                                                    <button class="dropdown-item text-danger" type="submit">
                                                        <i class="bi bi-trash me-2"></i>Eliminar
                                                    </button>
                                                </form>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center py-5 text-secondary">No hay pedidos registrados.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($orders->hasPages())
        <div class="card-footer">{{ $orders->links() }}</div>
    @endif
</div>

@include('orders.partials.modal-nuevo-pedido')
@endsection

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

@push('scripts')
<script src="{{ asset('js/pos-print.js') }}?v=20260820f"></script>
@if(session('pos_print_order_id'))
<script>
document.addEventListener('DOMContentLoaded', () => {
    PosPrint.open({{ (int) session('pos_print_order_id') }}, {
        label: @json(session('pos_print_order_number')),
        autoPrint: true,
    });
});
</script>
@endif
<script>
(() => {
    document.querySelectorAll('.table .dropdown-toggle').forEach((btn) => {
        bootstrap.Dropdown.getOrCreateInstance(btn, {
            popperConfig(defaultConfig) {
                return {
                    ...defaultConfig,
                    strategy: 'fixed',
                    modifiers: [
                        ...(defaultConfig.modifiers || []),
                        { name: 'preventOverflow', options: { boundary: 'viewport' } },
                    ],
                };
            },
        });
    });
})();
</script>
@endpush