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

<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')}}">Add 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;">New Product</h2>
                            <span class="subtitle"> Add a new product selling across all your linked business in Salesoft solution.</span>
                        </div>
                    </div>
                    <div class="col-md-3 text-right">
                        <a href="{{route('admin.products.index')}}" class="btn theme_btn_round ">
                            Back
                        </a>
                    </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 class="product_form" id="newproduct_form" method="post" enctype="multipart/form-data">
                            <!-- 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" data_get_id="" autocomplete="off">
                                                    <div id="productList" class="hidden"></div>
                                                    <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="Product name in secondary language(optional)">
                                                </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>
                                                        @if(permission($data["modules"]["brand"],'full-permission'))
                                                        <!--<option value="new_brand">Add New</option>-->
                                                        @endif
                                                        @foreach($data["brand"] as $key => $value)
                                                        <option value='{{$key}}'>{{$value}}</option>
                                                        @endforeach
                                                    </select>
                                                    <p class="text-danger text-danger  product_brand hidden"></p>
                                                </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"></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"></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 select2 add_category validate"
                                                            id="product_category" name="product_category">
                                                        <option></option>
                                                        @if(permission($data["modules"]["category"],'full-permission'))
                                                        <option value="new_category">Add New</option>
                                                        @endif
                                                        @foreach($data["category"] as $key => $value)
                                                        <option 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'>Product</option>
                                                        <option value='service'>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>
                                                        @if(permission($data["modules"]["category"],'full-permission'))
                                                        <!--<option value="new_tag">Add New</option>-->
                                                        @endif

                                                    </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_selected_tags" id="product_tags"></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" checked/>
                                                    <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"
                                                           checked/>
                                                    <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"
                                                           checked/>
                                                    <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" id="drop-area">
                                                    <div class="preview-images-zone"></div>
                                                    <div class="multi_image_upload_footer">
                                                        <p>Drag images here or
                                                            <span>browse<input type="file" id="browse_image"
                                                                               multiple/></span>text-danger
                                                            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>
                                                        @if(permission($data["modules"]["kot"],'full-permission'))
                                                        <option value="new_kitchen">Add New</option>
                                                        @endif
                                                        @foreach($data["kot"] as $key => $val)
                                                        <option value="{{$key}}">{{$val}}</option>
                                                        @endforeach

                                                    </select>
                                                    <p class="text-danger validation_error product_kitchen hidden"></p>
                                                </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"></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}}">{{$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}}">{{$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">
                                                    <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 type="radio" name="product_type" value="standard_product"
                                                           checked="checked"/>
                                                    <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 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 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-3 no-padding">
                                                    <label class="radio_container">Automatically Generate SKU
                                                        <input type="radio" name="product_sku_radio"
                                                               value="automatic" checked>
                                                        <span class="checkmark"></span>
                                                    </label>
                                                    <label class="radio_container">Enter Custom SKU
                                                        <input type="radio" name="product_sku_radio" value="manual">
                                                        <span class="checkmark"></span>
                                                    </label>
                                                </div>
                                                <div class="col-md-6 no-padding-right sm-no-padding">
                                                    <div class="form-group">
                                                        <label>SKU* <span>Only use uppercase letters and numbers, no symbols and spaces.</span></label>

                                                        <input type="text" class="form-control validate product_sku" id="product_sku" name="product_sku_value" placeholder="Enter product SKU here" onkeypress="return block_specialchar(event)" value="" maxlength="13">
                                                        <p class="text-danger validation_error product_sku_value hidden"></p>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Product Item Code -->
                                            <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" checked>
                                                        <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">
                                                        <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="" min="1">
                                                        <p class="text-danger validation_error product_item_code hidden"></p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Product Item Code -->
                                             <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>
                                            <!--- 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>
                                                            @if(permission($data["modules"]["supplier"],'full-permission'))
                                                            <option value="new_supplier">Add New</option>
                                                            @endif
                                                            @foreach($data["supplier"] as $key => $value)
                                                            <option value='{{$key}}'>{{$value}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_supplier_cost">Purchase/Cost<span
                                                                class="md-hide">Excluding Tax</span></label>
                                                        <input type="number" min="0" class="form-control" id="product_supplier_cost" name="supplier_cost" placeholder="Enter product Supplier cost here" onkeydown="priceValidation(this)">
                                                    </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">
                                                            @foreach($data["purchase_vat"] as $key => $value)
                                                            <option value='{{$key}}'>{{$value}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--- Product Selling Information-->
                                            <div class="col-sm-12 composite_hide">
                                                <div class="col-md-2 no-padding-left" style="margin: 15px 0 0;">
                                                    <label>Selling Information*</label>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_retail_price">Retail Price<span
                                                                class="md-hide">Excluding Tax</span></label>
                                                        <input type="number" min="0" class="form-control validate" id="product_retail_price" name="product_retail_price" placeholder="Enter product Retail Price here" onkeydown="priceValidation(this)" onclick="this.select()">
                                                        <p class="text-danger validation_error product_retail_price hidden"></p>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_markup">Markup</label>
                                                        <input type="text" class="form-control"
                                                               id="product_markup" name="prod_markup"
                                                               placeholder="Product Markup here" readonly>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding no-padding-right">
                                                    <div class="form-group">
                                                        <label for="sales_vat">Sales VAT</label>
                                                        <select class="form-control select2" id="sales_vat" name="sales_vat">
                                                            @foreach($data["sales_vat"] as $key => $value)
                                                            <option value='{{$key}}'>{{$value}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--- Product Selling Information-->
                                            <div class="col-sm-12 composite_hide">
                                                <div class="col-md-2 no-padding-left" style="margin: 15px 0 0;">
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_online_price">Online Price<span
                                                                class="md-hide">Excluding Tax</span></label>
                                                        <input type="number" min="0" class="form-control" id="product_online_price" name="product_online_price" placeholder="Enter Online Retail Price here" onkeydown="priceValidation(this)" onclick="this.select()">
                                                        <p class="text-danger validation_error product_online_price hidden"></p>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_online_markup">Markup</label>
                                                        <input type="text" class="form-control"
                                                               id="product_online_markup" name="product_online_markup"
                                                               placeholder="Online Markup here" readonly>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding no-padding-right">
                                                    <div class="form-group">
                                                        <label for="online_sales_vat">Sales VAT</label>
                                                        <select class="form-control select2" id="online_sales_vat" name="online_sales_vat">
                                                            @foreach($data["sales_vat"] as $key => $value)
                                                            <option value='{{$key}}'>{{$value}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-12 stock_manage_box">
                                                <div class="col-md-2 no-padding-left"></div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_current_stock">Current Stock</label>
                                                        <input type="number" min="0" class="form-control" id="product_current_stock" name="product_stock" placeholder="Enter Product Stock here" onkeydown="stockValidation(this)" onclick="this.select()">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="min_stock_level">Minimum Stock Level</label>
                                                        <input type="number" min="0" class="form-control" id="min_stock_level" name="min_stock_level" placeholder="Enter Minimum Stock Level" onkeydown="stockValidation(this)" onclick="this.select()">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="hsn_code">HSN Code</label>
                                                        <input type="text" class="form-control  hsn_code" id="hsn_code" name="hsn_code" placeholder="Enter HSN Code">
                                                        <p class="text-danger validation_error hsn_code hidden"></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--- Variant Information -->
                            <div class="row hidden variants">
                                <div class="col-sm-4">
                                    <div class="new_product_left">
                                        <h4>Variants Information</h4>
                                        <p>What all variants are you planning for this product?</p>
                                        <p>You can set product variants and sub classifications with SKU, pricing
                                            and <br> listing details in this section.</p>
                                        <p>Choose up to three variable attributes for your product to create and
                                            manage<br> SKUs and their inventory levels.</p>
                                    </div>
                                </div>
                                <div class="col-sm-8 new_product_form" style="padding-top: 0;">
                                    <div class="row">
                                        <!-- Product Variants -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left" style="padding-top: 22px;">
                                                <label for="variant_attributes">Variant Attributes*</label>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="row product_variants hidden"></div>
                                                <div class="row">
                                                    <div class="col-sm-12" style="margin:30px 0 0;">
                                                        <button class="btn theme_btn_round add_attributes sm-no-margin"
                                                                type="button">+ Add Attribute
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <!--- Variants Table -->
                                        <div class="col-sm-12 product_variants_table hidden"
                                             style="margin-top: 40px;">
                                            <div class="col-md-2">
                                            </div>
                                            <div class="col-md-10 sm-no-padding">
                                                <div class="table-responsive variants_table">
                                                    <table class="table table-bordered table-hover">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 12%;">Variant Name</th>
                                                                <th>SKU*</th>
                                                                <th>Item Code*</th>
                                                                <th>HSN Code*</th>
                                                                <th>Purchase/Cost</th>
                                                                <th>Retail Price*</th>
                                                                <th>Online Price</th>
                                                                <th>Stock</th>
                                                                <th>Minimum Stock Level</th>
                                                                @if($businessType != '' && $businessType == 'Restaurant')
                                                                <th>Kitchen(KOT)</th>
                                                                @endif
                                                                <th></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="variants_table_body"></tbody>
                                                    </table>
                                                </div><!--end of .table-responsive-->
                                            </div>
                                        </div>

                                        <!-- Setup Inventory -->
                                        <div class="col-sm-12" style="margin:30px 0 0;">
                                            <div class="col-md-2 col-sm-12">
                                            </div>
                                            <div class="col-md-9 col-sm-12 sm-no-padding">
                                                <button class="btn theme_btn_round setup_inventory sm-no-margin"
                                                        type="button">Setup Inventory
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--- Product Composition -->
                            <div class="row hidden composition">
                                <div class="col-sm-4">
                                    <div class="new_product_left">
                                        <h4>Product Composition</h4>
                                        <p>What products you planning for compositing within this product?</p>
                                        <p>You can add products from your existing list of items and sell as
                                            composite product. <br>
                                            You can set a custom price for the new product.</p>
                                    </div>
                                </div>
                                <div class="col-sm-8 new_product_form">
                                    <div class="row">
                                        <!-- Select bundle type -->
                                        {{--  <div class="col-sm-12" style="margin: 0 0 30px;">
                                            <div class="col-md-2">
                                                <label>Bundle Type</label>
                                            </div>
                                            <div class="col-md-2 no-padding">
                                                <label class="radio_container">Regular Bundle
                                                    <input type="radio" name="bundle_type" value="regular_bundle"
                                                           checked>
                                                    <span class="checkmark"></span>
                                                </label>
                                            </div>
                                            <div class="col-md-2 no-padding">
                                                <label class="radio_container">Custom Bundle
                                                    <input type="radio" name="bundle_type" value="custom_bundle">
                                                    <span class="checkmark"></span>
                                                </label>
                                            </div>
                                        </div>  --}}
                                        <!-- Selecting Products for composite-->
                                        {{--  <div class="regular_bundle">
                                            <div class="col-sm-12">
                                                <div class="col-md-2 sm-no-padding" style="padding-top: 22px;">
                                                    <label for="composite_product">Select Products*</label>
                                                </div>
                                                <div class="col-md-7 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="composite_product">Add Multiple Products <span> to create a composite product.</span></label>
                                                        <select class="form-control select2" id="composite_product">
                                                            <option></option>
                                                            @foreach($data["product"] as $key => $value)
                                                            <option value="{{ $key }}">{{ $value }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <!---- Selected Products Display -->
                                            <div class="col-sm-12">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10 sm-no-padding">
                                                    <div class="product_tags" id="regular_bundles_list"></div>
                                                </div>
                                            </div>
                                        </div>  --}}
                                        <div class="col-sm-12 custom_bundle" style="margin:30px 0;">
                                            <div class="col-md-2">
                                                <label for="variant_attributes">Combo*</label>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="row product_bundles hidden"></div>
                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        <button class="btn theme_btn_round no-margin add_bundle"
                                                                type="button">+ Add Item
                                                        </button>
                                                        <input type="hidden" id="combo_id" name="combo_id" value="0"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Composite Product Selling Information -->
                                        <div class="col-sm-12" style="margin-top: 30px;">
                                            <div class="col-md-2 sm-no-padding" style="margin: 15px 0 0;">
                                                <label>Selling Information*</label>
                                            </div>
                                            <div class="col-md-3 sm-no-padding">
                                                <div class="form-group">
                                                    <label for="composite_retail_price">Retail Price <span>Excluding Tax</span></label>
                                                    <input type="number" class="form-control"
                                                           id="composite_retail_price" name="retail_price"
                                                           placeholder="Enter product retail price" onkeydown="priceValidation(this)">
                                                           <p class="text-danger validation_error product_retail_price hidden"></p>
                                                </div>
                                            </div>
                                            <div class="col-md-3 sm-no-padding no-padding-right hidden">
                                                <div class="form-group">
                                                    <label for="composite_product_cost">Cost Price</label>
                                                    <input type="number" class="form-control"
                                                           id="composite_product_cost" name="composite_product_cost"
                                                           value="0">
                                                </div>
                                            </div>
                                            <div class="col-md-3 sm-no-padding">
                                                <div class="form-group">
                                                    <label for="composite_product_tax">Sales VAT</label>
                                                    <select class="form-control select2" id="composite_product_tax" name="comp_sales_vat">
                                                        <option></option>
                                                        @foreach($data["sales_vat"] as $key => $value)
                                                        <option value="{{ $key }}">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                       <div class="col-sm-12" style="margin-top: 30px;">
                                            <div class="col-md-2 sm-no-padding" style="margin: 15px 0 0;">
                                            </div>
                                            <div class="col-md-3 sm-no-padding">
                                                <div class="form-group">
                                                    <label for="cmp_product_online_price">Online Price <span>Excluding Tax</span></label>
                                                    <input type="number" class="form-control"
                                                           id="cmp_product_online_price" name="cmp_product_online_price"
                                                           placeholder="Enter online retail price" onkeydown="priceValidation(this)">
                                                           <p class="text-danger validation_error cmp_product_online_price hidden"></p>
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-3 sm-no-padding">
                                                <div class="form-group">
                                                    <label for="comp_online_sales_vat">Sales VAT</label>
                                                    <select class="form-control select2" id="comp_online_sales_vat" name="comp_online_sales_vat">
                                                        <option></option>
                                                        @foreach($data["sales_vat"] as $key => $value)
                                                        <option value="{{ $key }}">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="hsn_code">HSN Code</label>
                                                        <input type="text" class="form-control" id="cmp_hsn_code" name="hsn_code" placeholder="Enter HSN Code">
                                                    </div>
                                                </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--- Custom Modifiers -->
                            <div class="row">
                            @if($businessType != '' && $businessType == 'Restaurant')
                                <div class="col-sm-4">
                                    <div class="new_product_left">
                                        <h4>Custom Modifiers</h4>
                                        <p>What are customization you offer for this product?</p>
                                        <p>You can select modifiers from predefined list which is applicable for the
                                            product.</p>
                                    </div>
                                </div>
                                <div class="col-sm-8 new_product_form">
                                    <div class="row">
                                        <!-- Product Modifiers -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 sm-no-padding no-padding-left">
                                                <label>Select Modifier</label>
                                            </div>
                                            <div class="col-md-5 sm-no-padding">
                                                <div class="form-group">
                                                    <select class="form-control select2 select_product_modifiers">
                                                        <option></option>
                                                        @if(permission($data["modules"]["modifier"],'full-permission'))
                                                        <option value="new_modifier">Add New</option>
                                                        @endif
                                                        @foreach($data["modifier"] as $key => $value)
                                                            <option value="{{$key}}">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-1 no-padding-left sm-no-padding sm-no-margin"
                                                 style="margin-top: -25px;">
                                                <div class="form-group">
                                                    <label for="prod_modifier_price">Price</label>
                                                    <input type="number" min="1" class="form-control"
                                                           id="prod_modifier_price" placeholder="0.00">
                                                </div>
                                            </div>
                                            <div class="col-md-2 sm-no-padding" style="margin-top: -25px;">
                                                <div class="form-group">
                                                    <label for="prod_price_type">Price Type</label>
                                                    <select class="form-control select2" id="prod_price_type">
                                                        <option></option>
                                                        @foreach($data["price_type"] as $key => $value)
                                                        <option value="{{ $key }}">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-2 sm-no-padding text-right">
                                                <button class="btn theme_btn_round add_selected_modifier sm-margin_btn"
                                                        type="button">+ Add Modifier
                                                </button>
                                            </div>
                                        </div>
                                        <!-- Product Description -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2"></div>
                                            <div class="col-md-10 sm-no-padding">
                                                <div class="product_tags" id="product_modifiers_container">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                                <!-- Finalize Buttons -->
                                <div class="col-sm-12">
                                    <div class="col-sm-12 sm-no-padding">
                                        <button class="btn theme_btn_round pull-right save_new_product"
                                                type="button">
                                            Save
                                        </button>
                                        <button class="btn action_btn cancel pull-right" type="button"
                                                onclick="history.go(-1);
                                                        return false">
                                            Cancel
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div> <!--THIS IS CONTENT DIV END-->
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Product Attributes Modal Begins -->
<div class="modal fade bs-modal" id="product_attributes_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    @include('admin.product.modals.product-attribute')
    <!-- /.modal-dialog -->
</div>
<!-- Product Attributes Modal End -->

<!-- Product Category Modal Begins -->validation_error
<div class="modal fade bs-modal" id="category_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    @include('admin.product.modals.category')
</div>
<!-- Product Category Modal End -->



<!-- Product Tags Modal Begins -->
<div class="modal fade bs-modal" id="tags_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    @include('admin.product.modals.tag')
</div>
<!-- Product Tags Modal End -->





<!-- Product Modifiers Modal Begins -->
<div class="modal fade bs-modal" id="product_modifiers_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
   @include('admin.product.modals.modifier')
    <!-- /.modal-dialog -->
</div>
<!-- Product Modifiers Modal End -->

<!-- Product New Brand Modal Begins -->

<!-- Product New Brand Modal End -->

<!-- Product New Kitchen Modal Begins -->
<div class="modal fade bs-modal" id="new_kitchen_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
   @include('admin.product.modals.kot')
    <!-- /.modal-dialog -->
</div>
<!-- Product New Kitchen Modal End -->

<!-- New Supplier Modal Start-->
<div class="modal fade bs-modal right modal-fullscreen" id="new_supplier_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    @include('admin.product.modals.supplier')
    <!-- /.modal-dialog -->
</div>
<!-- New Supplier Modal End-->

<!-- Custom Bundle Product Modal Begins -->
<div class="modal fade bs-modal" id="custom_bundle_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
   @include('admin.product.modals.custom-bundle')
    <!-- /.modal-dialog -->
</div>

<!--new brand form-->
<div class="modal fade bs-modal" id="new_brand_model" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    @include('admin.product.modals.brand')
</div>

@endsection
@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('assets/global/plugins/jquery-ui/jquery-ui.min.css')}}" rel="stylesheet" type="text/css"/>
<link href="{{asset('css/croppie.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('css/custom.css') }}" rel="stylesheet" type="text/css"/>
<style>
    input.sku-exist{
        border:1px solid red !important;
    }
    .toogle_class {
        float: left;
        width: 115px;
        margin-bottom: 4px;
    }
    .toogle_class span {
        float: left;
        line-height: 26px;
    }
    .toogle_class label {float: right;}
    .validation_error{
        margin: 0;
     }
     .portlet-body .reove_label {height: 14px;}
     .portlet-body .remove_label {height: 15px;}
     #product_attribute_form .portlet-body .row .top_nice_bar:after {
content: '';
position: relative;
 top: -14px;
border-top: 1px solid #EFEFEF;
display: block;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
border-bottom: inherit;
}
#custom_bundle_form .portlet-body .row .top_nice_bar:after {
content: '';
position: relative;
 top: -14px;
border-top: 1px solid #EFEFEF;
display: block;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
border-bottom: inherit;
}
.variant-table-td{
                width: 90px;
            }

</style>
@stop
@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/jquery-ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/scripts/sweetalert.min.js')}}" type="text/javascript"></script>

<script src="{{asset('js/general.js')}}"></script>
<script src="{{asset('js/croppie.js')}}"></script>

@include('admin.js.product-create')
@stop