@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%;
        }

        .ck-editor__editable[role="textbox"] {
            /* editing area */
            min-height: 400px;
        }
        .ck-content .image {
            /* block images */
            max-width: 80%;
            margin: 20px auto;
        }

        .discounted-images-preview{
            display: flex;
            flex-wrap: wrap;
        }

        .discounted-images-preview .image-wrapper {
            position: relative;
            margin-right: 10px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .discounted-images-preview .remove-image-btn {
            position: absolute;
            top: -12px;
            right: -8px;
            background: red;
            color: white;
            font-size: 20px;
            font-weight: bold;
            border: 1px solid red;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            line-height: 20px;
            text-align: center;
            cursor: pointer;
            z-index: 2;
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
        }
    </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-success 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>
                                <li class="">
                                    <a href="#product_color" data-toggle="tab" aria-expanded="false">Color</a>
                                </li>
                                <li class="discounted-tab" @if(isset($product->discounted_product_msg))  style="display: block;" @else style="display: none;"   @endif>
                                    <a href="#product_discounted" data-toggle="tab" aria-expanded="false">Discounted</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)') !!}
                                        {!! 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 @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="product_prices estimated_price_is_visible_div col-md-12">
                                                {!! Form::label('Esitamed Price Visible?') !!}
                                                @if($product->estimated_visible ==1)
                                                <input type="checkbox"  checked="checked"   value="{{ $product->estimated_visible }}" name="estimated_price_is_visible" id="estimated_price_is_visible" />
                                                @else
                                                <input type="checkbox"    value="{{ $product->estimated_visible }}" name="estimated_price_is_visible" id="estimated_price_is_visible" />
                                                @endif
                                            </div>
                                        </div>



                                        <div class="row">
                                            <div class="product_prices 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', 'id' => 'regular_price', 'placeholder' => 'Regular Price']) !!}
                                                @if ($errors->has('product_price1'))
                                                    <span class="help-block">{!! $errors->first('product_price1') !!}</span>
                                                @endif
                                            </div>

                                            <div class="product_prices 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', 'id' => 'special_price', 'placeholder' => 'Special Price']) !!}
                                                @if ($errors->has('product_price2'))
                                                    <span class="help-block">{!! $errors->first('product_price2') !!}</span>
                                                @endif
                                            </div>

                                            <div class="product_prices col-md-6 @if($errors->has('special_discount')) has-error @endif">
                                                {!! Form::label($specialDiscountLabel) !!}
                                                {!! Form::text('special_discount', $product->special_discount, ['class' => 'form-control', 'id' => 'ecom_discount_price', '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',
                                                 7 => 'Coming Soon'
                                                ], $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', [3 => '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">
                                        <div class="row">
                                            <div class="col-md-6">
                                                {!! Form::label('Status') !!}
                                                {!! Form::select('product_is_exist', [1 => 'Active', 0 => 'Inactive'], $product->product_is_exist, ['class' => 'form-control', 'id'=> 'product_is_exist']) !!}
                                            </div>
                                            <div class="col-md-6">
                                                {!! Form::label('Cross Price') !!}
                                                {!! Form::text('cross_price', $product->cross_price, ['class' => 'form-control', 'placeholder' => 'Cross Price', 'id' => 'cross_price']) !!}
                                            </div>
                                        </div>

                                    </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', 'id' => 'force_disable']) !!}
                                    </div>


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

                                    {!! Form::label('Is discounted?') !!} <input type="checkbox" name="discounted_slug_chk" @if(isset($product->discounted_product_msg))  checked="checked"  @endif  id="discounted_slug_chk" />
                                </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">

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

                                    </div>


                                    @if($product_videos)
                                        @foreach($product_videos as $pv)
                                        <div class="row">
                                             <input type="hidden" class="form-control" name="vdo_id[]" value="{{ $pv->id }}" />
                                            <div class="col-md-6">
                                                <input type="text" class="form-control" name="vdo_name[]" value="{{ $pv->vdo_title }}" />
                                            </div>
                                            <div class="col-md-5">
                                                <input type="text" class="form-control" name="vdo_url_index[]" value="{{ $pv->vdo_url }}" />
                                            </div>
                                            <div class="col-md-1"><button type="button" class="btn btn-box-tool image_btn_remove" id="{{ $pv->id }}" onclick="remove_video_row(this)"><i class="fa fa-remove"></i></button></div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <iframe width="500" height="300"
                                                            src="//www.youtube.com/embed/{{$pv->vdo_url}}"
                                                            frameborder="0" allowfullscreen></iframe>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                    @endif


                                </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-2">
                                                            
                                                            @if($productImage->product_image_name)