@extends('layouts.stores_dashboard_layout')


@section('title')
{{trans('stores_dashboard.add_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.add_product')}}</h6>
                        <p class="mb-1">{{trans('stores_dashboard.add_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.add_product_info')}}</h6>

                        <div class="w-md-75 ">
                        <input type="hidden" name="store_id" value="{{$store->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="../imgs/icons/upload-img.png" 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_info')}}</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" 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" 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" 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" 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" 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" 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)
                                         <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" type="text" rows="6" class="form-control" id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.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" type="text" rows="6" class="form-control" id="exampleInputEmail1"  placeholder="{{trans('stores_dashboard.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 value="in" selected>{{trans('stores_dashboard.instock')}}</option>
                                                <option 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" 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" 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 value="simple" >{{trans('stores_dashboard.simple')}}</option>
                                    <option 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.post_product')}}",
                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>
 @endsection