@extends('admin.layouts.app')
@push('style')
<link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush
{{-- @section('pagetitlesection')
    <li class="nav-item d-none d-sm-inline-block">
        <a href="" class="nav-link custom-cumb">{{ __('Dashboard') }}</a>
</li>
@endsection --}}
@section('content')

<div class="app-main__outer">
    <div class="app-main__inner card">
        <!-- dashboard auction -->
        <div class="dashboard-auction">
            <div class="row">
                <div class="col-12">
                    <div class="auction-table">
                        <div class="auction-tablehead">
                            <div class="row">
                                <div class="col-md-4">
                                    <h3>Edit Product</h3>
                                </div>
                                <div class="col-md-6">

                                </div>
                                <div class="col-md-2">
                                    <a href="{{ route('admin.product.list') }}" class="btn btn-primary">Product
                                        List</a>
                                </div>
                            </div>

                            <div class="aircraft_table">
                                <input type="hidden" name="page_type" class="page_type" value="edit">
                                <form method="post" action="{{ route('admin.product.edit', $productData->uuid) }}" id="customerForm" enctype="multipart/form-data">
                                    @csrf
                                    {{-- <input type="hidden" name="id" value="{{isset($data)?$data->id:''}}"> --}}
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Category<sup>*</sup></label>
                                                <select id="category_id" class="form-control" name="category_id">
                                                    <option value="">Select Category</option>
                                                    @forelse ($listMasterCategories as $category)
                                                    <option value="{{ $category->id }}" data-subcategory="{{ json_encode($category->children?->pluck('name', 'id')) }}" data-attribute="{{ json_encode($category->attribute?->pluck('name', 'id')) }}" @if ($productData->category_id == $category->id || $productData->category->rootAncestor?->id == $category->id) selected @endif>
                                                        {{ $category->name }}
                                                    </option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                                @error('category_id')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                            <input type="hidden" name="sub_categoryid" class="sub_category_id" value="{{ $productData->sub_category_id }}">
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Sub Category</label>
                                                <select id="sub_category_id" class="form-control" name="sub_category_id">
                                                    <option value="">Select Sub Category</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Product Name<sup>*</sup></label>
                                                <input id="name" class="form-control" type="text" name="name" placeholder="Name" value="{{ $productData->name }}" />
                                                @error('name')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Product Title<sup>*</sup></label>
                                                <input id="title" class="form-control" type="text" name="title" placeholder="Title" value="{{ $productData->title }}" />
                                                @error('title')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Product Base Price($)<sup>*</sup></label>
                                                <input id="price" class="form-control" type="text" name="price" placeholder="Base Price" value="{{ $productData->price }}" type="number" min="1" step="any" />
                                                @error('price')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Make</label>
                                                <input id="make" class="form-control" type="text" name="make" placeholder="Make" value="{{ $productData->make }}" />
                                                
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Model</label>
                                                <input id="model" class="form-control" type="text" name="model" placeholder="Model" value="{{ $productData->model }}" />
                                                
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Condition</label>
                                                <select id="condition" name="condition" class="form-control">
                                                    <option value="">Select Condition</option>
                                                    <option value="old"@if ($productData->condition == 'old') selected @endif> Old</option>
                                                    <option value="new"@if ($productData->condition == 'new') selected @endif>New</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>Description</label>
                                                <textarea class="form-control" rows="10" id="description" name="description">{{ $productData->description }}</textarea>
                                                @error('description')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Product Image</label>
                                                <input type="file" class="form-control" id="product_image" name="product_image[]" accept="image/jpeg,image/png,image/jpg,image/gif" multiple>
                                                @error('product_image')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">

                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-4">
                                            <button class="btn btn-primary" type="submit">Update</button>
                                        </div>
                                        <div class="col-md-4">

                                        </div>
                                        <div class="col-md-4">

                                        </div>

                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>


</div>
@endsection
@push('scripts')
<script src="{{ asset('assets/admin/js/product.js') }}"></script>
@endpush