@extends('admin.layout')   
@section('content')

<div class="row" style="justify-content: center;">
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-3">Manage Product</h4>

                <form  method="post" action="{{route('product.add_product_process')}}" enctype="multipart/form-data">
                @csrf
                    <div class="form-group">
                        <label for="category_name">Category Name</label>
                        <select class="select2 form-select shadow-none" name="category_id"  >
                            <option>Select Category Name</option>
                            @foreach($category as $cat)
                                <option value="{{$cat->category_slug}}" @if($category_id == $cat->category_slug) selected @endif > {{$cat->category_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="product_name">Product Name</label>
                        <input
                        type="text"
                        value="{{$product_name}}"
                        id="product_name"
                        class="form-control demo"
                        name="product_name"
                        placeholder="Enter Product Name"
                        />
                        @error('product_name')
                        <div class=" p-2 text-danger">
                        {{$message}}
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="product_dis">Product Description</label>
                        <textarea class="form-control" name="product_dis" placeholder="Enter Product Description">{{$product_dis}}</textarea>
                        @error('product_dis')
                        <div class=" p-2 text-danger">
                        {{$message}}
                        </div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="product_imgpath">Product Image</label>
                        <br>
                        @if($product_imgpath != null)
                            <img src="{{ asset('productImage/'.$product_imgpath) }}" class="img-fluid p-2" width="100">
                        @endif
                        <input
                        type="file"
                        value="{{ asset('productImage/'.$product_imgpath) }}"
                        id="product_imgpath"
                        class="form-control demo"
                        name="product_imgpath"
                        accept="productImage/*"
                        />
                        
                        @error('product_imgpath')
                        <div class=" p-2 text-danger">
                        {{$message}}
                        </div>
                        @enderror
                    </div>
                    <input type="hidden" value="{{$id}}" name="id" />
                    <div class="form-group">
                        <button type="submit" class="btn btn-warning text-white">
                        Submit
                        </button>
                    </div>
                </form>
            </div>  
        </div>
    </div>
</div>

@endsection