@extends('layouts.admin')

@section('content')
<div class="container mx-auto max-w-2xl">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-gray-800">Edit Product</h1>
        <a href="{{ route('admin.products.index') }}"
           class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg flex items-center">
            <i class="fas fa-arrow-left mr-2"></i> Back to Products
        </a>
    </div>

    <div class="bg-white shadow-lg rounded-lg p-6">
        <form method="POST" action="{{ route('admin.products.update', $product) }}">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Product Name -->
                <div class="md:col-span-2">
                    <label for="product_name" class="block text-sm font-medium text-gray-700">Product Name *</label>
                    <input type="text"
                           id="product_name"
                           name="product_name"
                           value="{{ old('product_name', $product->product_name) }}"
                           required
                           class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                    @error('product_name')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Product Code -->
                <div>
                    <label for="product_code" class="block text-sm font-medium text-gray-700">Product Code *</label>
                    <input type="text"
                           id="product_code"
                           name="product_code"
                           value="{{ old('product_code', $product->product_code) }}"
                           required
                           class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                    @error('product_code')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Product Type -->
                <div>
                    <label for="product_type" class="block text-sm font-medium text-gray-700">Product Type *</label>
                    <select id="product_type"
                            name="product_type"
                            required
                            class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                        <option value="">Select Type</option>
                        <option value="Standard Bag" {{ old('product_type', $product->product_type) == 'Standard Bag' ? 'selected' : '' }}>Standard Bag</option>
                        <option value="Loose Weight" {{ old('product_type', $product->product_type) == 'Loose Weight' ? 'selected' : '' }}>Loose Weight</option>
                    </select>
                    @error('product_type')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Unit -->
                <div>
                    <label for="unit" class="block text-sm font-medium text-gray-700">Unit *</label>
                    <input type="text"
                           id="unit"
                           name="unit"
                           value="{{ old('unit', $product->unit) }}"
                           required
                           class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                    @error('unit')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Cost -->
                <div>
                    <label for="cost" class="block text-sm font-medium text-gray-700">Cost *</label>
                    <input type="number"
                           id="cost"
                           name="cost"
                           value="{{ old('cost', $product->cost) }}"
                           step="0.01"
                           min="0"
                           required
                           class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                    @error('cost')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Price per Unit -->
                <div>
                    <label for="price_per_unit" class="block text-sm font-medium text-gray-700">Price per Unit *</label>
                    <input type="number"
                           id="price_per_unit"
                           name="price_per_unit"
                           value="{{ old('price_per_unit', $product->price_per_unit) }}"
                           step="0.01"
                           min="0"
                           required
                           class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                    @error('price_per_unit')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Quantity in Stock -->
                <div>
                    <label for="quantity_in_stock" class="block text-sm font-medium text-gray-700">Quantity in Stock *</label>
                    <input type="number"
                           id="quantity_in_stock"
                           name="quantity_in_stock"
                           value="{{ old('quantity_in_stock', $product->quantity_in_stock) }}"
                           min="0"
                           required
                           class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                    @error('quantity_in_stock')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Low Stock Threshold -->
                <div>
                    <label for="low_stock_threshold" class="block text-sm font-medium text-gray-700">Low Stock Threshold *</label>
                    <input type="number"
                           id="low_stock_threshold"
                           name="low_stock_threshold"
                           value="{{ old('low_stock_threshold', $product->low_stock_threshold) }}"
                           min="0"
                           required
                           class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                    @error('low_stock_threshold')
                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>

            <div class="mt-8 flex justify-end">
                <button type="submit"
                        class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded-lg focus:outline-none focus:shadow-outline">
                    Update Product
                </button>
            </div>
        </form>
    </div>
</div>
@endsection