@extends('layouts.admin')

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

@section('content')
<div class="container mt-4">
    <h2>Edit Product</h2>

    <form action="{{ route('page_products.update', $product->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="mb-3">
            <label>Category</label>
            <select name="category" class="form-control">
                @foreach($categories as $cat)
                    <option value="{{ $cat }}" {{ $product->category == $cat ? 'selected' : '' }}>{{ $cat }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label>Title</label>
            <input type="text" name="title" class="form-control" value="{{ $product->title }}">
        </div>

        <div class="mb-3">
            <label>Description</label>
            <textarea name="description" class="form-control">{{ $product->description }}</textarea>
        </div>

        <div class="mb-3">
            <label>Content</label>
            <textarea name="content" class="form-control">{{ $product->content }}</textarea>
        </div>

        <div class="mb-3">
            <label>Order No</label>
            <input type="number" name="order_no" class="form-control" value="{{ $product->order_no }}">
        </div>

        <div class="mb-3">
            <label>Image</label>
            <input type="file" name="image" class="form-control">
            @if($product->image)
                <img src="{{ asset('uploads/products/'.$product->image) }}" alt="Product Image" class="img-fluid mt-2" style="max-width:150px;">
            @endif
        </div>

        <div class="mb-3 form-check">
            <input type="checkbox" name="is_active" class="form-check-input" {{ $product->is_active ? 'checked' : '' }}>
            <label class="form-check-label">Active</label>
        </div>

        <button type="submit" class="n-btn">Update</button>
    </form>
</div>
@endsection