@extends('admin.template.master')

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}
    {!! Html::style('assets/admin/plugins/treeview/treeview.css') !!}
    <link type="text/css" href="//gyrocode.github.io/jquery-datatables-checkboxes/1.2.11/css/dataTables.checkboxes.css"
          rel="stylesheet"/>

    <style>
        /*Select2 style*/
        .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
            border: 1px solid #d2d6de;
            border-radius: 0;
            padding: 6px 12px;
            height: 34px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-right: 10px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
            padding-right: 0;
            height: auto;
            margin-top: -4px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 28px;
            right: 3px;
        }

        /*Select2 style*/

        .checkbox + .checkbox, .radio + .radio {
            margin-top: 10px;
        }

        #product_image {
            margin-top: 9px;
        }

        .image_btn_remove {
            margin-top: 4px;
        }

        .img {
            margin-bottom: 15px;
        }

        .product_image_thumb {
            width: 70px;
        }

        .image_row {
            margin-bottom: 15px;
            overflow: hidden;
        }

        .videoWrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            padding-top: 25px;
            height: 0;
        }

        .videoWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 50%;
        }
    </style>
@endsection

@section('title')
    <section class="content-header">
        <h1>
            Product
            <small>Update product</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{!! url('/admin/products') !!}">Product</a></li>
            <li class="active">Update</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content" id="please_wait">
        @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Update</h3>
                    </div>

                    {!! Form::open(['method' => 'PATCH','url' => '/admin/products/' .$product->product_id, 'enctype' => 'multipart/form-data']) !!}
                    {!! Form::hidden('old_item_type_id',$product->item_type_id) !!}
                    {!! Form::hidden('old_brand_id',$product->brand_id) !!}
                    <div class="box-body">
                        <div class="nav-tabs-custom">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#basic_settings" data-toggle="tab" aria-expanded="false">Basic
                                        Settings</a></li>
                                <li class=""><a href="#advanced_settings" data-toggle="tab" aria-expanded="true">Advanced
                                        Settings</a></li>
                                <li class="" @if($errors->has('tree_id')) style="border-color: #dd4b39;" @endif>
                                    <a href="#product_category" data-toggle="tab" aria-expanded="false">Category</a>
                                </li>
                                <li class="">
                                    <a href="#product_images" data-toggle="tab" aria-expanded="false">Images</a></li>
                                <li class="">
                                    <a href="#product_videos" data-toggle="tab" aria-expanded="false">Videos</a></li>
                                <li class=""><a href="#product_seo" data-toggle="tab" aria-expanded="false">SEO</a></li>
                                <li class=""><a href="#product_other" data-toggle="tab" aria-expanded="false">Other</a>
                                <li class="">
                                    <a href="#product_points" data-toggle="tab" aria-expanded="false">Points</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                {{--Basic Settings--}}
                                <div class="tab-pane active" id="basic_settings">
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-4 @if($errors->has('item_type_id')) has-error @endif">
                                                {!! Form::label('Item Type') !!}
                                                {!! Form::select('item_type_id', $item_types, $product->item_type_id, ['class' => 'form-control item_type_select2', 'placeholder' => 'Select Item Type', 'id' => 'item_type_select2']) !!}
                                                @if ($errors->has('item_type_id'))
                                                    <span class="help-block">{!! $errors->first('item_type_id') !!}</span>
                                                @endif
                                            </div>

                                            <div class="col-md-4 @if($errors->has('sub_item_type')) has-error @endif">
                                                {!! Form::label('Sub Item Type') !!}
                                                {!! Form::select('sub_item_type_id', [ 0 => 'Select Sub Item Type'], $product->sub_item_type_id, ['class' => 'form-control sub_item_type_select2', 'id' => 'sub_item_type_select2']) !!}
                                                @if ($errors->has('sub_item_type'))
                                                    <span class="help-block">{!! $errors->first('item_type') !!}</span>
                                                @endif
                                            </div>

                                            <div class="col-md-4 @if($errors->has('brand_id')) has-error @endif">
                                                {!! Form::label('Brand') !!}
                                                {!! Form::select('brand_id', $brands, $product->brand_id, ['class' => 'form-control brand_select2', 'placeholder' => 'Select Brand', 'id' => 'brand_select2']) !!}
                                                @if ($errors->has('brand_id'))
                                                    <span class="help-block">{!! $errors->first('brand_id') !!}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group @if($errors->has('product_head')) has-error @endif">
                                        {!! Form::label('Head') !!}
                                        {!! Form::text('product_head', $product->product_head, ['class' => 'form-control', 'placeholder' => 'Head', 'id' => 'product_head']) !!}
                                        @if ($errors->has('product_head'))
                                            <span class="help-block">{!! $errors->first('product_head') !!}</span>
                                        @endif
                                    </div>

                                    <div class="form-group @if($errors->has('product_name')) has-error @endif">
                                        {!! Form::label('Name') !!}
                                        {!! Form::text('product_name', $product->product_name, ['class' => 'form-control', 'placeholder' => 'Name', 'id' => 'product_name']) !!}
                                        @if ($errors->has('product_name'))
                                            <span class="help-block">{!! $errors->first('product_name') !!}</span>
                                        @endif
                                    </div>

                                    <div class="form-group @if($errors->has('product_slug')) has-error @endif">
                                        {!! Form::label('Slug (Don`t use any &, /, +, #, &#36; symbols)') !!}  <input type="checkbox" name="discounted_slug_chk" @if(isset($product->discounted_product_msg))  checked="checked"  @endif  id="discounted_slug_chk" />
                                        {!! Form::text('product_slug', $product->product_slug, ['class' => 'form-control', 'placeholder' => 'Slug', 'id' => 'product_slug']) !!}
                                        @if ($errors->has('product_slug'))
                                            <span class="help-block">{!! $errors->first('product_slug') !!}</span>@endif
                                    </div>


                                     <div class="form-group discounted-slug-div"    @if(isset($product->discounted_product_msg))  style="display: block;" @else style="display: none;"   @endif    >
                                        {!! Form::label('Discounted Slug Message') !!}
                                        {!! Form::text('discounted_product_msg', $product->discounted_product_msg , ['class' => 'form-control', 'placeholder' => 'Discounted Slug Msg' ,'id' => 'discounted_product_msg']) !!}
                                    </div>


                                    <div class="form-group @if($errors->has('product_code_inv')) has-error @endif">
                                        {!! Form::label('INV Code') !!}
                                        {!! Form::text('product_code_inv', $product->product_code_inv, ['class' => 'form-control', 'placeholder' => 'INV Code']) !!}
                                        @if ($errors->has('product_code_inv'))
                                            <span class="help-block">{!! $errors->first('product_code_inv') !!}</span>
                                        @endif
                                    </div>
                                                                        <div class="form-group">
                                        {!! Form::label('Destop Builder Segment') !!}
                                        {!! Form::select('desktop_b_type_ids[]', $desktop_b_types, null, ['class' => 'form-control desktop_b_type_select2', 'id' => 'desktop_b_type_select2', 'multiple' => 'multiple']) !!}
                                    </div>

                                    <div class="form-group @if($errors->has('product_short_description')) has-error @endif">
                                        {!! Form::label('Short Description') !!}
                                        {!! Form::textarea('product_short_description', $product->product_short_description, ['class' => 'form-control', 'rows' => '3', 'placeholder' => 'Short Description']) !!}
                                        @if ($errors->has('product_short_description'))
                                            <span class="help-block">{!! $errors->first('product_short_description') !!}</span>
                                        @endif
                                    </div>

                                    <div class="form-group @if($errors->has('product_long_description')) has-error @endif">
                                        {!! Form::label('Long Description') !!}
                                        {!! Form::textarea('product_long_description', $product->product_long_description, ['class' => 'form-control', 'rows' => '8','placeholder' => 'Long Description', 'id' => 'product_long_description']) !!}
                                        @if ($errors->has('product_long_description'))
                                            <span class="help-block">{!! $errors->first('product_long_description') !!}</span>
                                        @endif
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-3 @if($errors->has('product_price1')) has-error @endif">
                                                {!! Form::label('Regular Price') !!}
                                                {!! Form::text('product_price1', $product->product_price1, ['class' => 'form-control', 'placeholder' => 'Regular Price']) !!}
                                                @if ($errors->has('product_price1'))
                                                    <span class="help-block">{!! $errors->first('product_price1') !!}</span>
                                                @endif
                                            </div>

                                            <div class="col-md-3 @if($errors->has('product_price2')) has-error @endif">
                                                {!! Form::label('Special Price') !!}
                                                {!! Form::text('product_price2', $product->product_price2, ['class' => 'form-control', 'placeholder' => 'Special Price']) !!}
                                                @if ($errors->has('product_price2'))
                                                    <span class="help-block">{!! $errors->first('product_price2') !!}</span>
                                                @endif
                                            </div>

                                            <div class="col-md-6 @if($errors->has('special_discount')) has-error @endif">
                                                {!! Form::label($specialDiscountLabel) !!}
                                                {!! Form::text('special_discount', $product->special_discount, ['class' => 'form-control', 'placeholder' => $specialDiscountLabel]) !!}
                                                @if ($errors->has('special_discount'))
                                                    <span class="help-block">{!! $errors->first('special_discount') !!}</span>
                                                @endif
                                            </div>

{{--                                            <div class="col-md-3 @if($errors->has('product_price3')) has-error @endif"--}}
{{--                                                 style="display: none;">--}}
{{--                                                {!! Form::label('Price Three') !!}--}}
{{--                                                {!! Form::text('product_price3', $product->product_price3, ['class' => 'form-control', 'placeholder' => 'Price Three']) !!}--}}
{{--                                                @if ($errors->has('product_price3'))--}}
{{--                                                    <span class="help-block">{!! $errors->first('product_price3') !!}</span>--}}
{{--                                                @endif--}}
{{--                                            </div>--}}

{{--                                            <div class="col-md-3 @if($errors->has('product_price4')) has-error @endif"--}}
{{--                                                 style="display: none;">--}}
{{--                                                {!! Form::label('Price Four') !!}--}}
{{--                                                {!! Form::text('product_price4', $product->product_price4, ['class' => 'form-control', 'placeholder' => 'Price Four']) !!}--}}
{{--                                                @if ($errors->has('product_price4'))--}}
{{--                                                    <span class="help-block">{!! $errors->first('product_price4') !!}</span>--}}
{{--                                                @endif--}}
{{--                                            </div>--}}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('Home') !!}
                                        {!! Form::select('product_is_home', [0 => 'No',1 => 'Yes'], $product->product_is_home, ['class' => 'form-control']) !!}
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-6">
                                                {!! Form::label('Upcoming or General') !!}
                                                {!! Form::select('product_is_upcoming', [0 => 'General',
                                                1 => 'Upcoming', 2 => 'Out Of stock', 3 => 'Pre Order', 4 =>'Discounted', 5=> 'Discontinued'], $product->product_is_upcoming, ['class' => 'form-control', 'id' => 'product_is_upcoming', 'onchange' => "upcomingProducts();"]) !!}
                                            </div>

                                            <div class="col-md-6">
                                                {!! Form::label('Group') !!}
                                                {!! Form::select('product_search_group', [0 => 'Default', 1 => 'A', 2 => 'B'],
                                                   $product->product_search_group,
                                                 ['class' => 'form-control']) !!}
                                            </div>

                                            <div class="col-md-6 productUpcomingColumn" style="display: none;">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        @php($product_upcoming_expire_date = new DateTime($product->product_upcoming_expire_date))
                                                        {!! Form::label('Date') !!}
                                                        {!! Form::date('product_upcoming_date', $product_upcoming_expire_date->format('Y-m-d'), ['class' => 'form-control']) !!}
                                                    </div>
                                                    <div class="col-md-6">
                                                        {!! Form::label('Time') !!}
                                                        {!! Form::time('product_upcoming_time', $product_upcoming_expire_date->format('H:i:s'), ['class' => 'form-control']) !!}
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-6 preOrderColumn" style="display: none;">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        {!! Form::label('Expected delivery days') !!}
                                                        {!! Form::select('expected_delivery_time_days', $days, floor(($product->expected_delivery_time) / 24), ['class' => 'form-control', 'id' => 'expected_delivery_time_days']) !!}
                                                    </div>

                                                    <div class="col-md-6">
                                                        {!! Form::label('Expected delivery hours') !!}
                                                        {!! Form::select('expected_delivery_time_hours', $hours, ($product->expected_delivery_time % 24), ['class' => 'form-control', 'id' => 'expected_delivery_time_hours']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group productUpcomingColumn" style="display: none;">
                                        {!! Form::label('Details for upcoming products') !!}
                                        {!! Form::textarea('product_upcoming_details', $product->product_upcoming_details, ['class' => 'form-control']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('Status') !!}
                                        {!! Form::select('product_is_exist', [1 => 'Active', 0 => 'Inactive'], $product->product_is_exist, ['class' => 'form-control']) !!}
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('Force disable From showing on list and search') !!}
                                        {!! Form::select('force_disable', [1 => 'Disable', 0 => 'Not disabled'], $product->force_disable, ['class' => 'form-control']) !!}
                                    </div>


                                    <!-- out of stock products -->
                                    <div class="form-group">
                                        {!! Form::label('Out of stock product updated SKU') !!}
                                        {!! Form::text('out_of_stock_updated_sku', $product->out_of_stock_updated_sku , ['class' => 'form-control', 'placeholder' => 'Out of stock product updated SKU']) !!}
                                    </div>


                                </div>

                                {{--Advanced Settings--}}
                                <div class="tab-pane" id="advanced_settings">
                                    <div class="box-body" id="response-attribute-sets">
                                        Please select item type first!
                                    </div>
                                </div>

                                {{--Product Category--}}
                                <div class="tab-pane " id="product_category">
                                    @if ($errors->has('tree_id'))
                                        <span style="color: #dd4b39;">{!! $errors->first('tree_id') !!}</span>
                                    @endif
                                    @include('admin.category.treeview-edit')
                                </div>

                                {{--Product Videos--}}
                                <div class="tab-pane" id="product_videos">
                                    <div>
                                        <div class="form-group @if($errors->has('product_video_title')) has-error @endif">
                                            {!! Form::label('Video Title') !!}
                                            {!! Form::text('product_video_title', $product->product_video_title, ['class' => 'form-control', 'placeholder' => 'Enter Video Title']) !!}
                                            @if ($errors->has('product_video_title'))
                                                <span class="help-block">{!! $errors->first('product_video_title') !!}</span>@endif
                                        </div>

                                        <div class="form-group @if($errors->has('product_video_url')) has-error @endif">
                                            {!! Form::label('Video URL') !!}
                                            {!! Form::text('product_video_url', $product->product_video_url, ['class' => 'form-control', 'placeholder' => 'Enter Video Url']) !!}
                                            @if ($errors->has('product_video_url'))
                                                <span class="help-block">{!! $errors->first('product_video_url') !!}</span>@endif
                                        </div>

                                        @if($product->product_video_url)
                                            <div class="form-group videoWrapper">
                                                <iframe width="500" height="300"
                                                        src="//www.youtube.com/embed/{{$product->product_video_url}}"
                                                        frameborder="0" allowfullscreen></iframe>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                {{--Product Images--}}
                                <div class="tab-pane" id="product_images">

                                    <div id="img_input">

                                        <p align="right">
                                            <a href="javascript:void(0);" class="btn btn-primary" id="ad_more">+ Add
                                                More</a>
                                        </p>

                                        <div class="img">
                                            
                                            @foreach($product->productImages as $productImage)
                                                                                                <div class="row">
                                                    <div class="image_row">
                                                        <div class="col-md-3">

                                                            @if($productImage->product_image_name)

                                                                
                                                                <img class="product_image_thumb"
                                                                     src="{!! asset($imageName) !!}"
                                                                     alt="{!! $product->product_name !!}">
                                                            @else
                                                                <img class="product_image_thumb"
                                                                     src="{!! asset('storage/products/thumbnail/no-product-found-thumbnail.jpg') !!}"
                                                                     alt="{!! $product->product_name !!}">
                                                            @endif

                                                            {!! Form::hidden('current_images[]', $productImage->product_image_name) !!}

                                                            <input type="hidden" name="pos[]" value="1">
                                                        </div>

                                                        <div class="radio col-md-2">
                                                            <label><input type="radio" name="main"
                                                                          value="1" {!! ($productImage->product_image_position_main == 1) ? "checked='checked'" : "" !!}>
                                                                Main </label>
                                                        </div>

                                                        <div class="radio col-md-2">
                                                            <label><input type="radio" name="medium"
                                                                          value="1" {!! ($productImage->product_image_position_medium == 2) ? "checked='checked'" : "" !!}>
                                                                Medium </label>
                                                        </div>

                                                        <div class="radio col-md-2">
                                                            <label><input type="radio" name="small"
                                                                          value="1" {!! ($productImage->product_image_position_small == 3) ? "checked='checked'" : "" !!}>
                                                                Small </label>
                                                        </div>

                                                        <div class="radio col-md-2">
                                                            <label><input type="radio" name="thumbnail"
                                                                          value="1" {!! ($productImage->product_image_position_thumbnail == 4) ? "checked='checked'" : "" !!}>
                                                                Thumbnail </label>
                                                        </div>

                                                        <div class="col-md-1">
                                                            <button type="button"
                                                                    class="btn btn-box-tool image_btn_remove"
                                                                    onclick="remove_me(this)">
                                                                <i class="fa fa-remove"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                            @endforeach
                                            <input type="hidden" value="{!! implode($img_list,'||') !!}"
                                                   name="img_list">
                                        </div>

                                    </div>

                                </div>

                                {{--Product SEO--}}
                                <div class="tab-pane" id="product_seo">
                                    <div>
                                        <div class="form-group @if($errors->has('product_meta_title')) has-error @endif">
                                            {!! Form::label('Meta Title') !!} <span id="meta_title_counter"></span>
                                            {!! Form::text('product_meta_title', $product->product_meta_title, ['class' => 'form-control', 'placeholder' => 'Enter Meta Title']) !!}
                                            @if ($errors->has('product_meta_title'))
                                                <span class="help-block">{!! $errors->first('product_meta_title') !!}</span>@endif
                                        </div>

                                        <div class="form-group @if($errors->has('product_meta_keyword')) has-error @endif">
                                            {!! Form::label('Meta Keyword') !!} <span id="meta_keyword_counter"></span>
                                            {!! Form::textarea('product_meta_keyword', $product->product_meta_keyword, ['class' => 'form-control', 'placeholder' => 'Enter Meta Keyword']) !!}
                                            @if ($errors->has('product_meta_keyword'))
                                                <span class="help-block">{!! $errors->first('product_meta_keyword') !!}</span>@endif
                                        </div>

                                        <div class="form-group @if($errors->has('product_meta_description')) has-error @endif">
                                            {!! Form::label('Meta Description') !!} <span id="meta_description_counter"></span>
                                            {!! Form::textarea('product_meta_description', $product->product_meta_description, ['class' => 'form-control', 'placeholder' => 'Enter Meta Description']) !!}
                                            @if ($errors->has('product_meta_description'))
                                                <span class="help-block">{!! $errors->first('product_meta_description') !!}</span>@endif
                                        </div>
                                    </div>
                                </div>

                                {{--Other--}}
                                <div class="tab-pane" id="product_other">
                                    <div>
                                        <div class="form-group  @if($errors->has('related_products')) has-error @endif">
                                            {!! Form::label('Related Products') !!}
                                            {{--{!! Form::select('related_products[]',$related_products, null, ['class' => 'form-control','id' => 'related_products' ,'multiple' => 'multiple']) !!}--}}
                                            {!! Form::textarea('related_products', $related_products->product_inv_codes , ['class' => 'form-control', 'placeholder' => 'Enter comma separated SKU']) !!}
                                            @if ($errors->has('related_products'))
                                                <span class="help-block">{!! $errors->first('related_products') !!}</span>@endif
                                        </div>
                                        <div class="form-group  @if($errors->has('similar_products')) has-error @endif">
                                            {!! Form::label('Similar Products') !!}
                                            {{--{!! Form::select('related_products[]',$related_products, null, ['class' => 'form-control','id' => 'related_products' ,'multiple' => 'multiple']) !!}--}}
                                            {!! Form::textarea('similar_products', $similar_products->product_inv_codes, ['class' => 'form-control', 'placeholder' => 'Enter comma separated SKU']) !!}
                                            @if ($errors->has('similar_products'))
                                                <span class="help-block">{!! $errors->first('similar_products') !!}</span>@endif
                                        </div>
                                        <div class="form-group  @if($errors->has('color_products')) has-error @endif">
                                            {!! Form::label('Other Color Products') !!}
                                            {!! Form::select('color_products[]',[], null, ['class' => 'form-control','id' => 'color_products' ,'multiple' => 'multiple']) !!}
                                            {{--{!! Form::textarea('color_products', null, ['class' => 'form-control', 'placeholder' => 'Enter comma separated SKU']) !!}--}}
                                            @if ($errors->has('color_products'))
                                                <span class="help-block">{!! $errors->first('similar_products') !!}</span>@endif
                                        </div>
                                    </div>
                                </div>

                                {{--Points Settings--}}
                                <div class="tab-pane" id="product_points">
                                    <div>
                                        <div class="form-group @if($errors->has('point')) has-error @endif">
                                            {!! Form::label('Point') !!}
                                            {!! Form::number('point', $product->point, ['class' => 'form-control', 'placeholder' => 'Point']) !!}
                                            @if ($errors->has('point'))
                                                <span class="help-block">{!! $errors->first('point') !!}</span>@endif
                                        </div>
                                        <div class="form-group @if($errors->has('point_type')) has-error @endif">
                                            {!! Form::label('Point Type') !!}
                                            {!! Form::select('point_type', $pointTypes, $product->point_type, ['class' => 'form-control', 'id' => 'pointType']) !!}
                                            @if ($errors->has('point_type'))
                                                <span class="help-block">{!! $errors->first('point_type') !!}</span>@endif
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="box-footer">
                        {!! Form::submit('Update',['class' => 'btn btn-warning']) !!}
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/ckeditor/ckeditor.js') !!}
    {!! Html::script('assets/admin/dist/ajax/attributes_on_itemtype_select.js?v1.0.0') !!}
    {!! Html::script('assets/admin/dist/ajax/subitemtype_on_itemtype_select.js?v1.0.0') !!}
    {{--{!! Html::script('assets/admin/plugins/treeview/treeview.js') !!}--}}
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}

    <script>
        var flg = '2';

        function remove_me(obj) {
            $(obj).parent().parent().remove();
        }

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $(input).siblings()
                        .attr('src', e.target.result)
                        .width(91)
                        .height(91)
                        .css("display", "block");
                };
                reader.readAsDataURL(input.files[0]);
            }
        }

        function convertToSlug(Text) {
            return Text
                .toLowerCase()
                .replace(/ /g, '-');
                // .replace(/[^\w-]+/g, '');
        }

        function upcomingProducts() {
            var id = $('#product_is_upcoming').val();
            if (id == 1) {
                $('.productUpcomingColumn').show();
                $('.preOrderColumn').hide();
                $('#product_upcoming_details').show();
            } else if (id == 3) {
                $('.preOrderColumn').show();
                $('.productUpcomingColumn').hide();
                $('#product_upcoming_details').hide();
            }
            else {
                $('.productUpcomingColumn').hide();
                $('#product_upcoming_details').hide();
                $('.preOrderColumn').hide();
            }
        }

        function generate_slug() {
            $("#product_slug").val(convertToSlug($("#product_name").val()));
        }

        $(document).ready(function () {
            editAdvancedSettings({!! json_encode($data) !!});
            getSubItemTypesOnEdit({!! $product->sub_item_type_id !!});
            upcomingProducts();

            $('.item_type_select2').select2();
            $('.sub_item_type_select2').select2();
            $('#expected_delivery_time_days').select2();
            $('#expected_delivery_time_hours').select2();
            $('.brand_select2').select2();
            $('.desktop_b_type_select2').select2({
                placeholder: "Select Segment"
            });
            $('#color_products').select2({});
            var desktop_b_type_ids_str = '';
            if (desktop_b_type_ids_str != '') {
                var desktop_b_type_ids_array = desktop_b_type_ids_str.split(",");
                $('.desktop_b_type_select2').val(desktop_b_type_ids_array);
                $('.desktop_b_type_select2').trigger('change');
            }

            function checkValue(value, arr) {
                var status = false;

                for (var i = 0; i < arr.length; i++) {
                    var name = arr[i];
                    if (name == value) {
                        status = true;
                        break;
                    }
                }

                return status;
            }

            $("#ad_more").click(function () {
                $("#img_input").append('<div class="img"><div class="row"><div class="col-md-3"><input class="image" onchange="readURL(this);" name="image[]" type="file"><img src="#" alt="your image" style="display: none;"><input name="pos[]" value="' + flg + '" type="hidden"></div><div class="radio col-md-2"><label><input name="main" value="' + flg + '" type="radio"> Main </label></div><div class="radio col-md-2"><label><input name="medium" value="' + flg + '" type="radio"> Medium </label></div><div class="radio col-md-2"><label><input name="small" value="' + flg + '" type="radio">Small</label></div><div class="radio col-md-2"><label><input name="thumbnail" value="' + flg + '" type="radio"> Thumbnail </label></div><div class="col-md-1"><button type="button" class="btn btn-box-tool image_btn_remove" onclick="remove_me(this)"><i class="fa fa-remove"></i></button></div></div>');
                flg++;
            });

            $("#product_name").blur(function () {
                $.ajax({
                    type: 'GET',
                    url: '{{url('admin/products/getColorProductData')}}/',
                    data: {
                        keyword: $(this).val(),
                        product_id: '{{$product->product_id}}'
                    },
                    dataType: 'json',
                    success: function (data) {
                        var json = '{!! json_encode($product->colorProduct()->allRelatedIds()) !!}';
                        if (data) {
                            $('#color_products').empty();
                            $.each(data, function (key, value) {
                                if (checkValue(key, json))
                                    var opt = $('<option selected/>');
                                else
                                    var opt = $('<option />');
                                opt.val(key);
                                opt.text(value);
                                $('#color_products').append(opt);
                            });
                        }
                    }
                });
            });

            // Generate slug
            $("#product_name").bind('keyup', generate_slug);

            CKEDITOR.replace('product_long_description', {
                height: 400,
                title: 'Line Height'
            });

            $('#related_products').select2({
                placeholder: 'Select Products'
            }).val({!! json_encode($product->relatedProduct()->allRelatedIds()) !!}).trigger('change');


            $("input[name='product_meta_title']").keyup(function() {
                const len = $(this).val().length;
                const remain = 60 - parseInt(len) ;
                if (remain > -1) {
                    $('#meta_title_counter')
                    .css({ 'color': 'green'})
                    .text('Total 60 ,Remaining '+ remain + ' characters');
                    $('#seo_submit_btn').css({
                        'display': 'block'
                    });
                } else {
                    $('#meta_title_counter').css({
                        'color': 'red'
                    }).text('Total 60 ,Limit exceed');
                    $('#seo_submit_btn').css({
                        'display': 'none'
                    });
                }
                $(this).val($(this).val().slice(0, 155));
                console.log('meta keyword ' + len);
            });

            $("textarea[name='product_meta_keyword']").keyup(function() {
                const len = $(this).val().length;
                const remain = 155 - parseInt(len) ;
                if (remain > -1) {
                    $('#meta_keyword_counter')
                    .css({ 'color': 'green'})
                    .text('Total 155 ,Remaining '+ remain + ' characters');
                    $('#seo_submit_btn').css({
                        'display': 'block'
                    });
                } else {
                    $('#meta_keyword_counter').css({
                        'color': 'red'
                    }).text('Total 155 ,Limit exceed');
                    $('#seo_submit_btn').css({
                        'display': 'none'
                    });
                }
                $(this).val($(this).val().slice(0, 155));
                console.log('meta keyword ' + len);
            });

            $("textarea[name='product_meta_description']").keyup(function(){
                const len = $(this).val().length;
                const remain = 155 - parseInt(len) ;
                if (remain > -1) {
                    $('#meta_description_counter')
                    .css({ 'color': 'green'})
                    .text('Total 155 ,Remaining '+ remain + ' characters');
                    $('#seo_submit_btn').css({
                        'display': 'block'
                    });
                } else {
                    $('#meta_description_counter').css({
                        'color': 'red'
                    }).text('Total 155 ,Limit exceed');
                    $('#seo_submit_btn').css({
                        'display': 'none'
                    });
                }
                $(this).val($(this).val().slice(0, 155));
                console.log('meta keyword ' + len);
            });




             //======================= discounted product ================
            $(document).on('change', '#discounted_slug_chk', function() {
                const isChecked = $(this).is(':checked');
                if(isChecked) {
                    $('#discounted_product_msg').val('1 Discounted unit available, call 16810 for details.');
                    $('.discounted-slug-div').css({'display': 'block'});
                }else {
                    $('#discounted_product_msg').val('')
                    $('.discounted-slug-div').css({'display': 'none'});
                }
                console.log('test--checked: '+ isChecked);
            });


        });
    </script>
@endsection