@extends('layouts.app')

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

@section('content')
    <div class="max-w-lg mx-auto bg-white p-6 rounded shadow">
        <h1 class="text-xl font-bold mb-4">Edit Sign Material {{$signMaterial->id}} </h1>

        <form action="{{ route('sign-materials.update', $signMaterial->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="mb-4">
                <label class="block font-semibold mb-1">Name</label>
                <input type="text" name="name" value="{{ old('name', $signMaterial->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" value="{{ old('price', $signMaterial->price) }}"
                    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" value="{{ old('uom', $signMaterial->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" step="0.0001"
                    value="{{ old('product_code', $signMaterial->product_code) }}" class="w-full border p-2 rounded">
            </div>

            <div class="mb-4">
                <label class="block font-semibold mb-1">Variable Name</label>
                <input type="text" name="var_name"
                    value="{{ old('var_name', $signMaterial->var_name) }}" class="w-full border p-2 rounded">
            </div>

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