{{-- New-Unity ERP | sales/orders/show.blade.php | v2.1 | 26/06/2026 --}}
{{-- v2.1 — Dirección/contacto editables, botón PDF, textos en inglés. --}}
@extends('layouts.vertical')

@section('content')
<div class="container-fluid">

    {{-- Header --}}
    <div class="d-flex justify-content-between align-items-center mb-2">
        <div>
            <h1 class="h4 mb-0">
                <i class="fad fa-clipboard-list me-2 text-primary"></i>{{ $order->folDisplay() }}
            </h1>
            <nav><ol class="breadcrumb mb-0 small">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Unity ERP</a></li>
                <li class="breadcrumb-item"><a href="{{ route('sales.orders.index') }}">{{ __('orders.sales_orders') }}</a></li>
                <li class="breadcrumb-item active">{{ $order->folDisplay() }}</li>
            </ol></nav>
        </div>
        <div class="d-flex gap-2">
            {{-- PDF Button --}}
            <a href="{{ route('sales.orders.pdf', $order) }}" target="_blank" class="btn btn-sm btn-outline-danger">
                <i class="fas fa-file-pdf me-1"></i>PDF
            </a>
            @if($order->status === 'confirmed' || $order->status === 'in_process')
            <form action="{{ route('deliveries.create-from-order') }}" method="POST" class="d-inline">
                @csrf
                <input type="hidden" name="sales_order_id" value="{{ $order->id }}">
                <button type="submit" class="btn btn-sm btn-success">
                    <i class="fas fa-truck me-1"></i> {{ __('orders.create_delivery') }}
                </button>
            </form>
            @endif
            @if(in_array($order->status, ['confirmed', 'in_process']))
            @php
                // Verificar stock disponible para todos los items
                $hasStock = true;
                foreach($order->products as $item) {
                    $available = \App\Modules\Warehouse\Models\WarehouseInventory
                        ::where('product_id', $item->product_id)
                        ->sum('quantity_available');
                    if ($available < $item->quantity) { $hasStock = false; break; }
                }
                // Verificar que no exista delivery activa
                $activeDelivery = \App\Modules\Deliveries\Models\Delivery
                    ::where('sales_order_id', $order->id)
                    ->whereNotIn('status', ['cancelled', 'invoiced'])
                    ->first();
            @endphp
            @if($activeDelivery)
            <a href="{{ route('deliveries.show', $activeDelivery) }}" class="btn btn-sm btn-primary">
                <i class="fas fa-truck me-1"></i> {{ __('orders.view_delivery') }} {{ $activeDelivery->delivery_number }}
            </a>
            @elseif($hasStock)
            <form action="{{ route('deliveries.create-from-order') }}" method="POST" class="d-inline">
                @csrf
                <input type="hidden" name="sales_order_id" value="{{ $order->id }}">
                <button type="submit" class="btn btn-sm btn-success fw-bold">
                    <i class="fas fa-truck me-1"></i> {{ __('orders.create_delivery') }}
                </button>
            </form>
            @else
            <button type="button" class="btn btn-sm btn-warning" disabled title="{{ __('orders.insufficient_stock') }}">
                <i class="fas fa-exclamation-triangle me-1"></i> {{ __('orders.no_stock_available') }}
            </button>
            @endif
            @endif
            <a href="{{ route('sales.orders.index') }}" class="btn btn-sm btn-secondary">
                <i class="fas fa-arrow-left me-1"></i>{{ __('orders.back') }}
            </a>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show py-2">
            {{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show py-2">
            {{ session('error') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    {{-- Customer Info --}}
    <div class="card mb-3">
        <div class="card-header py-2 d-flex justify-content-between align-items-center"
             style="background-color:{{ $order->statusColor() }};">
            <h6 class="mb-0 text-white"><i class="fad fa-user-circle me-2"></i>{{ __('orders.customer_information') }}</h6>
            <div class="d-flex align-items-center gap-2">
                <span style="background-color:#000000 !important; color:#ffffff !important; padding:4px 10px; border-radius:4px; font-size:12px; font-weight:600;">
                    {{ $order->statusLabel() }}
                </span>
                @if($order->canEdit())
                <button type="button"
                        style="background-color:#000000 !important; color:#ffffff !important; border:none; padding:4px 10px; border-radius:4px; font-size:12px; cursor:pointer;"
                        data-bs-toggle="modal" data-bs-target="#modalEditDelivery">
                    <i class="fas fa-edit me-1"></i>{{ __('orders.edit_delivery_info') }}
                </button>
                @endif
            </div>
        </div>
        <div class="card-body">
            <div class="row g-2">
                <div class="col-md-4">
                    <small class="text-muted d-block">{{ __('orders.customer') }}</small>
                    <span class="fw-bold">{{ $order->customer_name }}</span>
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">RFC</small>
                    <span>{{ $order->customer_rfc ?? '—' }}</span>
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">{{ __('orders.customer_number') }}</small>
                    <span>{{ $order->customer_number ?? '—' }}</span>
                </div>
                <div class="col-md-4">
                    <small class="text-muted d-block">{{ __('orders.delivery_address') }}</small>
                    <span>{{ $order->customer_address ?? '—' }}</span>
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">{{ __('orders.so_number') }}</small>
                    <span class="fw-bold text-primary">{{ $order->folDisplay() }}</span>
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">{{ __('orders.quote_ref') }}</small>
                    @if($order->quote_id)
                        <a href="{{ route('sales.quotes.edit', $order->quote_id) }}" class="small">
                            COT-{{ str_pad($order->quote?->fol, 4, '0', STR_PAD_LEFT) }}
                        </a>
                    @else
                        <span class="text-muted">—</span>
                    @endif
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">{{ __('orders.date') }}</small>
                    <span>{{ $order->created_at->format('d-m-Y') }}</span>
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">{{ __('orders.delivery_date') }}</small>
                    <span class="{{ $order->delivery_date?->isPast() && !in_array($order->status, ['delivered','invoiced','cancelled']) ? 'text-danger fw-bold' : '' }}">
                        {{ $order->delivery_date?->format('d-m-Y') ?? '—' }}
                    </span>
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">{{ __('orders.contact') }}</small>
                    <span>{{ $order->customer_contact_name ?? '—' }}</span>
                </div>
                <div class="col-md-2">
                    <small class="text-muted d-block">{{ __('orders.created_by') }}</small>
                    <span>{{ $order->user?->name ?? '—' }}</span>
                </div>
            </div>
        </div>
    </div>

    {{-- Products --}}
    <div class="card mb-3">
        <div class="card-header bg-primary text-white py-2">
            <h6 class="mb-0"><i class="fad fa-box-open me-2"></i>{{ __('orders.products') }}</h6>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>{{ __('orders.sku') }}</th>
                            <th>{{ __('orders.description') }}</th>
                            <th>{{ __('orders.unit') }}</th>
                            <th class="text-center">{{ __('orders.ordered') }}</th>
                            <th class="text-center">{{ __('orders.delivered') }}</th>
                            <th class="text-center">{{ __('orders.pending') }}</th>
                            <th class="text-end">{{ __('orders.unit_price') }}</th>
                            <th class="text-end">{{ __('orders.amount') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($order->products as $i => $product)
                        <tr>
                            <td class="small text-muted">{{ $i + 1 }}</td>
                            <td class="small">{{ $product->sku ?? '—' }}</td>
                            <td class="small">{{ $product->product_name }}</td>
                            <td class="small">{{ $product->unity ?? '—' }}</td>
                            <td class="text-center">{{ $product->quantity }}</td>
                            <td class="text-center">
                                <span class="{{ $product->quantity_delivered > 0 ? 'text-success fw-bold' : 'text-muted' }}">
                                    {{ $product->quantity_delivered }}
                                </span>
                            </td>
                            <td class="text-center">
                                @php $pending = $product->pendingQty(); @endphp
                                <span class="{{ $pending > 0 ? 'text-warning fw-bold' : 'text-success' }}">
                                    {{ $pending }}
                                </span>
                            </td>
                            <td class="text-end">${{ number_format($product->sales_price, 2) }}</td>
                            <td class="text-end fw-bold">${{ number_format($product->amount, 2) }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="9" class="text-center text-muted py-3">{{ __('orders.no_products') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($order->notes)
            <div class="p-3 border-top">
                <small class="text-muted fw-bold d-block">{{ __('orders.notes') }}</small>
                <p class="mb-0 small">{{ $order->notes }}</p>
            </div>
            @endif
        </div>
    </div>

    <div class="row">
        {{-- Totals --}}
        <div class="col-md-5">
            <div class="card mb-3">
                <div class="card-body">
                    <table class="table table-sm mb-0">
                        <tr><td class="text-muted">{{ __('orders.currency') }}</td><td class="text-end fw-bold">{{ $order->currency }}</td></tr>
                        <tr><td class="text-muted">{{ __('orders.subtotal') }}</td><td class="text-end">${{ number_format($order->subtotal, 2) }}</td></tr>
                        <tr><td class="text-muted">{{ __('orders.discount') }} ({{ $order->discount_perc }}%)</td><td class="text-end">${{ number_format($order->discount, 2) }}</td></tr>
                        <tr><td class="text-muted">{{ __('orders.vat') }} ({{ $order->tax_perc }}%)</td><td class="text-end">${{ number_format($order->tax, 2) }}</td></tr>
                        <tr class="border-top"><td class="fw-bold fs-6">{{ __('orders.total') }}</td><td class="text-end fw-bold fs-6">${{ number_format($order->total, 2) }}</td></tr>
                    </table>
                </div>
            </div>
        </div>

        {{-- Status Log --}}
        <div class="col-md-7">
            <div class="card mb-3">
                <div class="card-header py-2 bg-light">
                    <h6 class="mb-0"><i class="fas fa-history me-2"></i>{{ __('orders.status_history') }}</h6>
                </div>
                <div class="card-body p-0">
                    @forelse($order->statusLogs as $log)
                    <div class="d-flex align-items-start p-3 border-bottom">
                        <div class="me-3 mt-1">
                            <span class="badge {{ $log->statusToBadge() }} rounded-pill">{{ $log->statusToLabel() }}</span>
                        </div>
                        <div class="flex-grow-1">
                            <p class="mb-1 small">{{ $log->comment }}</p>
                            <small class="text-muted">
                                {{ $log->user?->name ?? __('orders.system') }} —
                                {{ $log->created_at->format('d-m-Y H:i') }}
                                @if($log->status_from)
                                    · {{ __('orders.from_status') }} <em>{{ $log->statusFromLabel() }}</em>
                                @endif
                            </small>
                        </div>
                    </div>
                    @empty
                    <p class="text-muted small p-3 mb-0">{{ __('orders.no_status_changes') }}</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    {{-- Actions --}}
    <div class="d-flex gap-2 justify-content-end mb-4 flex-wrap">
        @php $transitions = $order->availableTransitions(); @endphp
        @if(count($transitions) > 0)
            @foreach($transitions as $key => $label)
            <button type="button" class="btn btn-sm btn-outline-primary"
                    data-bs-toggle="modal" data-bs-target="#modalChangeStatus"
                    data-status="{{ $key }}" data-label="{{ $label }}">
                <i class="fas fa-arrow-right me-1"></i>{{ $label }}
            </button>
            @endforeach
        @endif

        @if($order->canDelete())
        <form action="{{ route('sales.orders.destroy', $order) }}" method="POST" class="d-inline"
              onsubmit="return confirm('{{ __('orders.delete_confirm', ['fol' => $order->folDisplay()]) }}')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-danger btn-sm">
                <i class="fas fa-trash-alt me-1"></i>{{ __('orders.delete') }}
            </button>
        </form>
        @endif
    </div>

</div>

{{-- Modal Edit Delivery Info --}}
@if($order->canEdit())
<div class="modal fade" id="modalEditDelivery" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form action="{{ route('sales.orders.updateDelivery', $order) }}" method="POST">
                @csrf @method('PATCH')
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title"><i class="fas fa-edit me-2"></i>{{ __('orders.edit_delivery_information') }}</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-12">
                            <label class="form-label fw-semibold">{{ __('orders.delivery_address') }}</label>
                            @if($order->customer && $order->customer->addresses->count() > 0)
                            <select name="customer_address" class="form-select mb-2" id="selectAddress">
                                <option value="">{{ __('orders.select_from_addresses') }}</option>
                                @foreach($order->customer->addresses as $addr)
                                <option value="{{ $addr->office_branch ? $addr->office_branch.' — ' : '' }}{{ $addr->address ?? '' }} C.P. {{ $addr->postal_code }}"
                                    @selected($order->customer_address == ($addr->office_branch ? $addr->office_branch.' — ' : '').$addr->address.' C.P. '.$addr->postal_code)>
                                    {{ $addr->office_branch ? $addr->office_branch.' — ' : '' }}{{ $addr->address ?? '' }} C.P. {{ $addr->postal_code }}
                                </option>
                                @endforeach
                            </select>
                            @endif
                            <input type="text" name="customer_address_manual" class="form-control"
                                   placeholder="{{ __('orders.type_address_manually') }}"
                                   value="{{ $order->customer_address }}">
                            <small class="text-muted">{{ __('orders.select_or_type_manually') }}</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">{{ __('orders.contact_name') }}</label>
                            @if($order->customer && $order->customer->contacts->count() > 0)
                            <select name="customer_contact_name" class="form-select">
                                <option value="">{{ __('orders.select_contact') }}</option>
                                @foreach($order->customer->contacts as $contact)
                                <option value="{{ $contact->name }}" @selected($order->customer_contact_name == $contact->name)>
                                    {{ $contact->name }} {{ $contact->email ? '— '.$contact->email : '' }}
                                </option>
                                @endforeach
                            </select>
                            @else
                            <input type="text" name="customer_contact_name" class="form-control"
                                   value="{{ $order->customer_contact_name }}"
                                   placeholder="{{ __('orders.contact_name_placeholder') }}">
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">{{ __('orders.delivery_date') }}</label>
                            <input type="date" name="delivery_date" class="form-control"
                                   value="{{ $order->delivery_date?->format('Y-m-d') }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label fw-semibold">{{ __('orders.notes') }}</label>
                            <textarea name="notes" class="form-control" rows="3">{{ $order->notes }}</textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>{{ __('orders.cancel') }}
                    </button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-1"></i>{{ __('orders.save_changes') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Modal Change Status --}}
<div class="modal fade" id="modalChangeStatus" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('sales.orders.status', $order) }}" method="POST">
                @csrf @method('PATCH')
                <input type="hidden" name="status" id="modal-status-value">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title"><i class="fas fa-exchange-alt me-2"></i>{{ __('orders.change_status') }}</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="mb-3">
                        {{ __('orders.change') }} <strong>{{ $order->folDisplay() }}</strong> {{ __('orders.from_label') }}
                        <span class="badge {{ $order->statusBadge() }}">{{ $order->statusLabel() }}</span>
                        {{ __('orders.to_label') }}
                        <span class="badge bg-primary" id="modal-status-label"></span>
                    </p>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            {{ __('orders.comment_instructions') }} <span class="text-danger">*</span>
                        </label>
                        <textarea name="comment" class="form-control" rows="4" style="color:#333 !important;background:#fff !important;" required minlength="5"
                                  placeholder="{{ __('orders.comment_placeholder') }}"></textarea>
                        <small class="text-muted">{{ __('orders.comment_hint') }}</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>{{ __('orders.cancel') }}
                    </button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-check me-1"></i>{{ __('orders.confirm_change') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('scripts')
@parent
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Modal Change Status
    var modalEl = document.getElementById('modalChangeStatus');
    if (modalEl) {
        modalEl.addEventListener('show.bs.modal', function(event) {
            var btn    = event.relatedTarget;
            var status = btn.getAttribute('data-status');
            var label  = btn.getAttribute('data-label');
            document.getElementById('modal-status-value').value       = status;
            document.getElementById('modal-status-label').textContent = label;
            modalEl.querySelector('textarea[name="comment"]').value   = '';
        });
    }

    // Auto-fill address input from select
    var selectAddr = document.getElementById('selectAddress');
    if (selectAddr) {
        selectAddr.addEventListener('change', function() {
            var manual = document.querySelector('input[name="customer_address_manual"]');
            if (manual && this.value) manual.value = this.value;
        });
    }
});
</script>
@endsection