@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>Add 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">
                                <form method="post" action="{{ route('admin.product.add') }}" 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 ($listCategories as $category)
                                                    <option value="{{ $category->id }}" @if (old('category_id')==$category->id) selected @endif
                                                        data-subcategory="{{ json_encode($category->descendants->pluck('name', 'path')) }}"
                                                        data-attribute="{{ json_encode($category->attribute?->pluck('name', 'id')) }}">
                                                        {{ $category->name }}
                                                    </option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                                @error('category_id')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </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="">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="{{ old('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="{{ old('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="{{ old('price') }}" type="number" min="1" step="any" />
                                                @error('price')
                                                <span class="text-sm text-danger">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Description</label>
                                                    <textarea class="form-control" rows="10" id="description" name="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-4">
                                <div class="form-group">
                                    <label>Make</label>
                                    <input id="make" class="form-control" type="text" name="make" placeholder="Make" value="{{ old('make') }}" />
                                    {{-- @error('meta_title')
                                                        <span class="text-sm text-danger">
                                                            {{ $message }}
                                    </span>
                                    @enderror --}}
                                </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="{{ old('model') }}" />
                                    {{-- @error('meta_keywords')
                                                        <span class="text-sm text-danger">
                                                            {{ $message }}
                                    </span>
                                    @enderror --}}
                                </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">Old</option>
                                        <option value="new">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"></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">Save</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