@extends('admin.admin')

@section('title')
    Product {{ isset($item) ? 'Update' : 'Create' }}
@endsection

@section('content')
    <div class="container" style="margin-top: 100px;">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h4>{{ isset($item) ? 'Update' : 'Create' }} Product</h4>
                        <div class="card-header-action">
                            <a href="{{ route('admin.product.index') }}" class="btn btn-primary"><i class="fas fa-plus"></i>
                                List</a>
                        </div>
                    </div>
                    <div class="card-body">
                        <form
                            action="{{ isset($item) ? route('admin.product.update', $item->id) : route('admin.product.store') }}"
                            method="POST" enctype="multipart/form-data">
                            @csrf

                            @isset($item)
                                @method('PUT')
                            @endisset

                            <div class="row">
                                <div class="col-lg-6 my-2">
                                    <label>Product Name* (Required)</label>
                                    <input type="text" name="name"
                                        class="form-control @error('name')
                                            is-invalid
                                        @enderror"
                                        value="{{ isset($item) ? $item->name : old('name') }}" placeholder="Name">
                                    @error('name')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Product Code* (Required)</label>
                                    <input type="text" name="code"
                                        class="form-control @error('code')
                                            is-invalid
                                        @enderror"
                                        value="{{ isset($item) ? $item->code : old('code') }}" placeholder="Code">
                                    @error('code')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Select Category* (Required)</label>
                                    <select name="category_id"
                                        class="form-control category @error('category_id')
                                        is-invalid
                                    @enderror">
                                        <option selected disabled>Category</option>
                                        @foreach ($categories as $category)
                                            <option value="{{ $category->id }}" @selected(isset($item) ? $item->category_id == $category->id : '')>
                                                {{ $category->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('category_id')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Select Subcategory* (Optional)</label>
                                    <select name="subcategory_id"
                                        class="form-control subcategory @error('subcategory_id')
                                        is-invalid
                                    @enderror">

                                        @php
                                            if (isset($item)) {
                                                $subcategories = App\Models\Subcategory::where(
                                                    'category_id',
                                                    $item->category_id,
                                                )->get();
                                            } else {
                                                $subcategories = [];
                                            }
                                        @endphp

                                        <option selected disabled>Subcategory</option>
                                        @foreach ($subcategories as $subcategory)
                                            <option value="{{ $subcategory->id }}" @selected(isset($item) ? $item->subcategory_id == $subcategory->id : '')>
                                                {{ $subcategory->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('subcategory_id')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Select Brand* (Optional)</label>
                                    <select name="brand_id"
                                        class="form-control @error('brand_id')
                                        is-invalid
                                    @enderror">
                                        <option selected disabled>Brand</option>
                                        @foreach ($brands as $brand)
                                            <option value="{{ $brand->id }}" @selected(isset($item) ? $item->brand_id == $brand->id : '')>
                                                {{ $brand->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('brand_id')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Product Type* (Required)</label>
                                    <select name="type"
                                        class="form-control @error('type')
                                        is-invalid
                                    @enderror">
                                        <option value="new_arrival">New Arrival</option>
                                        <option value="trending">Trending</option>
                                        <option value="most_popular">Most Popular</option>
                                        <option value="featured">Featured</option>

                                    </select>
                                    @error('type')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-12 my-2">
                                    <label>Short Description* (Required)</label>
                                    <textarea name="short_description"
                                        class="form-control @error('short_description')
                                      is-invalid
                                  @enderror">
                                  {{ isset($item) ? $item->short_description : old('short_description') }}
                                </textarea>
                                    @error('short_description')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-12 my-2">
                                    <label>Long Description* (Required)</label>
                                    <textarea name="long_description" id="summernote"
                                        class="form-control @error('long_description')
                                        is-invalid
                                    @enderror">{{ isset($item) ? $item->long_description : old('long_description') }}
                                    </textarea>
                                    @error('long_description')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Video Link* (Optional)</label>
                                    <input type="text" name="video_link"
                                        class="form-control @error('video_link')
                                        is-invalid
                                    @enderror"
                                        value="{{ isset($item) ? $item->video_link : old('video_link') }}"
                                        placeholder="Video Link">
                                    @error('video_link')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Product Price* (Required)</label>
                                    <input type="number" name="price"
                                        class="form-control @error('price')
                                        is-invalid
                                    @enderror"
                                        value="{{ isset($item) ? $item->price : old('price') }}" placeholder="Price">
                                    @error('price')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Offer Price* (Optional)</label>
                                    <input type="number" name="offer_price"
                                        class="form-control @error('offer_price')
                                        is-invalid
                                    @enderror"
                                        value="{{ isset($item) ? $item->offer_price : old('offer_price') }}"
                                        placeholder="Offer Price">
                                    @error('offer_price')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Stock* (Required)</label>
                                    <input type="number" name="quantity"
                                        class="form-control @error('quantity')
                                        is-invalid
                                    @enderror"
                                        value="{{ isset($item) ? $item->quantity : old('quantity') }}" placeholder="Stock">
                                    @error('quantity')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Show Homepage* (Required)</label>
                                    <select name="show_homepage"
                                        class="form-control @error('show_homepage')
                                        is-invalid
                                    @enderror">
                                        <option value="0" @selected(isset($item) ? $item->show_homepage == 0 : old('show_homepage' == 0))>No
                                        </option>
                                        <option value="1" @selected(isset($item) ? $item->show_homepage == 1 : old('show_homepage' == 1))>Yes
                                        </option>
                                    </select>
                                    @error('show_homepage')
                                        <strong class="text-danger">
                                            {{ $message }}
                                        </strong>
                                    @enderror
                                </div>

                                {{-- <div class="col-lg-6 my-2">
                                    <label>Seo Title* (Optional)</label>
                                    <input type="text" name="seo_title"
                                        value="{{ isset($item) ? $item->seo_title : old('seo_title') }}"
                                        class="form-control" placeholder="Seo Title">
                                </div>

                                <div class="col-lg-6 my-2">
                                    <label>Seo Description* (Optional)</label>
                                    <input type="text" name="seo_description" class="form-control"
                                        placeholder="Seo Description"
                                        value="{{ isset($item) ? $item->seo_description : old('seo_description') }}">
                                </div> --}}

                                <div class="col-lg-6 my-2">
                                    <label>Status* (Required)</label>
                                    <select name="status"
                                        class="form-control @error('status')
                                        is-invalid
                                    @enderror">
                                        <option value="0" @selected(isset($item) ? $item->status == 0 : '')>Inactive
                                        </option>
                                        <option value="1" @selected(isset($item) ? $item->status == 1 : '')>Active
                                        </option>
                                    </select>

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

                                <div class="col-lg-12 my-3">
                                    <button class="btn btn-primary" type="submit">
                                        {{ isset($item) ? 'Update' : 'Create' }}
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $('.category').on('change', function() {
            let categoryId = $(this).val();

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                type: 'POST',
                url: '{{ route('admin.product.category') }}',
                data: {
                    _token: "{{ csrf_token() }}",
                    category_id: categoryId,
                },

                success: function(data) {
                    $('.subcategory').html(data);

                },
                error: function() {

                },
                complete: function() {

                }

            });
        });
    </script>
@endpush