@extends('layouts.app')

@section('title', 'Stock Out')

@section('content')
<div class="max-w-lg mx-auto">
    <div class="page-header">
        <h2 class="page-title">Stock Out</h2>
        <p class="page-subtitle">Remove stock from inventory</p>
    </div>

    <form action="{{ route('inventory.stock-out.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="Quantity" name="quantity" type="number" required />
        <x-form-group label="Remarks" name="remarks" type="textarea" placeholder="Optional remarks" />
        <div class="flex justify-end pt-4 border-t border-gray-100">
            <x-button type="submit">Record Stock Out</x-button>
        </div>
    </form>
</div>
@endsection