@csrf

@php
    // Unifica el origen del ingreso vinculado: viene de $order->income (edit)
    // o de $income precargado por query string (create desde un ingreso).
    $currentIncome = isset($order) ? $order->income : ($income ?? null);
@endphp

@if ($currentIncome)
    <div class="alert alert-info d-flex justify-content-between align-items-center">
        <div>
            <i class="bi bi-info-circle me-1"></i>
            Pedido vinculado al ingreso <strong>{{ $currentIncome->income_code }}</strong>
            ({{ $currentIncome->client->business_name ?: $currentIncome->client->contact_name }} ·
            {{ $currentIncome->weight_kg ? number_format($currentIncome->weight_kg, 2) . ' kg recepcionados' : 'sin kilos registrados' }})
        </div>
        <a href="{{ isset($order) ? route('orders.edit', $order) : route('orders.create') }}"
           class="btn btn-sm btn-outline-secondary">Quitar vínculo</a>
    </div>
    <input type="hidden" name="income_id" value="{{ old('income_id', $currentIncome->id) }}">
@else
    <input type="hidden" name="income_id" value="{{ old('income_id', '') }}">
@endif

@error('income_id')
    <div class="alert alert-danger">{{ $message }}</div>
@enderror

<div class="row g-4">

    <div class="col-md-6">
        <label class="form-label">Cliente</label>
        <select name="client_id" id="client-select" class="form-select @error('client_id') is-invalid @enderror" required>
            <option value="">Selecciona un cliente</option>
            @foreach ($clients as $c)
                <option value="{{ $c->id }}"
                    {{ old('client_id', $order->client_id ?? $currentIncome?->client_id ?? '') == $c->id ? 'selected' : '' }}>
                    {{ $c->business_name ?: $c->contact_name }} ({{ $c->rut }})
                </option>
            @endforeach
        </select>
        @error('client_id')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
        @if ($currentIncome)
            <div class="form-text">Precargado desde el ingreso {{ $currentIncome->income_code }}. Si lo cambias, se quitará el vínculo automáticamente al guardar.</div>
        @endif
    </div>

    <div class="col-md-6">
        <label class="form-label">Línea de servicio</label>
        <select name="service_line" id="service-line-select" class="form-select @error('service_line') is-invalid @enderror" required>
            <option value="">Selecciona una línea</option>
            @foreach (\App\Models\Order::SERVICE_LINES as $value => $label)
                <option value="{{ $value }}" {{ old('service_line', $order->service_line ?? '') === $value ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('service_line')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">Estado</label>
        <select name="status" class="form-select @error('status') is-invalid @enderror" required>
            @foreach (\App\Models\Order::STATUSES as $value => $label)
                <option value="{{ $value }}" {{ old('status', $order->status ?? 'received') === $value ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        @error('status')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">Peso (kg)</label>
        <input type="number" step="0.01" name="weight_kg" id="weight-input" class="form-control @error('weight_kg') is-invalid @enderror"
               value="{{ old('weight_kg', $order->weight_kg ?? $currentIncome?->weight_kg ?? '') }}" placeholder="0.00">
        @error('weight_kg')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-4">
        <label class="form-label">Tarifa aplicable</label>
        <select name="tariff_id" id="tariff-select" class="form-select @error('tariff_id') is-invalid @enderror">
            @if(isset($order) && $order->tariff)
                <option value="{{ $order->tariff->id }}" data-price="{{ $order->tariff->price_per_kg }}" selected>
                    {{ $order->tariff->isGeneral() ? 'General' : 'Cliente' }} —
                    ${{ number_format($order->tariff->price_per_kg, 0, ',', '.') }}/kg
                </option>
            @else
                <option value="">Selecciona cliente y línea primero</option>
            @endif
        </select>
        @error('tariff_id')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-12">
        <label class="form-label">Total estimado</label>
        <input type="text" id="total-amount-display" class="form-control fw-bold" style="max-width: 260px;"
               value="{{ isset($order) && $order->total_amount ? '$'.number_format($order->total_amount, 0, ',', '.') : '—' }}" readonly>
        <div class="form-text">Se calcula automáticamente al guardar (peso × precio/kg).</div>
    </div>

    <div class="col-md-6">
        <label class="form-label">Fecha de retiro</label>
        <input type="date" name="pickup_date" class="form-control @error('pickup_date') is-invalid @enderror"
               value="{{ old('pickup_date', optional($order->pickup_date ?? null)->format('Y-m-d')) }}">
        @error('pickup_date')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label">Fecha de despacho</label>
        <input type="date" name="delivery_date" class="form-control @error('delivery_date') is-invalid @enderror"
               value="{{ old('delivery_date', optional($order->delivery_date ?? null)->format('Y-m-d')) }}">
        @error('delivery_date')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label">Dirección de retiro</label>
        <input type="text" name="pickup_address" class="form-control @error('pickup_address') is-invalid @enderror"
               value="{{ old('pickup_address', $order->pickup_address ?? '') }}">
        @error('pickup_address')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label">Dirección de despacho</label>
        <input type="text" name="delivery_address" class="form-control @error('delivery_address') is-invalid @enderror"
               value="{{ old('delivery_address', $order->delivery_address ?? '') }}">
        @error('delivery_address')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

    <div class="col-12">
        <label class="form-label">Notas</label>
        <textarea name="notes" rows="3" class="form-control @error('notes') is-invalid @enderror"
                  placeholder="Observaciones del pedido...">{{ old('notes', $order->notes ?? '') }}</textarea>
        @error('notes')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>

</div>

<div class="mt-4 pt-4 border-top">
    <div class="d-flex align-items-center justify-content-between mb-3">
        <h5 class="mb-0">Prendas del pedido</h5>
        <button type="button" id="add-item-row" class="btn btn-sm btn-outline-primary">
            <i class="bi bi-plus-lg me-1"></i> Agregar prenda
        </button>
    </div>

    <div id="items-wrapper">
        @php
            $existingItems = old('items', isset($order) ? $order->items->toArray() : []);
        @endphp

        @forelse ($existingItems as $index => $item)
            <div class="row g-3 align-items-start item-row mb-3">
                <div class="col-md-4">
                    <label class="form-label small">Prenda</label>
                    <input type="text" name="items[{{ $index }}][garment_type]" class="form-control"
                           value="{{ is_array($item) ? ($item['garment_type'] ?? '') : $item->garment_type }}"
                           placeholder="Ej: Overol, Parka térmica">
                </div>
                <div class="col-md-2">
                    <label class="form-label small">Cantidad</label>
                    <input type="number" min="1" name="items[{{ $index }}][quantity]" class="form-control"
                           value="{{ is_array($item) ? ($item['quantity'] ?? 1) : $item->quantity }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label small">Unidad</label>
                    <select name="items[{{ $index }}][unit]" class="form-select">
                        @php $currentUnit = is_array($item) ? ($item['unit'] ?? 'unidad') : $item->unit; @endphp
                        <option value="unidad" {{ $currentUnit === 'unidad' ? 'selected' : '' }}>Unidad</option>
                        <option value="kg" {{ $currentUnit === 'kg' ? 'selected' : '' }}>Kg</option>
                        <option value="docena" {{ $currentUnit === 'docena' ? 'selected' : '' }}>Docena</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label small">Notas</label>
                    <input type="text" name="items[{{ $index }}][notes]" class="form-control"
                           value="{{ is_array($item) ? ($item['notes'] ?? '') : $item->notes }}">
                </div>
                <div class="col-md-1 d-flex align-items-end">
                    <button type="button" class="btn btn-outline-danger remove-item-row w-100">
                        <i class="bi bi-trash"></i>
                    </button>
                </div>
            </div>
        @empty
            {{-- Sin prendas aún, el JS agrega la primera fila --}}
        @endforelse
    </div>
</div>

<div class="d-flex justify-content-end gap-2 mt-4 pt-3 border-top">
    <a href="{{ route('orders.index') }}" class="btn btn-outline-secondary">Cancelar</a>
    <button type="submit" class="btn btn-primary">
        <i class="bi bi-check-lg me-1"></i> Guardar pedido
    </button>
</div>