@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')

@php $combo_id = 0; @endphp
@php $businessType = businessType(); @endphp
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>
                <li><a class="breadcrumb_link" href="{{route('admin.dashboard')}}">Home</a></li>
                <li><a class="breadcrumb_link" href="{{route('admin.products.index')}}">Edit Product</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>

    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="portlet">
            <!-- BEGIN PAGE HEADER-->
            <div class="portlet-title page_heading">
                <div class="row">
                    <div class="col-md-9">
                        <div class="caption">
                            <h2 style="font-weight: 600; margin-top: 0;">Edit Product</h2>
                            <span class="subtitle"> Edit your product details.</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            <div class="row">
                <div class="col-md-12">
                    <!--THIS IS CONTENT DIV START-->
                    <div class="portlet-body flip-scroll">
                        <form action="{{ route('admin.products.update',encrypt($data['product_details']['id'])) }}" class="product_form" id="newproduct_form" method="post" enctype="multipart/form-data">
                            <input name="_method" type="hidden" value="PUT">
                            <!-- Product Information -->
                            <div class="row">
                                <div class="col-sm-4 trash">
                                    <div class="new_product_left">
                                        <h4>General Details</h4>
                                        <p>What all are the general information about your new product?</p>
                                        <p>Add product name, supplier info, tags, product description and images for
                                            your <br> new product in this section.</p>
                                    </div>
                                    <div style="height: 680px;"></div>
                                </div>
                                <div class="col-sm-8 new_product_form">
                                    <div class="row">
                                        <!-- Product Name -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Product Name*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control validate" id="product_name" name="product_name" placeholder="Enter product name here" value="{{$data['product_details']['name']}}" autocomplete="off">
                                                    <p class="text-danger product_name validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        @if($data["language"] == 2)
                                        <!--  Secondary Product Name -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="secondary_product_name"></label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" autocomplete="off" id="secondary_product_name" name="secondary_product_name" placeholder="Enter secondary product name here" value="{{$data['product_details']['secondary_name']}}" autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        @if($businessType != '' && $businessType == 'Restaurant')
                                        <!-- Product Brand Name -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_brand_name">Brand</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_newbrand" id="product_brand_name" name="product_brand">
                                                        <option></option>
                                                        <!--<option value="new_brand">Add New</option>-->
                                                        @foreach($data["brand"] as $key => $value)
                                                        <option
                                                            {{ $data['product_details']['product_brand_id'] == $key ? "selected='selected'" : '' }}
                                                            value='{{$key}}'>{{$value}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        <!-- Product Description -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_description">Product Description</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <textarea rows="2" class="form-control" id="product_description" placeholder="Enter product Description here" name="product_description">{{$data['product_details']['description']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        @if($data["language"] == 2)
                                        <!-- Product Description -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="secondary_product_description"></label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <textarea rows="2" class="form-control" id="product_description" placeholder="Description in secondary language(optional)" name="secondary_product_description">{{$data['product_details']['secondary_description']}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        <!-- Product Category -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_category">Product Category*</label>
                                            </div>
                                            <div class="col-md-4 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control validate select2 add_category" id="product_category" name="product_category">
                                                        <option></option>
                                                        <!--<option value="new_category">Add New</option>-->
                                                        @foreach($data["category"] as $key => $value)
                                                        <option
                                                            {{ $data['product_details']['product_category_id'] == $key ? "selected='selected'" : '' }}
                                                            value='{{$key}}'>{{$value}}</option>
                                                        @endforeach
                                                    </select>
                                                    <p class="text-danger product_category validation_error hidden"></p>
                                                </div>
                                            </div>
                                            <div class="col-md-1 no-padding-left">
                                                <label for="service_type">Type*</label>
                                            </div>
                                            <div class="col-md-3 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 service_type validate" id="service_type" name="service_type">
                                                        <option value='product' {{($data['product_details']['service_type'] == "product" ) ? "selected='selected'" : ''}}>Product</option>
                                                        <option value='service' {{($data['product_details']['service_type'] == "service" ) ? "selected='selected'" : ''}}>Service</option>
                                                    </select>
                                                    <p class="text-danger service_type validation_error hidden"></p>
                                                </div>
                                            </div>
                                        </div>
                                        @if($businessType != '' && $businessType == 'Restaurant')
                                        <!-- Product Tags -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_tags">Tags</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_tags" id="find_category">
                                                        <option></option>
                                                        <!--<option value="new_tag">Add New</option>-->
                                                        {@foreach($data["tags"] as $key => $value)
                                                        <option value='{{$key}}'>{{$value}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <!--- Product Selected Tags List -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2"></div>
                                            <div class="col-md-10 no-padding">
                                                <div class="product_tags" id="product_tags">

                                                    
                                                    @foreach($tags as $_tags)
                                                    
                                                    @foreach($data["category"] as $key => $value)
                                                                                                        @endforeach
                                                    @if(isset($tag_value))
                                                    <div class="product_tag option_no_{{$x}}">
                                                        <span>{{ $tag_value }}</span>
                                                        <i class="fa fa-trash" onclick="remove_selected_option('{{$x}}', 'product_tags', 'product_tags','{{$_tags}}');"></i>
                                                    </div>
                                                    @endif
                                                    @endforeach

                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        <!--- Sale Point Checkbox -->
                                        <div class="col-sm-12 checkbox_slider_box">
                                            <div class="col-md-2 no-padding-left">
                                                <label>Sale on Point-of-Sale</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                                <label class="switch" for="sale_point">
                                                    <input type="checkbox" id="sale_point" name="prod_sale_point"
                                                           @if($data['product_details']["sale_on_pos"] ==1)
                                                           checked="checked"
                                                           @endif
                                                           />
                                                    <div class="slider_round round"></div>
                                                </label>
                                            </div>
                                        </div>
                                        @if($businessType != '' && $businessType == 'Restaurant')
                                        <!--- Sale on eMenu Checkbox -->
                                        <div class="col-sm-12 checkbox_slider_box">
                                            <div class="col-md-2 no-padding-left">
                                                <label>Sale on eMenu</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                                <label class="switch" for="sale_emain">
                                                    <input type="checkbox" id="sale_emain" name="sale_emain"
                                                           @if($data['product_details']["sale_on_emenu"] ==1)
                                                           checked="checked"
                                                           @endif
                                                           />
                                                    <div class="slider_round round"></div>
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        <!--- Sale on Portal Checkbox -->
                                        <div class="col-sm-12 checkbox_slider_box">
                                            <div class="col-md-2 no-padding-left">
                                                <label>Sale on Portal</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                                <label class="switch" for="sale_portal">
                                                    <input type="checkbox" id="sale_portal" name="sale_portal"
                                                           @if($data['product_details']["sale_on_portal"] ==1)
                                                           checked="checked"
                                                           @endif
                                                           />
                                                    <div class="slider_round round"></div>
                                                </label>
                                            </div>
                                        </div>
                                        <!-- Product Images Uploads Section -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_description">Upload Images</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                                <div class="multi_image_upload_box" @php if(session()->has('product_images') && count(session()->get('product_images')) > 0 ) echo 'style = "background:none" ' @endphp id="drop-area">
                                                    <div class="preview-images-zone">
                                                        @if(session()->has('product_images'))
                                                        @foreach(session()->get('product_images') as $key => $value)

                                                        <div class="drop-img preview-image preview-show-{{$key}}" data_order="{{$key}}">
                                                            <div class="image-cancel" data_image="{{$key}}">
                                                                <i class="fa fa-trash"></i>
                                                            </div>
                                                            <div class="image-zone"><img name="product_images[]" src="{{cdn('uploads/products/'.$value)}}"></div>
                                                        </div>

                                                        @endforeach
                                                        @endif
                                                    </div>
                                                    <div class="multi_image_upload_footer">
                                                        <p>Drag images here or
                                                            <span>browse<input type="file" id="browse_image"
                                                                               multiple /></span>
                                                            to upload</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                        <div class="col-sm-12 lg-margin-bottom"></div>

                                        @if($businessType != '' && $businessType == 'Restaurant')
                                        <!-- Product Kitchen -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_kitchen">Select Kitchen (KOT)</label>
                                            </div>
                                            <div class="col-md-9 no-padding-left">
                                                <div class="form-group">
                                                    <select class="form-control select2 add_newkitchen"
                                                            id="product_kitchen" name="product_kitchen">
                                                        <option></option>
                                                        <!--<option value="new_kitchen">Add New</option>-->

                                                        @foreach($data['kot'] as $key => $val)
                                                        <option value="{{$key}}">{{$val}}</option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <!--- Product Kitchen Selected List -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2"></div>
                                            <div class="col-md-10 no-padding">
                                                <div class="product_tags" id="selected_kitchens">
                                                    @if($data['product_details']['kot'] != NULL)
                                                                                                        @foreach($kot_ids as $_kot_ids)
                                                    @if($_kot_ids != '')
                                                    @if($_kot_ids != 0)
                                                                                                        @foreach($data['kot'] as $key=>$value)
                                                    @endforeach
                                                    @if(isset($kot_name))
                                                    <div class="product_tag option_no_{{$x}}"><span>{{$kot_name}}</span>
                                                        <i class="fa fa-trash" onclick="remove_selected_option('{{$x}}', 'selected_kitchens', 'product_kitchens','{{$_kot_ids}}');"></i>
                                                    </div>
                                                    @endif
                                                    @endif
                                                    @endif
                                                    @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        @endif

                                        <!-- Units -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="units">Units</label>
                                            </div>
                                            <div class="col-md-5 no-padding-left">  
                                                <label for="primary_unit">Primary Unit</label>
                                                <div class="form-group">
                                                    <select class="form-control select2 primary_unit" id="primary_unit" name="primary_unit">
                                                        <option></option>

                                                        @foreach($data["units"] as $key => $val)
                                                        <option value="{{$val}}" {{($data['product_details']['primary_unit'] == $val ) ? "selected='selected'" : ''}}>{{$val}}</option>
                                                        @endforeach

                                                    </select>
                                                    <p class="text-danger validation_error primary_unit hidden"></p>
                                                </div>
                                            </div>
                                            <div class="col-md-4 no-padding-left">  
                                                <label for="secondary_unit">Secondary Unit</label>
                                                <div class="form-group">
                                                    <select class="form-control select2 secondary_unit" id="secondary_unit" name="secondary_unit">
                                                        <option></option>

                                                        @foreach($data["units"] as $key => $val)
                                                        <option value="{{$val}}" {{($data['product_details']['secondary_unit'] == $val ) ? "selected='selected'" : ''}}>{{$val}}</option>
                                                        @endforeach

                                                    </select>
                                                    <p class="text-danger validation_error secondary_unit hidden"></p>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Units -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="unit_converion">Units Conversion</label>
                                            </div>
                                            <div class="col-md-2 no-padding-left">
                                                <label for="units">1 Primary Unit = </label>
                                            </div>
                                            <div class="col-md-3 no-padding-left"> 
                                                <div class="form-group">
                                                    <input type="number" name="unit_converion" class="form-contro" autocomplete="off" value="{{($data['product_details']['unit_converion']) ? $data['product_details']['unit_converion'] : ''}}">
                                                    <p class="text-danger validation_error unit_converion hidden"></p>
                                                </div>
                                            </div>
                                            <div class="col-md-5 no-padding-left"> 
                                                <div class="form-group">
                                                    <label for="secondary_unit_converion">Secondary Unit</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--- Product Inventory Information -->
                            <div class="row">
                                <div class="col-sm-4 trash">
                                    <div class="new_product_left">
                                        <h4>Inventory Information</h4>
                                        <p>How you want to store, list track and sell your new product?</p>
                                        <p>You can set product supply details, suppliers, selling channels, supply
                                            &amp; sales <br> details in this section</p>
                                    </div>

                                </div>
                                <div class="col-sm-8 new_product_form">
                                    <div class="row">
                                        <!-- Product Type -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_type">Product Type*</label>
                                            </div>
                                            <div class="col-md-3 col-sm-4 no-padding">
                                                <label class="product_type_box sm-no-margin">
                                                    <input {{ ($data['product_details']['product_type']=="1")? "checked" : "" }}
                                                           type="radio" name="product_type" value="standard_product" />
                                                    <div class="product_type_info">
                                                        <h5>Standard Product</h5>
                                                        <p>This product has one SKU with its own inventory</p>
                                                    </div>
                                                </label>
                                            </div>
                                            <div class="col-md-3 col-sm-4 no-padding">
                                                <label class="product_type_box sm-no-margin">
                                                    <input {{ ($data['product_details']['product_type']=="2")? "checked" : "" }}
                                                           type="radio" name="product_type" value="variant_product" />
                                                    <div class="product_type_info">
                                                        <h5>Product With Variants</h5>
                                                        <p>These products has difference attributes like size or
                                                            flavour. Each variant has a unique SKU and inventory
                                                            level.</p>
                                                    </div>
                                                </label>
                                            </div>
                                            <div class="col-md-3 col-sm-4 no-padding">
                                                <label class="product_type_box sm-no-margin">
                                                    <input {{ ($data['product_details']['product_type']=="3")? "checked" : "" }}
                                                           type="radio" name="product_type" value="composite_product" />
                                                    <div class="product_type_info">
                                                        <h5>Composite Product</h5>
                                                        <p>A composite contains one or more standard products. It
                                                            has one SKU but adjusts inventory levels for each
                                                            standard product.</p>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="standard_product_details">
                                            <!--- Product SKU -->
                                            <div class="col-sm-12">
                                                <div class="col-md-2 no-padding-left">
                                                </div>

                                                <div class="col-md-6 no-padding-right sm-no-padding">
                                                    <div class="form-group">
                                                        <label>SKU</label>
                                                        <input type="text" readonly class="form-control validate"
                                                               id="product_sku" name="product_sku_value"
                                                               placeholder="Enter product SKU here"
                                                               onkeypress="return block_specialchar(event)" value="{{$data['product_details']['sku']}}">
                                                    </div>
                                                </div>

                                            </div>

                                            <!--- Product Item Code -->
                                            <!--                                            <div class="col-sm-12">
                                                                                            <div class="col-md-2 no-padding-left">
                                                                                            </div>
                                            
                                                                                            <div class="col-md-6 no-padding-right sm-no-padding">
                                                                                                <div class="form-group">
                                                                                                    <label>Item Code</label>
                                                                                                    <input type="text" readonly class="form-control validate"
                                                                                                        id="product_item_code" name="product_item_code"
                                                                                                        placeholder="Enter item code here"
                                                                                                        onkeypress="return block_specialchar(event)" value="{{$data['product_details']['item_code']}}">
                                                                                                </div>
                                                                                            </div>
                                            
                                                                                        </div>-->

                                            <div class="col-sm-12">
                                                <div class="col-md-2 no-padding-left">
                                                </div>
                                                <div class="col-md-3 no-padding">
                                                    <label class="radio_container">Automatically Generate Item Code
                                                        <input type="radio" name="product_item_code"
                                                               value="automatic" class="product_item_code_radio_btn">
                                                        <span class="checkmark"></span>
                                                    </label>
                                                    <label class="radio_container">Enter Custom Item Code
                                                        <input type="radio" name="product_item_code" value="manual" class="product_item_code_radio_btn" checked>
                                                        <span class="checkmark"></span>
                                                    </label>
                                                </div>
                                                <div class="col-md-6 no-padding-right sm-no-padding">
                                                    <div class="form-group">
                                                        <label>Item Code* <span></span></label>
                                                        <input type="number" class="form-control validate product_item_code" id="product_item_code" onInput="checkLength()" name="product_item_code" placeholder="Enter product Item Code here" onkeyup="nospaces(this)" onkeypress="return block_specialchar(event)" value="{{$data['product_details']['item_code']}}">
                                                        <p class="text-danger validation_error product_item_code hidden"></p>
                                                    </div>
                                                </div>
                                            </div>

                                            <!--- Product Purchase Information -->
                                            <div class="col-sm-12 composite_hide">
                                                <div class="col-md-2 no-padding-left" style="margin: 15px 0 0;">
                                                    <label>Purchase Information</label>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_supplier">Supplier</label>
                                                        <select class="form-control select2" name="prod_supplier"
                                                                id="product_supplier">
                                                            <option></option>
                                                            <!--<option value="new_supplier">Add New</option>-->
                                                            @foreach($data["supplier"] as $key => $value)
                                                            <option
                                                                {{ $data['product_details']['supplier_id'] == $key ? "selected='selected'" : '' }}
                                                                value='{{$key}}'>{{$value}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                
                                                <div class="col-sm-12">
                                                    <div class="col-md-3 no-padding-left">
                                                        <label for="tax_inclusive">Tax treatment</label>
                                                    </div>
                                                    <div class="col-md-8 no-padding-left">
                                                        <div class="form-group">
                                                            <select name="tax_inclusive" class="form-control">
                                                            <option value="0">Inclusive</option>
                                                            <option value="1">Exclusive</option>
                                                        </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_supplier_cost">Supplier/Cost<span
                                                                class="md-hide">Excluding Tax</span></label>

                                                        @if((int)$data['product_details']['supplier_cost'] == $data['product_details']['supplier_cost'])
                                                        @php $pro_supplier_cost = (int)$data['product_details']['supplier_cost']; @endphp
                                                        @else
                                                        @php $pro_supplier_cost = $data['product_details']['supplier_cost']; @endphp
                                                        @endif

                                                        <input type="number" class="form-control"
                                                               id="product_supplier_cost" name="supplier_cost"
                                                               placeholder="Enter product Supplier cost here"
                                                               value="{{ ($pro_supplier_cost) ? number_format($pro_supplier_cost,$data['decimal_point'],'.','') : number_format(0,$data['decimal_point']) }}" onkeydown="priceValidation(this)">
                                                        <p class="text-danger supplier_cost hidden"></p>
                                                    </div>
                                                </div>

                                                <div class="col-md-3 sm-no-padding no-padding-right">
                                                    <div class="form-group">
                                                        <label for="purchase_vat">Purchase VAT</label>
                                                        <select class="form-control select2" id="purchase_vat"
                                                                name="purchase_vat">