@extends('layouts.app')
@section('page-title', 'Add Stock Movement')
@section('content')
    <div class="card" style="max-width:720px;">
        <h3 class="card-title">New Stock Movement</h3>
        <form method="POST" action="{{ route('voucher-inventory.store') }}">
            @csrf
            <div class="form-grid">
                <div>
                    <label for="voucher_product_id">Voucher Product *</label>
                    <select id="voucher_product_id" name="voucher_product_id" required>
                        <option value="">— select —</option>
                        @foreach($products as $p)
                            <option value="{{ $p->id }}">{{ $p->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="direction">Direction *</label>
                    <select id="direction" name="direction" required>
                        <option value="in">IN (stock received)</option>
                        <option value="out">OUT (stock sold/used)</option>
                    </select>
                </div>
            </div>
            <div class="form-grid-3">
                <div>
                    <label for="quantity">Quantity *</label>
                    <input id="quantity" type="number" min="1" name="quantity" required>
                </div>
                <div>
                    <label for="unit_price">Unit Price (PKR)</label>
                    <input id="unit_price" type="number" step="0.01" name="unit_price" value="0">
                </div>
                <div>
                    <label for="movement_date">Date *</label>
                    <input id="movement_date" type="date" name="movement_date" value="{{ date('Y-m-d') }}" required>
                </div>
            </div>
            <div class="form-grid">
                <div>
                    <label for="reason">Reason *</label>
                    <select id="reason" name="reason" required>
                        <option value="purchase">Purchase</option>
                        <option value="sale">Sale</option>
                        <option value="refund">Refund</option>
                        <option value="adjustment">Adjustment</option>
                    </select>
                </div>
                <div>
                    <label for="reference">Reference</label>
                    <input id="reference" type="text" name="reference">
                </div>
            </div>
            <div class="form-row">
                <label for="notes">Notes</label>
                <textarea id="notes" name="notes" rows="3"></textarea>
            </div>
            <div style="display:flex; gap:8px; margin-top:16px;">
                <button type="submit" class="btn btn-primary">Record movement</button>
                <a href="{{ route('voucher-inventory.index') }}" class="btn">Cancel</a>
            </div>
        </form>
    </div>
@endsection