@extends('layouts.app', ['title' => 'Buchung erfassen'])
@section('content')
<div class="container-fluid py-4" style="max-width:700px;">

    <div class="mb-4">
        <h4 class="fw-bold mb-0"><i class="bi bi-arrow-left-right me-2"></i>Buchung erfassen</h4>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-body p-4">
            <form method="POST" action="{{ route('wms.movements.store') }}">
                @csrf

                <div class="mb-3">
                    <label class="form-label fw-semibold">Buchungsart <span class="text-danger">*</span></label>
                    <select name="type" id="movType" class="form-select" required onchange="toggleFields()">
                        <option value="in"         {{ old('type', $type) == 'in'         ? 'selected' : '' }}>Wareneingang</option>
                        <option value="out"        {{ old('type', $type) == 'out'        ? 'selected' : '' }}>Warenausgang</option>
                        <option value="transfer"   {{ old('type', $type) == 'transfer'   ? 'selected' : '' }}>Umbuchung</option>
                        <option value="correction" {{ old('type', $type) == 'correction' ? 'selected' : '' }}>Korrektur</option>
                    </select>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-semibold">Artikel <span class="text-danger">*</span></label>
                    <select name="fk_item_id" class="form-select" required>
                        <option value="">— wählen —</option>
                        @foreach($items as $item)
                            <option value="{{ $item->id }}" {{ old('fk_item_id') == $item->id ? 'selected' : '' }}>
                                {{ $item->name }} @if($item->unit)({{ $item->unit->name }})@endif
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Lager (Von) <span class="text-danger">*</span></label>
                        <select name="fk_warehouse_id" class="form-select" required>
                            <option value="">— wählen —</option>
                            @foreach($warehouses as $wh)
                                <option value="{{ $wh->id }}" {{ old('fk_warehouse_id') == $wh->id ? 'selected' : '' }}>{{ $wh->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6" id="targetWarehouseField" style="display:none;">
                        <label class="form-label fw-semibold">Lager (Nach)</label>
                        <select name="fk_warehouse_target_id" class="form-select">
                            <option value="">— wählen —</option>
                            @foreach($warehouses as $wh)
                                <option value="{{ $wh->id }}" {{ old('fk_warehouse_target_id') == $wh->id ? 'selected' : '' }}>{{ $wh->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-semibold">Menge <span class="text-danger">*</span></label>
                    <input type="number" name="quantity" class="form-control" step="0.001" min="0.001"
                           value="{{ old('quantity') }}" required>
                </div>

                <div class="row g-3 mb-3" id="supplierOrderFields">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Lieferant</label>
                        <select name="fk_supplier_id" class="form-select">
                            <option value="">— keiner —</option>
                            @foreach($suppliers as $s)
                                <option value="{{ $s->id }}" {{ old('fk_supplier_id') == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6" id="orderField">
                        <label class="form-label fw-semibold">Auftrag (PMS)</label>
                        <select name="fk_order_id" class="form-select">
                            <option value="">— keiner —</option>
                            @foreach($orders as $o)
                                <option value="{{ $o->id }}" {{ old('fk_order_id') == $o->id ? 'selected' : '' }}>
                                    AU-{{ $o->id }} {{ $o->title ?? '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Lieferschein-Nr.</label>
                        <input type="text" name="delivery_note_nr" class="form-control" value="{{ old('delivery_note_nr') }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Charge-Nr.</label>
                        <input type="text" name="batch_nr" class="form-control" value="{{ old('batch_nr') }}">
                    </div>
                </div>

                <div class="mb-4">
                    <label class="form-label fw-semibold">Notiz</label>
                    <textarea name="note" class="form-control" rows="2">{{ old('note') }}</textarea>
                </div>

                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-primary">Buchung speichern</button>
                    <a href="{{ route('wms.movements.index') }}" class="btn btn-outline-secondary">Abbrechen</a>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
function toggleFields() {
    const type = document.getElementById('movType').value;
    document.getElementById('targetWarehouseField').style.display = type === 'transfer' ? '' : 'none';
    document.getElementById('orderField').style.display = type === 'out' ? '' : 'none';
}
document.addEventListener('DOMContentLoaded', toggleFields);
</script>
@endsection