@extends('dashboard.admin.layouts.master')
@section('content')
    <section class="section">
        <div class="section-header">
            <h1>{{ $title }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">Dashboard</a></div>
                <div class="breadcrumb-item">{{ $title }}</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>{{ $title }}</h4>
                        </div>

                        <div class="card-body">
                            <form action="{{ route('admin.products.update', $product->id) }}" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                @method('put')
                                <div class="form-group">
                                    <label for="image">Image</label>
                                    <input id="image" type="file" class="form-control" name="image"> <br>
                                    <img width="100" src="{{ asset('uploads/products/' . $product->image) }}"
                                        alt="{{ $product->name }}">
                                </div>
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input id="name" type="text" class="form-control" name="name"
                                        value="{{ $product->name }}">
                                </div>
                                <div class="form-group">
                                    <label for="category">Category</label>
                                    <select id="category" class="form-control" name="product_category_id">
                                        <option value="">Select</option>
                                        @foreach ($productCategories as $key => $productCategory)
                                            <option value="{{ $productCategory->id }}"
                                                {{ $productCategory->id == $product->product_category_id ? 'selected' : '' }}>
                                                {{ $productCategory->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="sku">SKU</label>
                                    <input id="sku" type="text" class="form-control" name="sku"
                                        value="{{ $product->sku }}">
                                </div>
                                <div class="form-group">
                                    <label for="price">Price</label>
                                    <input id="price" type="text" class="form-control" name="price"
                                        value="{{ $product->price }}">
                                </div>
                                <div class="form-group">
                                    <label for="offer_price">Offer Price</label>
                                    <input id="offer_price" type="text" class="form-control" name="offer_price"
                                        value="{{ $product->offer_price }}">
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label>Offer Start Date</label>
                                        <input type="text" name="offer_start" value="{{ $product->offer_start }}"
                                            class="form-control datepicker">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Offer End Date</label>
                                        <input type="text" name="offer_end" value="{{ $product->offer_end }}"
                                            class="form-control datepicker">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="quantity">Stock Quantity</label>
                                    <input id="quantity" type="number" min="0" class="form-control" name="quantity"
                                        value="{{ $product->quantity }}">
                                </div>
                                <div class="form-group">
                                    <label for="short_description">Short Description</label>
                                    <textarea name="short_description" class="form-control">{{ $product->short_description }}</textarea>
                                </div>
                                <div class="form-group">
                                    <label for="long_description">Long Description</label>
                                    <textarea name="long_description" class="form-control summernote">{{ $product->long_description }}</textarea>
                                </div>

                                <div class="form-group">
                                    <label for="product_type">Product Type</label>
                                    <select id="product_type" class="form-control" name="product_type">
                                        <option value="">Select</option>
                                        <option value="new_arrival"
                                            {{ $product->product_type == 'new_arrival' ? 'selected' : '' }}>New Arrival
                                        </option>
                                        <option value="featured"
                                            {{ $product->product_type == 'featured' ? 'selected' : '' }}>Featured</option>
                                        <option value="top_product"
                                            {{ $product->product_type == 'top_product' ? 'selected' : '' }}>Top Product
                                        </option>
                                        <option value="best_product"
                                            {{ $product->product_type == 'best_product' ? 'selected' : '' }}>Best Product
                                        </option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="seo_title">Seo Title</label>
                                    <input id="seo_title" type="text" class="form-control" name="seo_title"
                                        value="{{ $product->seo_title }}">
                                </div>
                                <div class="form-group">
                                    <label for="seo_description">Seo Description</label>
                                    <textarea name="seo_description" class="form-control">{{ $product->seo_description }}</textarea>
                                </div>
                                <div class="form-group">
                                    <label for="status">Status</label>
                                    <select id="status" class="form-control" name="status">
                                        <option value="">Select</option>
                                        <option value="1" {{ $product->status == 1 ? 'selected' : '' }}>Active
                                        </option>
                                        <option value="0" {{ $product->status == 0 ? 'selected' : '' }}>Inactive
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">Update</button>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection