@extends('layouts.app')

@section('title', 'Edit Material')

@section('content')
    <div class=" mx-auto bg-white p-6 rounded shadow">
        <h1 class="text-xl font-bold mb-4">Add Sign Material</h1>

        <form action="{{ route('sign-materials.store') }}" method="POST">
            @csrf

            <div class="mb-4">
                <label class="block font-semibold mb-1">Name</label>
                <input type="text" name="name" class="w-full border p-2 rounded" required>
            </div>

            <div class="mb-4">
                <label class="block font-semibold mb-1">Price</label>
                <input type="number" name="price" step="0.0001" class="w-full border p-2 rounded">
            </div>

            <div class="mb-4">
                <label class="block font-semibold mb-1">Unit (UOM)</label>
                <input type="text" name="uom" class="w-full border p-2 rounded">
            </div>

            <div class="mb-4">
                <label class="block font-semibold mb-1">Product Code</label>
                <input type="number" name="product_code" class="w-full border p-2 rounded" required>
            </div>

            <div class="flex gap-2">
                <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Add</button>
                <a href="{{ route('sign-materials.index') }}" class="text-gray-600 px-4 py-2">Cancel</a>
            </div>
        </form>
    </div>
@endsection