@extends('layouts.admin_layout')
@section('content')
@section('title', 'Add Product')


<!-- ========== App Menu ========== -->

<!-- Left Sidebar End -->
<!-- Vertical Overlay-->
<div class="vertical-overlay"></div>

<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->

            <!-- end page title -->

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">@if(isset($product)) Edit @else Add @endif Product</h4>

                        </div><!-- end card header -->

                        <div class="card-body">
                            @if (session('msg'))
                            <div class="alert alert-{{ session('msg_type') }}" role="alert">
                                {{ session('msg') }}
                            </div>
                            @endif

                            <form method="post" action="{{url('admin/product/save')}}" enctype="multipart/form-data">
                                @csrf

                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs mb-3" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link active" data-bs-toggle="tab" href="#product" role="tab" aria-selected="false" tabindex="-1">
                                        Product
                                        </a>
                                    </li>

                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="tab" href="#gallery" role="tab" aria-selected="true">
                                            Gallery
                                        </a>
                                    </li>
                                    
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="tab" href="#attributes" role="tab" aria-selected="true">
                                            Attribute
                                        </a>
                                    </li>

                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" data-bs-toggle="tab" href="#meta" role="tab" aria-selected="true">
                                            Meta
                                        </a>
                                    </li>

                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content  text-muted">

                                    <div class="tab-pane active" id="product" role="tabpanel">
                                        <div class="row gy-4">

                                        
                                         <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label>Select parent category*</label>
                                                    <select type="text" name="category_id" class="form-control">
                                                        <option value="">None</option>
                                                        @if($categories)
                                                        @foreach($categories as $category1)

                                                        @php $dash = '';
                                                        $selected_option = isset($product) ? $product->category_id : '';

                                                        @endphp
                                                        <option value="{{$category1->id}}" @if($category1->id==$selected_option){{'selected'}}@endif>{{$category1->title}}</option>
                                                        @if(count($category1->subcategory))
                                                        @include('admin.category.subCategoryList-option',['subcategories' => $category1->subcategory,'selected'=>$selected_option])
                                                        @endif
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                                @error('category_id')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                         
                                         


                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Title</label>
                                                    <input type="text" class="form-control" name="title" value="{{ isset($product)?$product->title:old('title') }}">
                                                </div>
                                                @error('title')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>


                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Price</label>
                                                    <input type="text" class="form-control" name="regular_price" value="{{ isset($product)?$product->regular_price:old('regular_price') }}">
                                                </div>
                                                @error('regular_price')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="image" class="form-label">Image</label>
                                                    <input type="file" class="form-control" name="featured_image">
                                                </div>
                                                @error('image')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-12 col-md-12">
                                            <div>
                                                <label for="short_desc" class="form-label">Short Description</label>
                                                <textarea class="form-control" name="short_desc"> {{ isset($product)?$product->short_desc:old('short_desc') }}</textarea>
                                            </div>
                                            @error('short_desc')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>

                                            
                                        <div class="col-xxl-12 col-md-12">
                                            <div>
                                                <label for="descriptions" class="form-label">Descriptions</label>
                                                <textarea class="form-control" id="descriptions" name="descriptions"> {{ isset($product)?$product->descriptions:old('descriptions') }}</textarea>
                                            </div>
                                            @error('descriptions')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>

                                        <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Stock</label>
                                                    <input type="text" class="form-control" name="stock" value="{{ isset($product)?$product->stock:old('stock') }}">
                                                </div>
                                                @error('stock')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                        <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">SKU</label>
                                                    <input type="text" class="form-control" name="sku" value="{{ isset($product)?$product->sku:old('sku') }}">
                                                </div>
                                                @error('sku')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                               <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="slug" class="form-label">Slug</label>
                                                    <input type="text" class="form-control" name="slug" value="{{ isset($product)?$product->slug:old('slug') }}">
                                                </div>
                                                @error('slug')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="name" class="form-label">Status</label>
                                                    <select name="status" class="form-control">
                                                        <option value="" @if(isset($product) && $product->status == '') {{"selected"}} @endif>--Select--</option>
                                                        <option value="1" @if(isset($product) && $product->status == 1) {{"selected"}} @endif selected="">Active</option>
                                                        <option value="0" @if(isset($product) && $product->status == 0) {{"selected"}} @endif>Inactive</option>
                                                    </select>

                                                    @error('status')
                                                    <span class="text-danger">{{$message}}</span>
                                                    @enderror

                                                </div>
                                            </div>

                                            @if(isset($product))
                                            <div class="col-xxl-4 col-md-4">
                                                <div>
                                                    <label for="product" class="form-label">Old Image</label>
                                                    <img src="{{URL::asset($product->featured_image)}}" style="height: 120px; width: 120px;">
                                                </div>

                                            </div>
                                            @endif


                                            <!--end col-->

                                            <!--end col-->
                                        </div>
                                    </div>

                                    <div class="tab-pane show" id="gallery" role="tabpanel">
                                        <div class="row gy-4">

                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="gallery_title" class="form-label">Title</label>
                                                    <input type="text" class="form-control" name="gallery_title">
                                                </div>
                                                @error('gallery_title')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="gallery_image" class="form-label">Image</label>
                                                    <input type="file" class="form-control" name="gallery_image[]" multiple>
                                                </div>
                                                @error('gallery_image')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="gallery_orderby" class="form-label">Order By</label>
                                                    <input type="number" class="form-control" name="gallery_orderby">
                                                </div>
                                                @error('gallery_orderby')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>


                                            @if(isset($product))
                                            <div class="col-xxl-12 col-md-12">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col">#</th>
                                                            <th scope="col">Title</th>
                                                            <th scope="col">Image</th>
                                                            <th scope="col">Order</th>
                                                            <th scope="col">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @foreach($product->galleries as $key=>$gallery)
                                                        <tr>
                                                            <th scope="row">{{$key+1}}</th>
                                                            <td>{{$gallery->title}}</td>
                                                            <td><img src="{{URL::asset($gallery->image)}}" style="height:100px;width:100px;"></td>
                                                            <td>{{$gallery->order_by}}</td>
                                                            <td><a href="{{url('admin/product/delete-data/gallery?id='.$gallery->id)}}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</a></td>
                                                        </tr>
                                                        @endforeach

                                                    </tbody>
                                                </table>
                                            </div>
                                            @endif



                                        </div>
                                    </div>
                                    
                                    
                                      <div class="tab-pane show" id="attributes" role="tabpanel">
                                        <div class="row gy-4">

                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="attribute_key" class="form-label">Key</label>
                                                    <input type="text" class="form-control" name="attribute_key">
                                                </div>
                                                @error('attribute_key')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                         

                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="attribute_value" class="form-label">Value</label>
                                                    <input type="text" class="form-control" name="attribute_value">
                                                </div>
                                                @error('attribute_value')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>


                                            @if(isset($product))
                                            <div class="col-xxl-12 col-md-12">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col">#</th>
                                                            <th scope="col">Kay</th>
                                                            <th scope="col">Value</th>
                                                            <th scope="col">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @foreach($product->attributes as $key=>$attribute)
                                                        <tr>
                                                            <th scope="row">{{$key+1}}</th>
                                                            <td>{{$attribute->attribute_key}}</td>
                                                            <td>{{$attribute->attribute_value}}</td>
                                                            <td><a href="{{url('admin/product/delete-data/attribute?id='.$attribute->id)}}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</a></td>
                                                        </tr>
                                                        @endforeach

                                                    </tbody>
                                                </table>
                                            </div>
                                            @endif



                                        </div>
                                    </div>

                                    <div class="tab-pane show" id="meta" role="tabpanel">
                                        <div class="row gy-4">


                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="meta_title" class="form-label">Meta Title</label>
                                                    <input type="text" class="form-control" name="meta_title" value="{{ isset($product)?$product->meta_title:old('meta_title') }}">
                                                </div>
                                                @error('meta_title')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-12 col-md-12">
                                            <div>
                                                <label for="meta_keyword" class="form-label">Meta Keyword</label>
                                                <textarea class="form-control" name="meta_keyword"> {{ isset($product)?$product->meta_keyword:old('meta_keyword') }}</textarea>
                                            </div>
                                            @error('meta_keyword')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                            </div>

                                            <div class="col-xxl-12 col-md-12">
                                            <div>
                                                <label for="meta_description" class="form-label">Meta Description</label>
                                                <textarea class="form-control" name="meta_description"> {{ isset($product)?$product->meta_description:old('meta_description') }}</textarea>
                                            </div>
                                            @error('meta_description')
                                            <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>

                                        


                                            <!--end col-->

                                            <!--end col-->
                                        </div>
                                    </div>


                                </div>
                                  <br>
                                <div class="row gy-4">
                                <div class="col-xxl-4 col-md-4">
                                <input type="hidden" name="old_featured_image" value="{{ isset($product)?$product->featured_image:old('old_featured_image') }}">
                                 <input type="hidden" name="product_id" value="{{ isset($product)?$product->id:old('product_id') }}">
                                <input type="submit" class="btn btn-info" value="submit">
                                </div>
                                </div>

                            </form>
                        </div>

                    </div>
                </div>
                <!--end col-->
            </div>
            <!--end row-->




        </div> <!-- container-fluid -->
    </div><!-- End Page-content -->

    @include('includes.admin.footer')
</div>
<!-- end main content-->

</div>
<!-- END layout-wrapper -->

<script>
$('#category-list').on('change', function() {
    var categoryId = $(this).val();
    $('#subcategory-list').empty(); // Clear subcategory list

    $.ajax({
        url: 'https://videohi.in/furniture/admin/subcategories/' + categoryId,
        type: 'GET',
        success: function(response) {
            var subcategories = response;
            subcategories.forEach(function(subcategory) {
                $('#subcategory-list').append('<option value="' + subcategory.id + '">' + subcategory.title + '</option>');
            });
        }
    });
});
</script>


<script>
    ClassicEditor
        .create(document.querySelector('#descriptions'))
        .catch(error => {
            console.error(error);
        });
</script>

@stop