@extends('merchant.layouts.master')
@section('css')
<style>
  .select2-container {

    width: 100% !important;
}
</style>
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h2 class="content-title mb-0 my-auto">{{config('languageString.edit_product')}}</h2>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection
@section('content')
    <!-- row -->
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="card">
                <div class="card-body">
                    <form method="POST" data-parsley-validate="" id="addEditForm" role="form">
                        @csrf
                        <input type="hidden" id="edit_value" name="edit_value" value="{{ $product->id }}">
                        <input type="hidden" id="form-method" value="edit">

                       <div class="row row-sm">
                            <div class="col-12 border-bottom mb-3 p-3 bg-light">
                                <div class="main-content-label mb-0">{{ config('languageString.product') }}</div>
                            </div>
                            <div class="col-12">
                                        <div class="form-group">
                                            <label for="parent_id">{{ config('languageString.store_name') }} </label>
                                            <select name="merchant_id" class="form-control select2" id="merchant_id" required >
                                                <option value="">{{config('languageString.store_name')}}</option>
                                                @foreach($merchants as $merchant)
                                                <option value="{{$merchant->id}}" @if($product->merchant_id == $merchant->id){{'selected'}}@endif>
                                                  {{$merchant->name}} -  {{$merchant->store_name}} - {{$merchant->id}}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="parent_id">{{ config('languageString.parent_category') }} </label>
                                            <select name="parent_id[]" class="form-control select2" id="parent_id" multiple>
                                                <option value="" disabled="">{{config('languageString.parent_category')}}</option>
                                                @foreach($categories as $category)
                                                    <option value="{{$category->id}}" @if(in_array($category->id,$productCategories)) selected @endif>{{$category->name}} - {{$category->id}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    @foreach($languages as $language)
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label
                                                    for="{{ $language->language_code }}_name">{{ $language->name }} {{ config('languageString.name') }}
                                                    <span
                                                        class="error">*</span></label>
                                                <input type="text" class="form-control"
                                                       @if($language->is_rtl==1) dir="rtl" @endif
                                                       name="{{ $language->language_code }}_name"
                                                       id="{{ $language->language_code }}_name"
                                                        value="{{ $product->translateOrNew($language->language_code)->name }}"
                                                       placeholder="{{ $language->name }} Name" required/>
                                                <div class="help-block with-errors error"></div>
                                            </div>
                                        </div>
                                    @endforeach

                                    @foreach($languages as $language)
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label
                                                    for="{{ $language->language_code }}_name">{{ $language->name }} {{ config('languageString.description') }}
                                                    <span
                                                        class="error">*</span></label>
                                                <input type="text" class="form-control"
                                                       @if($language->is_rtl==1) dir="rtl" @endif
                                                       name="{{ $language->language_code }}_description"
                                                       id="{{ $language->language_code }}_description"
                                                       placeholder="{{ $language->name }} Description"

                                                       value="{{ $product->translateOrNew($language->language_code)->descriptions }}"

                                                       required/>
                                                <div class="help-block with-errors error"></div>
                                            </div>
                                        </div>
                                    @endforeach

                                    @foreach($languages as $language)
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label
                                                    for="{{ $language->language_code }}_name">{{ $language->name }} {{ config('languageString.about_deal') }}
                                                    <span
                                                        class="error">*</span></label>
                                                    <textarea class="form-control"
                                                      @if($language->is_rtl==1) dir="rtl" @endif
                                                       name="{{ $language->language_code }}_about_deal"
                                                       id="{{ $language->language_code }}_about_deal"
                                                       placeholder="{{ $language->name }} {{config('languageString.about_deal')}}" required
                                                      >{{ $product->translateOrNew($language->language_code)->about_deal }}</textarea>

                                                <div class="help-block with-errors error"></div>
                                            </div>
                                        </div>
                                    @endforeach


                           <div class="col-12 border-bottom mb-3 p-3 bg-light">
                                <div class="main-content-label mb-0">{{ config('languageString.product_detail') }}</div>
                            </div>

                             <div class="col-6">
                                   <div class="form-group">
                                         <label for="sku">{{ config('languageString.sku') }}
                                           <span class="error">*</span></label>
                                              <input type="text" class="form-control" id="sku" name="sku"  value="{{ $product->sku }}" required />
                                                <div class="help-block with-errors error"></div>
                                            </div>
                                   </div>

                                   <div class="col-6">
                                   <div class="form-group">
                                         <label for="location">{{ config('languageString.location') }}
                                           <span class="error">*</span></label>
                                              <input type="text" class="form-control" id="location" name="location" value="{{ $product->location }}" />
                                                <div class="help-block with-errors error"></div>
                                            </div>
                                   </div>

                                   <div class="col-6">
                                   <div class="form-group">
                                         <label for="price">{{ config('languageString.price') }}
                                           <span class="error">*</span></label>
                                              <input type="text" class="form-control" id="price" name="price" value="{{ $product->price }}" required onkeyup="checkPrice()"/>
                                                <div class="help-block with-errors error"></div>
                                            </div>
                                   </div>

                           <div class="col-2">
                               <div class="form-group">
                                   <label for="discounted_price">{{ config('languageString.discounted_price') }}
                                       <span class="error">*</span></label>
                                   <input type="text" min="0" step="any" class="form-control" id="discounted_price" name="discounted_price" value="{{ $product->discounted_price }}"  onkeyup="checkPrice()"/>
                                   <div class="help-block with-errors error"></div>
                               </div>
                           </div>
                           @php
                           $percentvalu = ($product->price != null && $product->discounted_price != null) ? ($product->price - $product->discounted_price ) / $product->price*100 : null;

                           @endphp
                           <div class="col-1">
                               <div class="form-group">
                                   <label for="percent_discount">{{ config('languageString.percent_discount') }}
                                       <span class="error">*</span></label>
                                   <input type="text" min="0" step="any" class="form-control" id="percent_discount" name="percent_discount" value="{{ $percentvalu }}" onkeyup="checkPrice()"/>
                                   <div class="help-block with-errors error"></div>
                               </div>
                           </div>



                                   <div class="col-2">
                                     <label for="discounted_price">{{ config('languageString.discounts_till') }}<span class="error">*</span></label>
                                   <div class="input-group">

                                  <div class="input-group-prepend">
                                    <div class="input-group-text">

                                      <em class="typcn typcn-calendar-outline tx-24 lh--9 op-6"></em>
                                    </div>
                                  </div><input class="form-control datepicker-here" placeholder="MM/DD/YYYY" type="text" id="discounts_till_date" name="discounts_till_date"  autocomplete="off" value="{{ $product->discounts_till_date }}">
                                  <div class="help-block with-errors error"></div>
                                </div>
                                </div>

                                   <div class="col-6">
                                        <div class="form-group">
                                            <label for="parent_id">{{ config('languageString.tax_class') }} </label>
                                            <select name="tax_class_id" class="form-control select2" id="tax_class_id">
                                                <option value="">{{config('languageString.tax_class')}}</option>

                                                   <option value="0"> --- None --- </option>
                                                   <option value="1" selected="selected">Taxable Goods</option>
                                                   <option value="2">Downloadable Products</option>

                                            </select>
                                        </div>
                                    </div>


                                    <div class="col-6">
                                     <label for="discounted_price">{{ config('languageString.available_date') }}<span class="error">*</span></label>
                                   <div class="input-group">

                                  <div class="input-group-prepend">
                                    <div class="input-group-text">

                                      <em class="typcn typcn-calendar-outline tx-24 lh--9 op-6"></em>
                                    </div>
                                  </div><input class="form-control datepicker-here" placeholder="MM/DD/YYYY" type="text" id="available_date" name="available_date" value="{{ $product->available_date }}" required autocomplete="off">
                                  <div class="help-block with-errors error"></div>
                                </div>
                                </div>

{{--                                   <div class="col-4">--}}
{{--                                   <div class="form-group">--}}
{{--                                         <label for="dimensions_length">{{ config('languageString.dimensions_length') }}--}}
{{--                                           <span class="error">*</span></label>--}}
{{--                                              <input type="text" class="form-control" id="dimensions_length" name="dimensions_length" value="{{ $product->dimensions_length }}" required/>--}}
{{--                                                <div class="help-block with-errors error"></div>--}}
{{--                                            </div>--}}
{{--                                   </div>--}}
{{--                                   <div class="col-4">--}}
{{--                                        <div class="form-group">--}}
{{--                                            <label for="parent_id">{{ config('languageString.length_class') }} </label>--}}
{{--                                            <select name="length_class_id" class="form-control select2" id="length_class_id">--}}
{{--                                                <option value="">{{config('languageString.length_class')}}</option>--}}
{{--                                               --}}
{{--                                                   <option value="1" selected="selected" >Centimeter</option>--}}
{{--                                                    <option value="2">Millimeter</option>--}}
{{--                                                    <option value="3">Inch</option>--}}
{{--                                                --}}
{{--                                            </select>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                   <div class="col-4">--}}
{{--                                   <div class="form-group">--}}
{{--                                         <label for="discounted_price">{{ config('languageString.dimensions_height') }}--}}
{{--                                           <span class="error">*</span></label>--}}
{{--                                              <input type="text" class="form-control" id="dimensions_height" name="dimensions_height" value="{{ $product->dimensions_height }}"  required/>--}}
{{--                                                <div class="help-block with-errors error"></div>--}}
{{--                                            </div>--}}
{{--                                   </div>--}}
{{--                                  --}}

{{--                                <div class="col-4">--}}
{{--                                   <div class="form-group">--}}
{{--                                         <label for="discounted_price">{{ config('languageString.weight') }}--}}
{{--                                           <span class="error">*</span></label>--}}
{{--                                              <input type="text" class="form-control" id="weight" name="weight" value="{{ $product->weight }}"  required/>--}}
{{--                                                <div class="help-block with-errors error"></div>--}}
{{--                                            </div>--}}
{{--                                   </div>--}}
{{--                                   <div class="col-4">--}}
{{--                                        <div class="form-group">--}}
{{--                                            <label for="parent_id">{{ config('languageString.weight_class') }} </label>--}}
{{--                                            <select name="weight_class_id" class="form-control select2" id="weight_class_id">--}}
{{--                                                <option value="">{{config('languageString.weight_class')}}</option>--}}
{{--                                               --}}
{{--                                                   <option value="1" selected="selected">Kilogram</option>--}}
{{--                                                    <option value="2">Gram</option>--}}
{{--                                                    <option value="3">Pound </option>--}}
{{--                                                    <option value="4">Ounce</option>--}}
{{--                                                --}}
{{--                                            </select>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}

{{--                                     <div class="col-4">--}}
{{--                                   <div class="form-group">--}}
{{--                                         <label for="discounted_price">{{ config('languageString.dimensions_width') }}--}}
{{--                                           <span class="error">*</span></label>--}}
{{--                                              <input type="text" class="form-control" id="dimensions_width" name="dimensions_width" value="{{ $product->dimensions_width }}" required/>--}}
{{--                                                <div class="help-block with-errors error"></div>--}}
{{--                                            </div>--}}
{{--                                   </div>--}}

                                   <div class="col-12 border-bottom mb-3 p-3 bg-light">
                                <div class="main-content-label mb-0">
                                <input type="checkbox" name="product_variant_yes_no" id="product_variant_yes_no" @if(count($ProductVariants) > 0){{'checked'}}@endif  style="width: 21px;height: 21px;">  {{ config('languageString.Product_has_multiple_variant') }}  <span style="font-size: 13px;font-weight: 500;">
                                  {{ config('languageString.multiple_size_and_or_color') }}
                                </span></div>

                            </div>
                            <div class="col-12 var_id" @if(count($ProductVariants) == 0){{'style=display:none'}}@endif>
                                        <div class="form-group">
                                            <label for="variant_id">{{ config('languageString.variants') }} </label>
                                            <select name="variant_id" class="form-control select2" id="variant_id"  onchange="addVariant()">
                                                <option value="" disabled="">{{config('languageString.variants')}}</option>
                                                @foreach($variants as $variant)
                                                    <option value="{{$variant->id}}" @if(in_array($variant->id, $variant_ids)){{'selected'}}@endif>{{$variant->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                    <div  class="col-12" id="variants_ids" @if(count($ProductVariants) == 0){{'style=display:none'}}@endif>
                        <div class="card overflow-hidden">


                            <div class="card-body">
                                <div class="panel-group1">
                                    <div class="panel panel-default  mb-4">

                    <div id="collapseFour1" class="panel-collapse" role="tabpanel" aria-expanded="false">
                        <div class="panel-body border">

                          <div class="row row-sm">
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="area_id">{{config('languageString.option_value_name')}}<span
                                            class="error"></span></label>

                                </div>
                            </div>

                            <!-- <div class="col-1">
                                <div class="form-group">
                                    <label for="area_id">{{config('languageString.quantity')}}<span
                                      class="error"></span></label>



                                </div>
                            </div> -->

                            <div class="col-2" >
                                <div class="form-group">
                                    <label for="itd_qty">{{config('languageString.price')}}<span
                                            class="error"></span></label>

                                </div>
                            </div>

                            <div class="col-2">
                                <div class="form-group">
                                    <label for="area_id">{{config('languageString.discounted_price')}}<span class="error"></span></label>


                                </div>
                            </div>

                            <div class="col-2">
                                <div class="form-group">
                                    <label for="area_id">{{config('languageString.image')}}<span class="error"></span></label>


                                </div>
                            </div>

                            <div class="col-2">
                                <div class="form-group">
                                    <label for="area_id">{{config('languageString.icon')}}<span class="error"></span></label>


                                </div>
                            </div>

                            <div class="col-1">
                                <div class="form-group">
                                    <!-- <button type="button" class="btn btn-info add-new mt-4"
                                            style="    margin-top: 25px !important;"><i class="fa fa-plus"></i>

                                    </button> -->

                                </div>
                            </div>
                          </div>


                            <input type="hidden" id="child_row_count" value="1">
                            <div id="row_id_variant">
                              @include('admin.products.variantOptionField')
                            </div>


                                </div>
                             </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                            <div class="col-12 border-bottom mb-3 p-3 bg-light">
                                <div class="main-content-label mb-0"> {{ config('languageString.quantity') }}</div>
                            </div>

                            <div class="col-6">
                                   <div class="form-group">
                                         <label for="min_sale_qty">{{ config('languageString.min_sale_qty') }}
                                           <span class="error">*</span></label>
                                              <input type="number" class="form-control" id="min_sale_qty" name="min_sale_qty"  value="{{ $product->min_sale_qty }}" onkeyup="checkSaleQty()"/>
                                                <div class="help-block with-errors error"></div>
                                            </div>
                                   </div>

                         <div class="col-6">
                                   <div class="form-group">
                                         <label for="max_sale_qty">{{ config('languageString.max_sale_qty') }}
                                           <span class="error">*</span></label>
                                              <input type="number" class="form-control" id="max_sale_qty" name="max_sale_qty" value="{{ $product->max_sale_qty }}" onkeyup="checkSaleQty()"/>
                                                <div class="help-block with-errors error"></div>
                                            </div>
                              </div>
                          <div class="col-12 border-bottom mb-3 p-3 bg-light">
                                <div class="main-content-label mb-0">{{ config('languageString.influencer') }}</div>
                            </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="influencer_id">{{ config('languageString.influencer') }} </label>
                                            <select name="influencer_id[]" class="form-control select2" id="influencer_id" multiple>
                                                <option value="" disabled="">{{config('languageString.influencer')}}</option>
                                                @foreach($influencers as $influencer)
                                                    <option value="{{$influencer->id}}" @if(in_array($influencer->id,$influencerIds)) selected @endif>{{$influencer->name}} - {{$influencer->id}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                          <div class="col-12 border-bottom mb-3 p-3 bg-light">
                                <div class="main-content-label mb-0">{{ config('languageString.image') }}</div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="url">{{ config('languageString.image') }}<span class="error"></span></label>
                                    <input type="file" class="form-control" id="inputImage"/>
                                    <div class="help-block with-errors error"></div>
                                </div>
                            </div>

                            @include('merchant.cropimages.cropimage')
                                    <div class="col-12">
                                        <div class="form-group mb-0 mt-3 justify-content-end">
                                            <div>
                                                <button type="submit" class="btn btn-success" id="add_product">{{ config('languageString.submit') }}
                                                </button>
                                                <a href="{{ route('merchant.products.index') }}"
                                                   class="btn btn-secondary">{{ config('languageString.cancel') }}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- /row -->

    </div>
    <!-- Container closed -->
    </div>
    <!-- main-content closed -->
@endsection
@section('js')
<script src="{{URL::asset('assets/js/custom/merchant/products.js')}}?v={{ time() }}"></script>
@endsection