@extends('layouts.app')

@section('title', 'Manual Stock Adjustment')

@section('content')
<div class="max-w-lg mx-auto">
    <div class="page-header">
        <h2 class="page-title">Stock Adjustment</h2>
        <p class="page-subtitle">Manually adjust product stock levels</p>
    </div>

    <form action="{{ route('inventory.adjustment.store') }}" method="POST" class="bg-white rounded-2xl border border-gray-100 p-6 lg:p-8 card-elevated space-y-4">
        @csrf
        <x-form-group label="Product" name="product_id" type="select" :options="$products" required />
        <x-form-group label="New Quantity" name="new_quantity" type="number" required />
        <x-form-group label="Remarks" name="remarks" type="textarea" placeholder="Reason for adjustment" required />
        <div class="flex justify-end pt-4 border-t border-gray-100">
            <x-button type="submit">Save Adjustment</x-button>
        </div>
    </form>
</div>
@endsection