@extends('layouts.erp')
@section('title', 'Nouveau mouvement')
@section('page_title', 'Nouveau mouvement de stock')
@section('content')
<div class="card"><div class="card-body">
<form method="POST" action="{{ route('stock-movements.store') }}">
    @csrf
    <div class="form-grid">
        <div class="form-group">
            <label>Article *</label>
            <select name="product_id" class="form-control" required>
                <option value="">—</option>
                @foreach($products as $p)<option value="{{ $p->id }}" @selected(old('product_id')==$p->id)>{{ $p->reference }} — {{ $p->name }}</option>@endforeach
            </select>
        </div>
        <x-boutique-field :boutiques="$boutiques" :allow-empty="false" />
        <div class="form-group">
            <label>Type *</label>
            <select name="type" class="form-control" required>
                <option value="entree" @selected(old('type')==='entree')>Entrée</option>
                <option value="sortie" @selected(old('type')==='sortie')>Sortie</option>
            </select>
        </div>
        <div class="form-group">
            <label>Motif *</label>
            <select name="reason" id="move-reason" class="form-control" required></select>
        </div>
        <div class="form-group"><label>Quantité *</label><input type="number" name="quantity" class="form-control" value="{{ old('quantity', 1) }}" min="1" required></div>
        <div class="form-group"><label>Référence</label><input type="text" name="reference" class="form-control" value="{{ old('reference') }}"></div>
        <div class="form-group" style="grid-column:1/-1;"><label>Notes</label><textarea name="notes" class="form-control" rows="2">{{ old('notes') }}</textarea></div>
    </div>
    <div class="form-actions"><button type="submit" class="btn btn-primary">Enregistrer</button></div>
</form>
</div></div>
<script>
const moveReasons = {
    entree: @json(\App\Models\StockMovement::ENTRY_REASONS),
    sortie: @json(\App\Models\StockMovement::EXIT_REASONS)
};
const typeField = document.querySelector('[name="type"]');
const reasonField = document.getElementById('move-reason');
const selected = @json(old('reason'));
function fillReasons() {
    const list = moveReasons[typeField.value] || {};
    reasonField.innerHTML = '';
    Object.entries(list).forEach(([value, label]) => {
        const option = document.createElement('option');
        option.value = value;
        option.textContent = label;
        option.selected = value === selected;
        reasonField.appendChild(option);
    });
}
typeField.addEventListener('change', fillReasons);
fillReasons();
</script>
@endsection