@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.store')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="supplier_id" value="{{$supplier_id}}">

                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="exampleInputEmail1">الاسم</label>
                                    <input type="text" class="form-control" value="{{old('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="{{old('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 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">


                                    </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">


                                </div>


                            </div>

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


                                <textarea name="description" required placeholder="الوصف"
                                          class="form-control">{{old('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
                                               required 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},
                url: '{{route('getCategoryProperties')}}',
                success: function (data) {
                    $("#properties").html(data.properties_view)
                }
            });
        });
    </script>
@stop