@extends('admin.layout.layout')

@section('page-level-css')
<link href="{{asset('admin/assets/css/filepond.css')}}" rel="stylesheet" type="text/css" media="screen">
<script src="{{asset('admin/assets/js/filepond.js')}}"></script>
@endsection

@section('content')
{{-- csrf token --}}
<meta name="csrf-token" content="{{ csrf_token() }}">
{{-- csrf token --}}
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
  <!-- START HEADER -->
  @include('admin.partials.header')
  <!-- END HEADER -->
  <!-- START PAGE CONTENT WRAPPER -->
  <div class="page-content-wrapper ">
    <!-- START PAGE CONTENT -->
    <div class="content sm-gutter"> 
      <!-- START JUMBOTRON -->
      <div data-pages="parallax">
        <div class="container-fluid p-l-25 p-r-25 sm-p-l-0 sm-p-r-0">
          <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb sm-p-b-5">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Create user</li>
            </ol>
          </div>
        </div>
      </div>
      <!-- END JUMBOTRON -->
      <!-- START CONTAINER FLUID -->
      <div class="container-fluid container-fixed-lg">
        <!-- START ROW -->
        <div class="col-md-12">
          @if ($errors->any())
          <div class="alert alert-danger">
            <button class="close" data-dismiss="alert"></button>
            <ul>
              @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
              @endforeach
            </ul>
          </div>
          @endif
          @if(Session::has('success'))
          <div class="alert alert-success">
            <button class="close" data-dismiss="alert"></button>
            {{Session::get('success')}}
          </div>
          @endif
        </div>

        <div class="card card-default">
          <div class="card-header ">
            <div class="card-title">
              Edit User Information
            </div>
            <div class="tools">
              <a href="javascript:;" class="collapse"></a>
              <a href="#grid-config" data-toggle="modal" class="config"></a>
              <a href="javascript:;" class="reload"></a>
              <a href="javascript:;" class="remove"></a>
            </div>
            {{-- current company image --}}
            {{-- <div class="row-xs-height pull-right">
                <div class="social-user-profile col-xs-height text-center col-top">
                  <div class="thumbnail-wrapper dcustom95 circular bordered b-white">
                    <img src="{{asset('storage/users/default_company.png')}}"
            data-src-retina="{{asset('storage/users/default_company.png')}}"
            data-src="{{asset('storage/users/default_company.png')}}">
          </div>
        </div>
        <p class="hint-text m-t-5 small">Current Company logo</p>
      </div> --}}
      {{-- current company image --}}
    </div>
    <div class="card-body">
      <form data-parsley-validate method="post" action="{{route("products.update",['product' => $product->id ])}}"
        enctype="multipart/form-data" id="createUserForm">
        @csrf
        @method('PUT')
        <div class="card-title">
          <h4><strong>Product Information</strong></h4>
        </div>
        <hr>
        <div class="row">
          <div class="col-md-4">
            <p>Tilte</p>
            <div class="form-group form-group-default required ">
              <input class="typeahead form-control sample-typehead" type="text" placeholder="Title"
                value="{{ $product->title }}" name="title" required="required">
            </div>
          </div>
          <div class="col-md-4">
            <p>Slug</p>
            <div class="form-group form-group-default required ">
              <input class="typeahead form-control sample-typehead" type="text" placeholder="Slug"
                value="{{ $product->slug }}" name="slug" required="required">
            </div>
          </div>
          {{-- <div class="col-md-4">
            <p>SKU</p>
            <div class="form-group form-group-default required">
              <input class="typeahead form-control sample-typehead" type="text" placeholder="SKU"
                value="{{ $product->sku }}" name="sku" required="required">
            </div>
          </div> --}}
          <div class="col-md-4">
            <p>Quantity</p>
            <div class="form-group form-group-default required">
              <input class="typeahead form-control sample-typehead" type="text" placeholder="Quantity"
                value="{{ $product->quantity }}" name="quantity" required="required">
            </div>
          </div>
          <div class="col-md-4">
            <p>Zone 1 Price</p>
            <div class="form-group form-group-default required">
              <input class="typeahead form-control sample-typehead allownumericwithoutdecimal" type="text"
                placeholder="Price" value="{{ $product->price }}" name="price" required="required">
            </div>
          </div>
          <div class="col-md-4">
            <p>Zone 1 Discount Price</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="discount_price"
                placeholder="Discount Price" value="{{ $product->discount_price }}">
            </div>
          </div>

          <div class="col-md-4">
            <p>Zone 2 Price</p>
            <div class="form-group form-group-default required">
              <input class="typeahead form-control sample-typehead allownumericwithoutdecimal" type="text"
                placeholder="Zone 2 Price" value="{{ $product->zone_2_price }}" name="zone_2_price" required="required">
            </div>
          </div>
          <div class="col-md-4">
            <p>Zone 2 Discount Price</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="zone_2_dis_price"
                placeholder="Zone 2 Discount Price" value="{{ $product->zone_2_dis_price }}">
            </div>
          </div>
          {{-- <div class="col-md-4">
            <p>Size Text</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="size_text" placeholder="Size Text"
                value="{{ $product->size_text }}">
            </div>
          </div> --}}
          <div class="col-md-4">
            <p>Motion Transfer</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="cover_text"
                placeholder="Motion Transfer" value="{{ $product->cover_text }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Top Layer</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="top_layer"
                placeholder="Top Layer" value="{{ $product->top_layer }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Foam Layer</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="foam_layer"
                placeholder="Foam Layer" value="{{ $product->foam_layer }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Layer 3</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="layer_3"
                placeholder="Layer 3" value="{{ $product->layer_3 }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Firmness</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="layer_4"
                placeholder="Firmness" value="{{ $product->layer_4 }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Core</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="core"
                placeholder="Core" value="{{ $product->core }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Basic Care</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="basic_care"
                placeholder="Basic Care" value="{{ $product->basic_care }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Warranty</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="warranty"
                placeholder="Warranty" value="{{ $product->warranty }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Video Link</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="video_link"
                placeholder="Video Link" value="{{ $product->video_link }}">
            </div>
          </div>
          <div class="col-md-4">
            <p>Video Slider Link</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="video_slider_link"
                placeholder="Video Slider Link" value="{{ $product->video_slider_link }}">
            </div>
          </div>
          <div class="col-md-12">
            <p>Animation Link</p>
            <div class="form-group form-group-default">
              <input class="typeahead form-control sample-typehead" type="text" name="animation_html"
                placeholder="Animation Link" value="{{ $product->animation_html }}">
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <p>Current Images</p>
              <div class="gallery">
                @if(empty($product->images))
                <img width="235" height="47" alt="" class="invoice-logo"
                  data-src-retina="{{asset('storage/users/default_company.png')}}"
                  data-src="{{asset('storage/users/default_company.png')}}"
                  src="{{asset('storage/users/default_company.png')}}">
                @else
                @php
                $images = (json_decode($product->images));
                $totalCurrentImages = count($images);
                $allowedImages = 5 - $totalCurrentImages;
                // print_r($images);
                // die;
                $sr = 0;
                $i;
                @endphp
                <div class="gallery">
                  @foreach( $images as $key => $image )
                  <div class="gallery-item " data-width="1" data-height="1">
                    <img src="{{asset($image->url)}}" class="image-responsive-height">
                    <div class="overlayer bottom-left full-width">
                      <div class="overlayer-wrapper item-info ">
                        <div class="gradient-grey p-l-20 p-r-20 p-t-20 p-b-5">
                          <div class="m-t-10">
                            <div class="m-t-10">
                              <button class="btn btn-danger bold fs-14 deleteImage" type="button"
                                data-image-url="{{$image->url}}" data-image-key="{{$key}}"
                                data-content-id="{{$product->id}}">Remove</button>
                              @foreach( $images as $image )
                              @if( $sr <= $totalCurrentImages && $sr !=$key) <button
                                class="btn btn-primary bold fs-14 shuffleProduct" type="button"
                                data-original-position="{{$key}}" data-desired-position="{{$sr+1}}"
                                data-content-id="{{$product->id}}">{{$sr+1}}</button>
                                @endif
                                @php
                                $sr++;
                                @endphp
                                @endforeach
                                @php
                                $sr = 0;
                                @endphp
                            </div>
                            <div class="clearfix"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  @endforeach
                </div>

                @endif
              </div>

            </div>
          </div>
          {{-- <div class="col-md-4">
                  <p>Images</p>
                  <div class="form-group form-group-default required">
                    <input type="file" class="form-control" name="images[]" multiple="multiple">
                  </div>
                </div> --}}
          @php
          $images = (json_decode($product->images));
          @endphp
          <div class="col-md-12">
            <p>Images</p>
            <input type="file" class="filepond fileupload" name="images[]" multiple data-allow-reorder="true"
              data-max-file-size="3MB" data-max-files="{{$allowedImages}}" />
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <p>Description</p>
              <textarea class="typeahead form-control sample-typehead" type="text" name="description"
                placeholder="Description">{{ $product->description }}</textarea>
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <p>Why Choose Description</p>
              <textarea class="typeahead form-control sample-typehead" type="text" name="why_choose_description"
                placeholder="Why Choose Description">{{ $product->why_choose_description }}</textarea>
            </div>
          </div>
          <div class="col-md-12">
            <div class="form-group">
              <p>Suggested Choice</p>
              <textarea class="typeahead form-control wyswyg sample-typehead" type="text" name="suggested_choice"
                placeholder="Suggested Choice">{{ $product->suggested_choice }}</textarea>
            </div>
          </div>

        </div>

        <div class="card-title">
          <h4><strong>Other Details</strong></h4>
        </div>
        <hr>
        <div class="row">
          <div class="col-md-4">
            <p>Is Variant</p>
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="is_variant">
                <option value="1" @if($product->is_variant == 1) selected="selected" @endif>Yes</option>
                <option value="2" @if($product->is_variant == 2) selected="selected" @endif>No</option>
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <p>Is new</p>
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="is_new">
                <option value="1" @if($product->is_new == 1) selected="selected" @endif >Active</option>
                <option value="2" @if($product->is_new == 2) selected="selected" @endif >Inactive</option>
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <p>Is in sale</p>
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="is_in_sale">
                <option value="1" @if($product->is_in_sale == 1) selected="selected" @endif >Active</option>
                <option value="2" @if($product->is_in_sale == 2) selected="selected" @endif >Inactive</option>
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <p>Is in Week Sale</p>
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="is_in_week_sale">
                <option value="1" @if($product->is_in_week_sale == 1) selected="selected" @endif >Active</option>
                <option value="2" @if($product->is_in_week_sale == 2) selected="selected" @endif >Inactive</option>
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <p>Is featured</p>
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="is_featured">
                <option value="1" @if($product->is_featured == 1) selected="selected" @endif >Active</option>
                <option value="2" @if($product->is_featured == 2) selected="selected" @endif >Inactive</option>
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <p>Is Trending</p>
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="is_trending">
                <option value="1" @if($product->is_trending == 1) selected="selected" @endif >Active</option>
                <option value="2" @if($product->is_trending == 2) selected="selected" @endif >Inactive</option>
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <p>Is Bestseller</p>
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="is_best_seller">
                <option value="1" @if($product->is_best_seller == 1) selected="selected" @endif>Yes</option>
                <option value="2" @if($product->is_best_seller == 2) selected="selected" @endif>No</option>
              </select>
            </div>
          </div>
        </div>

        <div class="card-title">
          <h4><strong>Super Admin Details</strong></h4>
        </div>
        <hr>
        <div class="row">
          <div class="col-md-4">
            <div class="form-group">
              <p>Category <span class="text-danger">*</span></p>
              <select class="full-width" data-init-plugin="select2" name="category_id" id="categories"
                required="required">
                @foreach($categories as $category)
                {{-- @foreach($product->getProductCategory as $cat ) --}}
                <option value="{{ $category->id }}" @if($product->category_id == $category->id )
                  selected
                  @endif
                  >{{ $category->category }}</option>
                {{-- @endforeach --}}
                @endforeach
              </select>
            </div>
          </div>
          {{-- <div class="col-md-4">
            <div class="form-group">
              <p>Sub Category <span class="text-danger">*</span></p>
              <select class="full-width" data-init-plugin="select2" name="sub_category_id" id="subCategories"
                required="required">
                @if(count($subCategories) != 0)
                <option>Select City</option>
                @foreach( $subCategories as $subCategory )
                <option value="{{$subCategory->id}}" @if($product->sub_category_id == $subCategory->id )
                  selected="selected" @endif>{{$subCategory->sub_category}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div> --}}
          <div class="col-md-4">
            <div class="form-group drop-down">
              <p>Product Variants</p>
              <select class="full-width pro-variants" data-init-plugin="select2" name="product_variants[]"
                multiple="multiple">

                @if(count($products) != 0)
                @foreach( $products as $productVariant )
                @php

                if(!empty($productVariant->images)){
                $images = (json_decode($productVariant->images, true));
                if(isset($images[0]['url'])){
                $imageToDisplay = $images[0]['url'];
                }

                }else{
                $images = null;
                $imageToDisplay = null;
                }
                // print_r($imageToDisplay);
                @endphp
                @if(isset($imageToDisplay))
                <img src="{{asset($imageToDisplay)}}" class="image-responsive-height" height="100" width="100">
                @endif
                <option value="{{$productVariant->id}}" @if($product->getProductVariants)
                  @foreach( $product->getProductVariants as $previousProductVariant )
                  @if($previousProductVariant->id == $productVariant->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  @if(isset($imageToDisplay))
                  data-image="{{$imageToDisplay}}"
                  @endif
                  >

                  {{-- {{$imageToDisplay}} --}}


                  {{-- {{$imageToDisplay}} --}}
                  {{$productVariant->title}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <div class="form-group">
              <p>Color</p>
              <select class="full-width" data-init-plugin="select2" name="color_id[]" multiple="multiple">

                @if(count($colors) != 0)
                @foreach( $colors as $color )
                <option value="{{$color->id}}" @if($product->getProductColor)
                  @foreach( $product->getProductColor as $previousColor )
                  @if($previousColor->id == $color->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  >{{$color->color}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>
          <div class="col-md-4">
            <div class="form-group">
              <p>Discount</p>
              <select class="full-width" data-init-plugin="select2" name="discount_id">
                @if(count($discounts) != 0)
                <option value>Select Type</option>
                @foreach( $discounts as $discount )
                <option value="{{$discount->id}}" @if($product->discount_id && $product->discount_id == $discount->id)
                  selected="selected"
                  @endif
                  >{{$discount->discount_percentage}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>

          <div class="col-md-4">
            <div class="form-group">
              <p>Fabric</p>
              <select class="full-width" data-init-plugin="select2" name="fabric_id[]" multiple="multiple">

                @if(count($fabrics) != 0)
                @foreach( $fabrics as $fabric )
                <option value="{{$fabric->id}}" @if($product->getProductFabric)
                  @foreach( $product->getProductFabric as $previousFabric )
                  @if($previousFabric->id == $fabric->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  >{{$fabric->fabric}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>
          {{-- <div class="col-md-4">
            <div class="form-group">
              <p>Collection</p>
              <select class="full-width" data-init-plugin="select2" name="collections[]" multiple="multiple">
                @if(count($collections) != 0)
                @foreach( $collections as $collection )
                <option value="{{$collection->id}}" @if($product->getProductCollection)
                  @foreach( $product->getProductCollection as
                  $previousCollection )
                  @if($previousCollection->id==$collection->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  >{{$collection->collection}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div> --}}
          <div class="col-md-4">
            <div class="form-group">
              <p>Sizes</p>
              <select class="full-width" data-init-plugin="select2" name="size_id[]" multiple="multiple">

                @if(count($sizes) != 0)
                @foreach( $sizes as $size )
                <option value="{{$size->id}}" @if($product->getProductSize)
                  @foreach( $product->getProductSize as $previousSize )
                  @if($previousSize->id == $size->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  >{{$size->size}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>

          <div class="col-md-4">
            <div class="form-group">
              <p>Dimensions not to be shown</p>
              <select class="full-width" data-init-plugin="select2" name="dimension_id[]" multiple="multiple">

                @if(count($dimensions) != 0)
                @foreach( $dimensions as $dimension )
                <option value="{{$dimension->id}}" @if($product->getProductDimension)
                  @foreach( $product->getProductDimension as $previousDimension )
                  @if($previousDimension->id == $dimension->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  >{{$dimension->title}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>

          <div class="col-md-4">
            <div class="form-group">
              <p>Thickness</p>
              <select class="full-width" data-init-plugin="select2" name="thickness_id[]" multiple="multiple">

                @if(count($thicknesses) != 0)
                @foreach( $thicknesses as $thickness )
                <option value="{{$thickness->id}}" @if($product->getProductThickness)
                  @foreach( $product->getProductThickness as $previousThickness )
                  @if($previousThickness->id == $thickness->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  >{{$thickness->title}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>

          {{-- <div class="col-md-4">
            <div class="form-group">
              <p>Prices</p>
              <select class="full-width" data-init-plugin="select2" name="price_id" required="required">
                @if(count($prices) != 0)
                <option value>Select Type</option>
                @foreach( $prices as $price )
                <option value="{{$price->id}}" @if($product->price_id == $price->id)
                  selected="selected"
                  @endif
                  >{{$price->lower_price}} - {{$price->higher_price}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div> --}}
          <div class="col-md-4">
            <div class="form-group">
              <p>Product Tags</p>
              <select class="full-width" data-init-plugin="select2" name="tags[]" multiple="multiple">

                @if(count($tags) != 0)
                @foreach( $tags as $tag )
                <option value="{{$tag->id}}" @if($product->getProductTags)
                  @foreach( $product->getProductTags as $previousTags )
                  @if($previousTags->id == $tag->id)
                  selected="selected"
                  @endif
                  @endforeach
                  @endif
                  >{{$tag->tag}}</option>
                @endforeach
                @endif
              </select>
            </div>
          </div>
          <div class="col-md-12">
            {{-- <div class="card-title">
              <h4><strong>Sizes</strong></h4>
            </div>
            <hr> --}}

            {{-- sizes new --}}
            {{-- <button class="btn btn-primary add_field_button">Add Sizes</button> --}}
            {{-- @php --}}
            {{-- $sizesDatas = json_decode($product->sizes_data); --}}
            {{-- // print_r($sizesDatas); --}}
            {{-- // @endphp --}}
            {{-- <div class="input_fields_wrap"> --}}
              {{-- @if($sizesDatas && count($sizesDatas) != 0)
              @foreach ($sizesDatas as $sizesData) --}}
              {{-- sizes new --}}

              {{-- <div class="col-md-6">
                <h5>Size Data</h5>
                <hr>
                <p>Size</p>
                <input type="text" class="typeahead form-control sample-typehead" name="sizes[]"
                  value="{{isset($sizesData->size) ? $sizesData->size : ""}}">

                <p>SKU</p>
                <input type="text" class="typeahead form-control sample-typehead" name="skus[]"
                  value="{{isset($sizesData->sku) ? $sizesData->sku : ""}}">

                <p>Price</p>
                <input type="text" class="typeahead form-control sample-typehead" name="prices[]"
                  value="{{$sizesData->price}}">

                <p>Discount Price</p>
                <input type="text" class="typeahead form-control sample-typehead" name="discountprices[]"
                  value="{{isset($sizesData->discount_prices) ? $sizesData->discount_prices : ""}}">

                <p>Stock</p>
                <input type="text" class="typeahead form-control sample-typehead" name="stocks[]"
                  value="{{ isset($sizesData->stocks) ? $sizesData->stocks : "" }}">

                <a href="#" class="btn btn-danger remove_deal_field">Remove</a>
              </div> --}}

              {{-- @endforeach
              @endif --}}
            {{-- </div> --}}
          </div>
          <div class="col-12"></div>
          <div class="col-md-4">
            <p>Meta Title</p>
            <div class="form-group form-group-default  txtOnly">
              <input class="typeahead form-control sample-typehead" type="text" placeholder="Meta Title"
                value="{{ $product->meta_title }}" name="meta_title"="">
            </div>
          </div>

          <div class="col-md-12">
            <p>Meta Description</p>
            <div class="form-group form-group-default required txtOnly">
              <input class="typeahead form-control sample-typehead" type="text" placeholder="Meta Description"
                value="{{ $product->meta_description }}" name="meta_description">
            </div>
          </div>

          <div class="col-md-12">
            <p>Key Words</p>
            <div class="form-group form-group-default required txtOnly">
              <input class="typeahead form-control sample-typehead" type="text" placeholder="Key Words"
                value="{{ $product->keywords }}" name="keywords">
            </div>
          </div>

        </div>

        <div class="card-title">
          <h4><strong>Status</strong></h4>
        </div>
        <hr>
        <div class="row">
          <div class="col-md-4">
            <div class="form-group">
              <select class="full-width" data-init-plugin="select2" name="status">
                <option value="1" @if($product->status == 1) selected="selected" @endif >Active</option>
                <option value="2" @if($product->status == 2) selected="selected" @endif >Inactive</option>
              </select>
            </div>
          </div>
          <div class="col-md-8">
            <button class="btn btn-success pull-right" type="submit">Update a product</button>
          </div>
        </div>
      </form>
    </div>
  </div>
  <!-- END ROW -->
</div>
<!-- END CONTAINER FLUID -->
</div>
<!-- END PAGE CONTENT -->
@include('admin.partials.footer')
<!-- END COPYRIGHT -->
</div>
<!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
@endsection

@section('page-level-js')
{{-- for gallery --}}
<script src="{{asset('admin/assets/plugins/imagesloaded/imagesloaded.pkgd.min.js')}}"></script>
<script src="{{asset('admin/assets/plugins/jquery-isotope/isotope.pkgd.min.js')}}" type="text/javascript"></script>
{{-- for gallery --}}
<script src="{{asset('admin/assets/js/datatables.js')}}" type="text/javascript"></script>
<script src="{{asset('admin/assets/js/gallery.js')}}" type="text/javascript"></script>
<script type="text/javascript">
  $(document).on('change', '#categories', function(event) {
        var categoryId = $(this).val(); 
        // $.ajax({
        //         url: "{{route('subcategories.get')}}",
        //         type: "get",
        //         data: {'categoryId' : categoryId},
        //         success: function(response) {
        //             console.log(response);
        //             var output = JSON.parse(response);
        //             $('#subCategories').removeAttr('disabled');
        //             $('#subCategories').html(output);
        //         }
        //     })
        $.ajax({
                url: "{{route('productvariants.get')}}",
                type: "get",
                data: {'categoryId' : categoryId},
                success: function(response) {
                    // console.log(response);
                    var output = JSON.parse(response);
                    $('#product_variants').removeAttr('disabled');
                    $('#product_variants').html(output);
                }
            })
    });
    // $(document).on('change', '#subCategories', function(event) {
    //     var subCategoryId = $(this).val(); 
    //     $.ajax({
    //             url: "{{route('productvariants.get')}}",
    //             type: "get",
    //             data: {'subCategoryId' : subCategoryId},
    //             success: function(response) {
    //                 // console.log(response);
    //                 var output = JSON.parse(response);
    //                 $('#product_variants').removeAttr('disabled');
    //                 $('#product_variants').html(output);
    //             }
    //         })
    // });
  
  $(document).on('click', '.deleteImage', function(event) {
    var dataId = $(this).attr('data-content-id');
    var dataKey = $(this).attr('data-image-key');
      $.ajax({
                url: "{{route('product.remove.image')}}",
                type: "get",
                data: {'dataId' : dataId,'dataKey' : dataKey},
                success: function(response) {
                  console.log(response);
                    if(response == 1){
                      location.reload();
                    }
                    
                }
            })
      
    });
    $(document).on("click",".shuffleProduct", function(e){ 
    console.log(121);
    var dataId = $(this).attr('data-content-id');
    var desiredPosition = $(this).attr('data-desired-position');
    var currentPosition = $(this).attr('data-original-position');
    
    console.log(dataId);
    $.ajax({
              url: "{{route('product.shuffle')}}",
              type: "get",
              data: {'dataId' : dataId,'desiredPosition' : desiredPosition, 'currentPosition' : currentPosition},
              success: function(response) {
                if(response == 1){
                    location.reload();
                  }
              }
          })
	});

  $(".pro-variants").select2({
    templateResult: formatState,
    templateSelection: formatState
    });

    function formatState (opt) {
        if (!opt.id) {
            return opt.text.toUpperCase();
        } 

        var optimage = $(opt.element).attr('data-image'); 
        console.log(optimage)
        if(!optimage){
          return opt.text.toUpperCase();
        } else {                    
            var $opt = $(
              '<span><img src="' + optimage + '" width="60px" /> ' + opt.text.toUpperCase() + '</span>'
            );
            return $opt;
        }
    };

</script>
<script>
  /*
    We want to preview images, so we need to register the Image Preview plugin
    */
    FilePond.registerPlugin(
      
      // encodes the file as base64 data
      FilePondPluginFileEncode,
      
      // validates the size of the file
      FilePondPluginFileValidateSize,
      
      // corrects mobile image orientation
      FilePondPluginImageExifOrientation,
      
      // previews dropped images
      FilePondPluginImagePreview
    );

    // Select the file input and use create() to turn it into a pond
    FilePond.create(
      document.querySelector('input.fileupload')
    );

$(document).ready(function() {
	var max_fields      = 10; //maximum input boxes allowed
	var wrapper   		= $(".input_fields_wrap"); //Fields wrapper
	var add_button      = $(".add_field_button"); //Add button ID
	
	var x = 1; //initlal text box count
	$(add_button).click(function(e){ //on add input button click
		e.preventDefault();
		if(x < max_fields){ //max input box allowed
			x++; //text box increment
			$(wrapper).append(' <div class="col-md-6"><h5>Size Data</h5><hr><p>Size</p><input type="text" class="typeahead form-control sample-typehead" name="sizes[]" value=""><p>SKU</p><input type="text" class="typeahead form-control sample-typehead" name="skus[]" value=""><p>Price</p>  <input type="text" class="typeahead form-control sample-typehead" name="prices[]" value=""><p>Discount Price</p><input type="text" class="typeahead form-control sample-typehead" name="discountprices[]" value=""><p>Stock</p><input type="text" class="typeahead form-control sample-typehead" name="stocks[]" value=""><a href="#" class="btn btn-danger remove_deal_field">Remove</a></div>'); 
		}
	});

  $(wrapper).on("click",".remove_deal_field", function(e){ //user click on remove text
  
    e.preventDefault(); $(this).parent('div').remove(); x--;
  });

});


</script>
@endsection