@extends('souq.layout.master')
@section('title', 'تعديل منتج')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">تعديل منتج</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card-box">

                <h4 class="header-title mb-4">تعديل البيانات</h4>

                <div class="row">
                    <div class="col-xl-12">
                        <form method="post" action="{{route('souq_products.update',$row->id)}}"
                              enctype="multipart/form-data">
                            @csrf
                            @method('PATCH')
<input type="hidden" value="{{$row->id}}" id="product_id">

                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="exampleInputEmail1">الاسم</label>
                                    <input type="text" class="form-control" value="{{$row->name}}" name="name"
                                           id="exampleInputEmail1"
                                           placeholder="الاسم">
                                    @if ($errors->has('name'))
                                        <small class="text-danger">{{ $errors->first('name') }}</small>
                                    @endif
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="exampleInputEmail1">السعر</label>
                                    <input type="text" class="form-control" value="{{$row->price}}" name="price"
                                           id="exampleInputEmail1"
                                           placeholder="السعر">
                                    @if ($errors->has('price'))
                                        <small class="text-danger">{{ $errors->first('price') }}</small>
                                    @endif
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="exampleInputEmail1">القسم الرئيسي</label>

                                    <select name="category_id" class="form-control" required id="category">

                                        <option disabled selected> برجاء اختيار القسم الرئيسي</option>
                                        @foreach($categories as $category)
                                            <option
                                                {{$row->category_id == $category->id ? "selected" : ""}} value="{{$category->id}}">{{$category->title['ar']}}</option>

                                        @endforeach
                                    </select>
                                    @if ($errors->has('category_id'))
                                        <small class="text-danger">{{ $errors->first('category_id') }}</small>
                                    @endif
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="exampleInputEmail1">القسم الفرعي</label>

                                    <select name="sub_category_id" class="form-control" required id="sub_category">
                                        @foreach($subCategories as $subCategory)
                                            <option
                                                {{$row->sub_category_id == $subCategory->id ? "selected" : ""}} value="{{$subCategory->id}}">{{$subCategory->title['ar']}}</option>

                                        @endforeach

                                    </select>
                                    @if ($errors->has('sub_category_id'))
                                        <small class="text-danger">{{ $errors->first('sub_category_id') }}</small>
                                    @endif
                                </div>
                                <div class="form-group col-md-12" id="properties">

                                    <label for="exampleInputEmail1">الخصائص</label>


                                    @forelse($row->properties as $property)

                                        <div class="row">
                                            <div class="col-md-6">
                                                <label for="exampleInputEmail1">إسم الخاصية</label>
                                                <input hidden type="text" class="form-control" required
                                                       value="{{$property->id}}"
                                                       name="property_id[]"
                                                       id="exampleInputEmail1">


                                                <input type="text" class="form-control" required
                                                       value="{{$property->title['ar']}}"
                                                       disabled
                                                       id="exampleInputEmail1">
                                            </div>
                                            <div class="col-md-6">
                                                <label for="exampleInputEmail1">قيمة الخاصية</label>
                                                <input type="text" class="form-control" required
                                                       placeholder="قيمة الخاصية" name="value[]"
                                                       value="{{\App\Models\SouqProductProperty::whereProductId($row->id)->wherePropertyId($property->id)->value('value')}}"
                                                       id="exampleInputEmail1">
                                            </div>
                                        </div>

                                    @empty

                                        <p> لا يوجد خصائص بالقسم المختار
                                        </p>
                                    @endforelse


                                </div>


                            </div>

                            <div class="form-group col-md-12">
                                <label for="exampleInputEmail1">الوصف</label>


                                <textarea name="description" required placeholder="الوصف"
                                          class="form-control">{{$row->description}}</textarea>
                                @if ($errors->has('description'))
                                    <small class="text-danger">{{ $errors->first('description') }}</small>
                                @endif
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="card-box">
                                        <h4 class="header-title mb-4">الصور</h4>
                                        <input type="file" name="images[]" class="dropify" multiple
                                                data-height="300"/>
                                    </div>
                                </div><!-- end col -->
                                @if ($errors->has('images'))
                                    <small class="text-danger">{{ $errors->first('images') }}</small>
                                @endif
                            </div>

                            <button type="submit" class="btn btn-primary">تعديل</button>
                        </form>
                    </div><!-- end col -->


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



@stop
@section('scripts')

    <script>
        $("#category").on('change', function () {
            var category_id = $("#category").val();
            $.ajax({

                type: 'GET',
                data: {category_id: category_id},
                url: '{{route('getSouqSupCategories')}}',

                success: function (data) {

                    $("#sub_category").html(data.subCategories);

                }

            });
        });
        $("#sub_category").on('change', function () {
            var subCategory_id = $("#sub_category").val();
            $.ajax({
                type: "GET",
                data: {subCategory_id: subCategory_id , 'product_id' : $("#product_id").val()},
                url: '{{route('getCategoryPropertiesEdit')}}',
                success: function (data) {
                    $("#properties").html(data.properties_view)
                }
            });
        });
    </script>
@stop