@extends('layouts.app')

@section('content')
<div class="container py-6">
    <h1 class="text-2xl font-bold mb-4">Ajouter un article d'inventaire</h1>
    <p class="text-gray-600 mb-6">Renseignez les informations ci-dessous.</p>

    <form action="{{ route('prestataire.inventory.store') }}" method="POST" class="bg-white shadow-sm rounded-lg p-6 space-y-4">
        @csrf
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium text-gray-700">Nom</label>
                <input name="name" required class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Catégorie</label>
                <input name="category" required class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Quantité</label>
                <input type="number" name="quantity" min="1" required class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Unité</label>
                <input name="unit" required class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Coût unitaire</label>
                <input type="number" step="0.01" name="cost_per_unit" min="0" required class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Prix de vente</label>
                <input type="number" step="0.01" name="selling_price" min="0" required class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Niveau de réassort</label>
                <input type="number" name="reorder_level" min="1" required class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">SKU</label>
                <input name="sku" class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Fournisseur</label>
                <input name="supplier" class="mt-1 w-full border rounded px-3 py-2" />
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700">Emplacement</label>
                <input name="location" class="mt-1 w-full border rounded px-3 py-2" />
            </div>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700">Description</label>
            <textarea name="description" rows="3" class="mt-1 w-full border rounded px-3 py-2"></textarea>
        </div>
        <div class="flex justify-end gap-3">
            <a href="{{ route('prestataire.inventory.index') }}" class="px-4 py-2 bg-gray-100 rounded">Annuler</a>
            <button type="submit" class="px-4 py-2 bg-indigo-600 text-white rounded">Enregistrer</button>
        </div>
    </form>
</div>
@endsection