@extends('layouts.admin')


@section('content')


<div class="card">
    <div class="card-header">
      <h4>Update Product</h4>
    </div>
    <div class="card-body">
        <form method="POST" action="{{url('update-product/'.$product->id)}}" enctype="multipart/form-data"> 
            @csrf
            @method('PUT')
            <div class="row">
            <div class="col-md-6 mb-3">
            <label for="status">Status</label>
            <style>
    select#status {
        color: black; /* Default color for the select */
        font-weight: bold; /* Bold text for the select */
    }

    select#status option[value="0"] {
        color: gray;
    }

    select#status option[value="1"] {
        color: green;
    }

    select#status option[value="2"] {
        color: red;
    }
</style>

<select class="form-control" name="status" id="status">
  <option value="0" {{ $product->status == "0" ? "selected" : "" }}>Unpublish</option>
    <option value="1" {{ $product->status == "1" ? "selected" : "" }}>Published</option>
    <option value="2" {{ $product->status == "2" ? "selected" : "" }}>Blocked</option>
</select>





</div>

                <div class="col-md-6 mb-3">
                    <label for="">Trending</label>
                    <input type="checkbox" class="border border-dark p-2" name="trending" {{ $product->trending == "1" ? "checked" : "" }}>
                </div> 
                <div class="col-md-6 mb-3">
                    <label for="">Name</label>
                    <input type="text" class="form-control border border-dark p-2" value="{{ $product->name }}" name="name">
                </div>    
                <div class="col-md-6 mb-3">
                    <label for="">Slug</label>
                    <input type="text" class="form-control border border-dark p-2" value="{{ $product->slug }}" name="slug">
                </div> 
                <div class="col-md-12 mb-3">
                    <label for="">Small Description</label>
                    <textarea name="small_description"  rows="3" class="form-control p-2 border border-dark" >{{ $product->small_description }} </textarea>   
                </div>    
                <div class="col-md-12 mb-3">
                    <label for="">Description</label>
                    <textarea name="description"  rows="3" class="form-control p-2 border border-dark" >{{ $product->description }} </textarea>   
                </div>
                <div class="col-md-6 mb-3">
                    <label for="">Original Price</label>
                    <input type="number" class="form-control border border-dark p-2" name="price" value="{{ $product->price }}">
                </div> 
                <div class="col-md-6 mb-3">
                    <label for="">Selling Price</label>
                    <input type="number" class="form-control border border-dark p-2" name="selling_price" value="{{ $product->selling_price }}">
                </div> 
                <div class="col-md-6 mb-3">
                    <label for="">Quantity</label>
                    <input type="number" class="form-control border border-dark p-2" name="qty" value="{{ $product->qty }}">
                </div> 
                <div class="col-md-6 mb-3">
                    <label for="">Tax</label>
                    <input type="number" class="form-control border border-dark p-2" name="tax" value="{{ $product->tax }}">
                </div> 
            
                <div class="col-md-6 mb-3">
                    <label for="">Meta Title</label>
                    <input type="text" class="form-control border border-dark p-2" name="meta_title" value="{{ $product->meta_title }}">
                </div>    
                <div class="col-md-12 mb-3">
                    <label for="">Meta Keyword</label>
                    <textarea name="meta_keyword"  rows="3" class="form-control border border-dark p-2"> {{ $product->meta_keyword }}</textarea> 
                </div>    
                <div class="col-md-12 mb-3">
                    <label for="">Meta Description</label>
                    <textarea name="meta_description"  rows="3" class="form-control border border-dark p-2"> {{ $product->description }}</textarea> 
                </div>    
                @if ($product->image)
                    <img src="{{asset('upload/product/'.$product->image)}}" class="w-25 h-25" alt="no image">
                @endif
                <div class="col-md-12 mb-3">
                   <input type="file" name="image"  class="form-control border border-dark p-2" value="{{ $product->image }}">
                </div>   
                <div class="col-md-12 mb-3"> 
                <div class="col-md-12 mb-3">
                   <button type="submit" class="btn btn-primary">Submit</button>

                </div>    
            </div>    
        </form>
    </div>
  </div>
@endsection