@extends('admin.layout')

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

@section('admin-content')
<h1 class="text-2xl font-bold text-gray-800 mb-6">Edit Product</h1>

<form method="POST" action="{{ route('admin.products.update', $product) }}" class="space-y-6">
    @csrf
    @method('PUT')
    
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Product Name</label>
            <input type="text" name="name" value="{{ $product->name }}" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
        </div>
        
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Shipping Type</label>
            <select name="shipping_type" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
                <option value="AIR" {{ $product->shipping_type === 'AIR' ? 'selected' : '' }}>AIR (14 days)</option>
                <option value="SEA" {{ $product->shipping_type === 'SEA' ? 'selected' : '' }}>SEA (70 days)</option>
            </select>
        </div>
        
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Base Cost (₦)</label>
            <input type="number" name="base_cost" step="0.01" value="{{ $product->base_cost }}" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
        </div>
        
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Markup Price (₦)</label>
            <input type="number" name="markup_price" step="0.01" value="{{ $product->markup_price }}" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
        </div>
        
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Estimated Days</label>
            <input type="number" name="estimated_days" value="{{ $product->estimated_days }}" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
        </div>
        
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Min Quantity</label>
            <input type="number" name="min_quantity" value="{{ $product->min_quantity }}" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
        </div>
        
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Pairing Deadline</label>
            <input type="datetime-local" name="pairing_deadline" value="{{ $product->pairing_deadline->format('Y-m-d\TH:i') }}" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
        </div>
        
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">Status</label>
            <select name="status" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">
                <option value="active" {{ $product->status === 'active' ? 'selected' : '' }}>Active</option>
                <option value="paired" {{ $product->status === 'paired' ? 'selected' : '' }}>Paired</option>
                <option value="ordered" {{ $product->status === 'ordered' ? 'selected' : '' }}>Ordered</option>
                <option value="shipped" {{ $product->status === 'shipped' ? 'selected' : '' }}>Shipped</option>
                <option value="delivered" {{ $product->status === 'delivered' ? 'selected' : '' }}>Delivered</option>
                <option value="closed" {{ $product->status === 'closed' ? 'selected' : '' }}>Closed</option>
            </select>
        </div>
    </div>
    
    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">Description</label>
        <textarea name="description" rows="4" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary">{{ $product->description }}</textarea>
    </div>
    
    <div class="flex items-center justify-end space-x-4">
        <a href="{{ route('admin.products.index') }}" class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">Cancel</a>
        <button type="submit" class="px-6 py-2 bg-green-600 text-white font-bold rounded-lg hover:bg-green-700 shadow-md">Update Product</button>
    </div>
</form>
@endsection