@extends('layouts.stores_dashboard_layout')

@section('title')
{{trans('stores_dashboard.edit_product')}}

@endsection


@section('content')

            <div  class="table-cont p-2 ">
                <div class="row align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                        <h6 class="bold">{{trans('stores_dashboard.edit_product')}}</h6>
                        <p class="mb-1">{{trans('stores_dashboard.edit_product_desc')}}</p>
                    </div>
                </div>


                <form id="postForm" >
                   @csrf

                    <div class=" white-bg round7 mb-3 mt-2 p-3">
                        <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('stores_dashboard.edit_product_info')}}</h6>

                        <div class="w-md-75 ">
                        <input type="hidden" name="store_id" value="{{$store->id}}">
                        <input type="hidden" name="product_id" value="{{$product->id}}">

                            <div class="form-group">
                                <div class="row align-items-center justify-content-start ">
                                    <div class=" ">
                                        <label for="file1">
                                            <div class="input-img-cont ">
                                                <img src="{{$product->ImagePath}}" id="view1" class="input-img" alt="">
                                                <img src="../imgs/icons/camera.png" class="input-img-camera" alt="">
                                            </div>
                                            <input onchange="viewImg(event ,'#view1')" class="d-none" type="file" name="image" id="file1">
                                        </label>
                                    </div>
                                    <div class="col">
                                        <h6 class="bold font14">{{trans('stores_dashboard.product_image')}}</h6>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.name_in_ar')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="name_ar" value="{{ $product->getTranslation('name', 'ar') }}" type="text" class="form-control" id="exampleInputEmail1"  placeholder="> {{trans('stores_dashboard.name_in_ar')}}">
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.name_in_en')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="name_en" value="{{ $product->getTranslation('name', 'en') }}" type="text" class="form-control" id="exampleInputEmail1"  placeholder="> {{trans('stores_dashboard.name_in_en')}}">
                            </div>

                            <div class="form-group">
                               <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.product_price')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="price" value="{{$group?->price}}" type="number" class="form-control" id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.product_price')}}">
                            </div>

                            <div class="form-group">
                            <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.price_after_discount')}}  </label>
                                    <input name="discount_price" value="{{$group?->discount_price}}" type="number" class="form-control" id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.price_after_discount')}}">
                            </div>


                            <div class="row justify-content-between">

                                <div class="form-group  p-0 col-md mr-lang2">
                                    <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.from')}} </label>
                                    <input name="from" value="{{$group?->from}}" type="date" class="form-control" id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.from')}} ">
                                </div>

                                <div class="form-group  p-0 col-md mr-lang2">
                                    <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.to')}} </label>
                                    <input name="to" value="{{$group?->to}}" type="date" class="form-control" id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.to')}} ">

                                </div>
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.menu')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <select name="store_menu_category_id" class="form-control">
                                    @foreach($menus as $menu)
                                        @if($product->store_menu_category_id == $menu->id)
                                        <option value="{{$menu->id}}"  selected>{{$menu->name}}</option>
                                        @endif
                                         <option value="{{$menu->id}}" >{{$menu->name}}</option>
                                    @endforeach
                                  </select>
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.desc_ar')}} <span style="color: #ff3333;margin: auto 20px;">  </span></label>
                                <textarea name="desc_ar" value="{{ $product->getTranslation('desc', 'ar') }}" type="text" rows="6" class="form-control" id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.desc_ar')}} ">{{ $product->getTranslation('desc', 'ar') }}</textarea>
                            </div>


                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.desc_en')}}  <span style="color: #ff3333;margin: auto 20px;">   </span></label>
                                <textarea name="desc_en" value="{{ $product->getTranslation('desc', 'en') }}" type="text" rows="6" class="form-control" id="exampleInputEmail1"  placeholder=" {{trans('stores_dashboard.desc_en')}} ">{{ $product->getTranslation('desc', 'en') }}</textarea>
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.storage')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                         <select name="in_stock_type" id="" class="form-control">
                                                <option {{$group?->type=='in'?'selected':''}} value="in">{{trans('stores_dashboard.instock')}}</option>
                                                <option {{$group?->type=='out'?'selected':''}} value="out">{{trans('stores_dashboard.soldout')}} </option>
                                         </select>
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('stores_dashboard.sku')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="in_stock_sku" value="{{$group?->in_stock_sku}}" type="text" class="form-control" id="exampleInputEmail1"  placeholder="SKU ">

                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{trans('stores_dashboard.quantity')}} <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <input name="in_stock_qty" value="{{$group?->in_stock_qty}}" type="number" class="form-control"  id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.quantity')}} ">
                            </div>

                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1"> {{trans('stores_dashboard.product_type')}}  <span style="color: #ff3333;margin: auto 20px;"> * </span></label>
                                <select name="type" class="form-control">
                                <option {{$product->type=='simple'?'selected':''}} value="simple">{{trans('stores_dashboard.simple')}}</option>
                                <option {{$product->type=='multiple'?'selected':''}} value="multiple">{{trans('stores_dashboard.multiparts')}}</option>
                                  </select>
                            </div>



                        </div>
                    </div>


                    <button id="postbtn" class="button1 w-100 mt-3 material-button" >{{trans('stores_dashboard.confirm')}}</button>


                </form>




    </div>

@endsection
@section('scripts')
<script>
        $("#postbtn").on('click',function(e){
            e.preventDefault();
            var form = $('#postForm').get(0);
            var formData = new FormData(form);
            var oldText = $(this).text();
            $(this).prop('disabled', true).css({
                opacity:'0.5'
            }).text("{{trans('stores_dashboard.loading')}}");

            $.ajax({
                url:"{{route('stores_dashboard.product_update')}}",
                type:"POST",
                data: formData,
                dataType: "json",
                processData: false,
                contentType: false,
                cache: false,
                success:function(data){
                    $('#postbtn').removeAttr("disabled").css({
                        opacity:'1'
                    }).text(oldText);
                    if(data.key =='success'){
                        Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 3000,
                            type:'success',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                        location.assign(data.url);

                    }else{
                        Swal.fire({
                            title: data.msg,
                            position:'top',
                            timer: 3000,
                            type:'error',
                            showCloseButton: false,
                            showConfirmButton:false,
                            animation: true
                        })
                    }
                }
            });
        });
</script>
<script>
     document.getElementById('form').onsubmit = function(event){
            event.preventDefault();
             // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                Swal.fire({
                icon: 'success',
                title: '<h5 class="bold">{{trans("stores_dashboard.add_product_success")}}</h5>',
                showConfirmButton: false,
                timer: 1500
                    });
                }
 </script>
 @endsection