@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
    <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')}}">View 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;">View Product</h2>
                                <span class="subtitle"> View 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">
                                        <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>
                                    <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">
                                                        {{$data['product_details']['name']}}
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 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">

                                                            @foreach($data["brand"] as $key => $value)
                                                               @if($data['product_details']['product_brand_id'] == $key)
                                                                {{$value}}
                                                               @endif
                                                            @endforeach

                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 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">
                                                    {{$data['product_details']['description']}}
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 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-8 no-padding-left">
                                                    <div class="form-group">
                                                            @foreach($data["category"] as $key => $value)
                                                                @if($data['product_details']['product_category_id'] == $key)
                                                                    {{$value}}
                                                                @endif
                                                            @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Product Tags -->
                                            <div class="col-sm-12">
                                                <div class="col-md-2 no-padding-left">
                                                    <label for="product_tags">Tags</label>
                                                </div>
                                                <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>
                                                            </div>
                                                        @endif
                                                    @endforeach

                                                </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>
                                            </div>
                                            <!--- 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">
                                                    @if($data['product_details']["sale_on_pos"] ==1)
                                                        ON
                                                    @else
                                                        OFF
                                                    @endif
                                                </div>
                                            </div>

                                            <!--- 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">
                                                    @if($data['product_details']["sale_on_emenu"] ==1)
                                                        ON
                                                    @else
                                                        OFF
                                                    @endif
                                                </div>
                                            </div>

                                            <!--- 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">
                                                    @if($data['product_details']["sale_on_portal"] ==1)
                                                        ON
                                                    @else
                                                        OFF
                                                    @endif
                                                </div>
                                            </div>
                                            <!-- Product Images Uploads Section -->
                                            <div class="col-sm-12">
                                                <div class="col-md-2 no-padding-left">
                                                    <label for="product_description">Images</label>
                                                </div>
                                                <div class="col-md-10 no-padding" @php if(!session()->has('product_images')) echo 'style = "display:none;" ' @endphp>
                                                    <div class="multi_image_upload_box" style = "background:none !important" id="drop-area">
                                                        <div class="preview-images-zone">
                                                            @if(session()->has('product_images'))
                                                                @foreach(session()->get('product_images') as $key => $value)

                                                                    <div class="preview-image preview-show-{{$key}}" data_order="{{$key}}">
                                                                        <div class="image-cancel" data_image="{{$key}}">

                                                                        </div>
                                                                        <div class="image-zone"><img name="product_images[]" src="{{asset('uploads/products/'.$value)}}"></div>
                                                                    </div>

                                                                @endforeach
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                            <div class="col-sm-12 lg-margin-bottom"></div>

                                            <!-- 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="product_tags" id="selected_kitchens">
                                                    @if($data['product_details']['kot'] != NULL)
                                                                                                                @foreach($kot_ids as $_kot_ids)
                                                            @if($_kot_ids != '')
                                                                                                                                @foreach($data['kot'] as $key=>$value)
                                                                                                                                    @endforeach
                                                                <div class="product_tag option_no_{{$x}}"><span>{{$kot_name}}</span>
                                                                </div>
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <!--- Product Inventory Information -->
                                <div class="row">
                                    <div class="col-sm-4">
                                        <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" style="margin-bottom: 15px;">
                                                <div class="col-md-2 no-padding-left">
                                                    <label for="product_type">Product Type</label>
                                                </div>
                                                @if($data['product_details']['product_type']==1)
                                                    Standard product
                                                @elseif($data['product_details']['product_type']==2)
                                                    Variant Product
                                                @else
                                                    Composite Product
                                                @endif
                                            </div>

                                            <div class="col-sm-12" style="margin-bottom: 15px;">
                                                <div class="col-md-2 no-padding-left">
                                                    <label for="product_type">SKU</label>
                                                </div>
                                                {{$data['product_details']['sku']}}
                                            </div>

                                            <div class="col-sm-12" style="margin-bottom: 15px;">
                                                <div class="col-md-2 no-padding-left">
                                                    <label for="product_type">Item Code</label>
                                                </div>
                                                {{$data['product_details']['item_code']}}
                                            </div>


                                            <div class="standard_product_details">
                                                <!--- 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><br>

                                                                <!--<option value="new_supplier">Add New</option>-->
                                                                @foreach($data["supplier"] as $key => $value)
                                                                        @if($data['product_details']['supplier_id'] == $key)
                                                                        {{$value}}
                                                                    @endif
                                                                @endforeach

                                                        </div>
                                                    </div>

                                                    <div class="col-md-3 sm-no-padding">
                                                        <div class="form-group">
                                                            <label for="product_supplier_cost">Supplier/Cost</label><br>
                                                            <span>{{$data['product_details']['supplier_cost']}}</span>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-3 sm-no-padding no-padding-right">
                                                        <div class="form-group">
                                                            <label for="purchase_vat">Purchase VAT</label><br>
                                                            @php $purchase_vat_arr = explode(",",$data['product_details']['purchase_vat']); @endphp
                                                            @foreach($data['purchase_vat'] as $key=>$value)
                                                                @foreach($purchase_vat_arr as $_purchase_vat_arr)
                                                                    @if($_purchase_vat_arr == $key)
                                                                        {{$value}}
                                                                    @endif
                                                                @endforeach
                                                            @endforeach
                                                        </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> <br>
                                                            {{$data['product_details']['retail_price']}}
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 sm-no-padding">
                                                        <div class="form-group">
                                                            <label for="product_markup">Markup</label><br>
                                                            {{$data['product_details']['markup_percentage']}}

                                                        </div>
                                                    </div>

                                                    <div class="col-md-3 sm-no-padding no-padding-right">
                                                        <div class="form-group">
                                                            <label for="sales_vat">Sales VAT</label><br>
                                                            @php $sales_vat_arr = explode(",",$data['product_details']['salse_vat']); @endphp
                                                            @foreach($data['sales_vat'] as $key=>$value)
                                                                @foreach($sales_vat_arr as $_sales_vat_arr)
                                                                    @if($_sales_vat_arr == $key)
                                                                        {{$value}}
                                                                    @endif
                                                                @endforeach
                                                            @endforeach
                                                        </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><br>
                                                            {{$data['product_details']['stock']}}
                                                        </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">
                                        <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">
                                                    @php $data_id = 1568980538403; @endphp
                                                    @foreach($data['p_var_attr_class'] as $_p_var_attr_class)
                                                        @php $data_id++; @endphp
                                                        <div class="row product_variants">
                                                            <div class="v_contain" data_containerid="{{$data_id}}">
                                                                <div class="col-sm-12 sm-no-padding"> <label
                                                                        for="attrname">{{$_p_var_attr_class['type_name']}}</label> </div>
                                                                <div class="col-md-4 sm-no-padding">
                                                                    <div class="form-group">
                                                                        <div class="input-group">
                                                                            <input type="text"
                                                                                   class="form-control" id="attrname"
                                                                                   value="{{ $_p_var_attr_class['title']}}({{$_p_var_attr_class['type']}}/{{$_p_var_attr_class['num_select']}}) " readonly="">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-8 no-padding">
                                                                    <div class="variants_container product_tags">
                                                                        @foreach($_p_var_attr_class['classifications'] as $_class)
                                                                            <div class="product_tag input_tag attrop">
                                                                                <span>{{$_class['classification_title']}}</span>
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                    {{--                                                                    <i class="fa fa-times-circle variant_bundle_remove" data_id="{{$data_id}}"></i>--}}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach



{{--                                                    <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>--}}
                                                    <br><br>
                                                </div>
                                            </div>

                                        @if($data['product_details']['product_type']=="2")

                                            <!--- Variants Table -->
                                                <div class="col-md-2">
                                                </div>
                                                <div class="col-md-10 sm-no-padding product_variants_table">
                                                    <div class="table-responsive variants_table">
                                                        <table class="table table-bordered table-hover">
                                                            <thead>

                                                            <tr>
                                                                <th style="width: 10%;">Variant Name</th>
                                                                <th>SKU*</th>
                                                                <th>Item Code</th>
                                                                <th>Cost</th>
                                                                <th>Retail Price</th>
                                                                <th>Stock</th>
                                                                <th>Kitchen(KOT)</th>
                                                                <th></th>
                                                            </tr>

                                                            </thead>
                                                            <tbody class="variants_table_body">

                                                            @php $status_inc = 0; @endphp
                                                            @foreach($data['variant_products'] as $_var_products)
                                                                @php $status_inc++ @endphp

                                                                <tr>
                                                                    <td class='table_text'><input type="hidden" name="variant_uuid[]" value="{{$_var_products['product_uuid']}}"><input type='hidden' name='variant_name[]' value='{{$_var_products['variant_name']}}'>{{$_var_products['variant_name']}}</td>
                                                                    <td> {{$_var_products['sku']}}</td>
                                                                    <td> {{$_var_products['item_code']}}</td>
                                                                    <td>{{$_var_products['supplier_cost']}}</td>
                                                                    <td>{{$_var_products['retail_price']}}</td>
                                                                    <td>{{$_var_products['stock']}}</td>
                                                                    <td>
                                                                            @foreach($data['kot'] as $key => $val)
                                                                                @if($_var_products['kot'] == $key)
                                                                                    {{$val}}
                                                                                @endif
                                                                            @endforeach

                                                                    </td>
                                                                    <td>
                                                                        <div><span style="width: 50%;float: left;">Pos</span><label class='switch switch_table' for='variant_{{$status_inc}}'>
                                                                                @if($_var_products['sale_on_pos'] == 1)
                                                                                    <span>ON</span>
                                                                                @else
                                                                                    <span>OFF</span>
                                                                                @endif
                                                                            </label></div>
                                                                        <div><span style="width: 50%;float: left;">Portal</span><label class='switch switch_table' for='variant_portal_{{$status_inc}}'>
                                                                                @if($_var_products['sale_on_portal'] == 1)
                                                                                    <span>ON</span>
                                                                                @else
                                                                                    <span>OFF</span>
                                                                                @endif
                                                                            </label></div>
                                                                        <div><span style="width: 50%;float: left;">Emenu</span><label class='switch switch_table' for='variant_emenu_{{$status_inc}}'>
                                                                                @if($_var_products['sale_on_emenu'] == 1)
                                                                                    <span>ON</span>
                                                                                @else
                                                                                    <span>OFF</span>
                                                                                @endif
                                                                            </label></div>
                                                                    </td>
                                                                </tr>
                                                            @endforeach


                                                            </tbody>
                                                        </table>
                                                    </div><!--end of .table-responsive-->
                                                </div>

                                        </div>

                                    @endif

                                    <!-- 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">Refresh 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>
                                        @if($data['product_details']['bundle_type'] == 1)
                                           Regular Bundle
                                        @else
                                           Custom Bundle
                                        @endif
                                    </div>
                                    <!-- Selecting Products for composite-->
                                    <div class="regular_bundle @php if($data['product_details']['bundle_type'] == 2){echo 'hidden';}else{echo '';} @endphp">
                                        <div class="col-sm-12">
                                            <div class="col-md-2 sm-no-padding" style="padding-top: 12px;">
                                                <label for="composite_product">Select Products</label>
                                            </div>
                                            <div class="col-md-10 sm-no-padding">
                                                <div class="product_tags" id="regular_bundles_list">


                                                    @if(isset($data['combosite']->getRegularProducts))
                                                        @foreach($data['combosite']->getRegularProducts as $regular)
                                                            <div class="product_tag option_no_">
                                                                <span>{{ $regular->getProducts->name}}</span>

                                                            </div>
                                                        @endforeach
                                                    @endif

                                                </div>
                                            </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>
                                    </div>
                                    <div class="col-sm-12 custom_bundle hidden" style="margin:30px 0;">
                                        <div class="col-md-2">
                                            <label for="variant_attributes">Custom Bundles</label>
                                        </div>
                                        <div class="col-md-9">

                                            @if(isset($data['combosite']->getBundles))
                                                                                                @foreach($data['combosite']->getBundles as $bundle_item)
                                                                                                        @php
                                                        if(isset($bundle_item->getCompositeProducts)){
                                                         $selecteble_product_count =  $bundle_item->getCompositeProducts->count();
                                                        }else{
                                                         $selecteble_product_count = 0;
                                                        }
                                                    @endphp
                                                    <div class="row product_bundles">
                                                        <div class="v_contain" data_containerid="{{ $data_id }}">
                                                            <div class="col-sm-12 sm-no-padding"> <label
                                                                    for="attrname">@if($bundle_item->selectable_type == 1)Single Selectable @else Multi Selectable @endif</label> </div>
                                                            <div class="col-md-4 sm-no-padding">
                                                                <div class="form-group">
                                                                    <div class="input-group"> <input type="text"
                                                                                                     class="form-control" id="attrname"
                                                                                                     value="{{ $bundle_item->bundle_name }}({{ $bundle_item->no_of_select }}/{{ $selecteble_product_count }})" readonly="">
{{--                                                                        <div class="input-group-btn"> <button--}}
{{--                                                                                class="btn btn-default btn_input update_bundle"--}}
{{--                                                                                type="button" data_id="{{ $data_id }}"> <i--}}
{{--                                                                                    class="fa fa-plus"></i> </button> </div>--}}
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-8 no-padding">
                                                                <div class="variants_container product_tags">
                                                                    @if(isset($bundle_item->getCompositeProducts))

                                                                        @foreach($bundle_item->getCompositeProducts as $product)
                                                                            @if(isset($product->getProducts))
                                                                                <div class="product_tag input_tag attrop">
                                                                                    <span>{{ $product->getProducts->name }}</span>
                                                                                </div>
                                                                            @endif
                                                                        @endforeach
                                                                    @endif

                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>

                                                @endforeach
                                            @endif

{{--                                            <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 Bundle--}}
{{--                                                    </button>--}}
{{--                                                </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><br>
                                                {{$data['product_details']['retail_price']}}
                                            </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><br>
                                                @php $sales_vat_arr = explode(",",$data['product_details']['salse_vat']); @endphp
                                                @foreach($data['sales_vat'] as $key=>$value)
                                                    @foreach($sales_vat_arr as $_sales_vat_arr)
                                                        @if($_sales_vat_arr == $key)
                                                            {{$value}}
                                                        @endif
                                                    @endforeach
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--- Custom Modifiers -->
                        <div class="row">
                            <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>Modifiers</label>
                                        </div>
{{--                                        <div class="col-md-5 sm-no-padding">--}}
{{--                                            <div class="form-group">--}}
{{--                                                <select class="form-control select2 select_product_modifiers">--}}
{{--                                                    <option></option>--}}
{{--                                                    <!--<option value="new_modifier">Add New</option>-->--}}
{{--                                                    @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 class="col-md-10 sm-no-padding">
                                            <div class="product_tags" id="product_modifiers_container">
                                                                                                @foreach($data['product_modifiers'] as $mod)
                                                    @foreach($data["modifier"] as $key => $value)
                                                        @if($mod['modifier_id'] == $key)
                                                                                                                        <div class="product_tag option_no_{{$mod['modifier_id']}}">
                                                        <span>{{$value}}<i>({{$price_type}}
                                                                {{$mod['price']}})</i></span>
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                @endforeach

                                            </div>
                                        </div>
                                    </div>
                                    <!-- Product Description -->
                                    <div class="col-sm-12">
                                        <div class="col-md-2"></div>

                                    </div>
                                </div>
                            </div>

                            <!-- Finalize Buttons -->
                        </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">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post" id="product_attribute_form">
                    <div class="modal-header">
                        <button type="button" class="close close_popup" data-dismiss="modal">&times;
                        </button>
                        <h3 class="pop_heading">Product Options <span class="product_name"></span></h3>
                    </div>
                    <div class="modal-body" style="overflow: hidden">
                        <div class="portlet-body">
                            <p>Record a selectable product attributes here like colour, size, Toppings etc.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="attribute_title">Attribute Title*</label>
                                        <input type="text" class="form-control validate" id="attribute_title"
                                               placeholder="Attribute Title">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="selectable_type">Selectable*</label>
                                        <select class="form-control validate select2" id="selectable_type">
                                            <option></option>
                                            <option value="single">Single</option>
                                            <option value="multiple">Multi</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3 attribute_numbers">
                                    <div class="form-group">
                                        <label for="attribute_numbers">Number*</label>
                                        <input type="number" class="form-control validate" id="attribute_numbers"
                                               placeholder="No. can be selected" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="attribute_description">Description</label>
                                        <textarea rows="3" class="form-control" name="attribute_description"
                                                  id="attribute_description"
                                                  placeholder="All the available colour choices will go here"></textarea>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="row selectable_multi">
                                        <div class="col-sm-8">
                                            <div class="form-group">
                                                <label for="attribute_multi">Classification*</label>
                                                <input type="text" class="form-control classification_multi"
                                                       id="attribute_multi" placeholder="Type to add a new type">
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label for="attribute_charge">Charge*</label>
                                                <div class="input-group">
                                                    <input type="number" class="form-control multi_charge"
                                                           placeholder="0.00" id="attribute_charge" min="0">
                                                    <div class="input-group-btn">
                                                        <button
                                                            class="btn btn-default btn_input multi_plus add_classification_multi"
                                                            type="button">
                                                            <i class="fa fa-plus"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row selectable_single hidden">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="attribute_single">Classification*</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control classification_single"
                                                           placeholder="Type to add a new type" id="attribute_single">
                                                    <div class="input-group-btn">
                                                        <button class="btn btn-default btn_input add_classification_single"
                                                                type="button">
                                                            <i class="fa fa-plus"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="product_tags" id="classification_attributes"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="row" style="min-height:44px;">
                            <div class="col-sm-6">
                                <div class="alert_box">Mandatory Fields Are Required!</div>
                            </div>
                            <div class="col-sm-6" style="padding: 3px 25px 0 0px;">
                                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn theme_btn_round save_attribute_option"> Save</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- Product Attributes Modal End -->

    <!-- Product Category Modal Begins -->
    <div class="modal fade bs-modal" id="category_model" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post" id="category_form">
                    <div class="modal-header">
                        <button type="button" class="close close_popup" data-dismiss="modal">&times;
                        </button>
                        <h3 class="pop_heading">New Category</h3>
                    </div>
                    <div class="modal-body" style="overflow: hidden">
                        <div class="portlet-body">
                            <p class="pop_desc">Record a new category, you can define behaviour and listing settings
                                here.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="category_name">Category Name*</label>
                                        <input type="text" class="form-control validate" name="category_name"
                                               id="category_name" placeholder="Category name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="parent_category">Parent Category</label>
                                        <select class="form-control select2" name="parent_category" id="parent_category">
                                            <option></option>
                                            @foreach($data["parent_category"] as $key => $value)
                                                <option value="{{$key}}">{{$value}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="category_description">Description</label>
                                        <textarea rows="3" class="form-control" name="description" id="category_description"
                                                  placeholder="All the cold beverages items will go under this category"></textarea>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="category_kitchen_select">Default Kitchen(KOT)</label>
                                                <select class="form-control select2" id="category_kitchen_select">
                                                    <option></option>
                                                    <option value="Main Printer">Main Printer</option>
                                                    <option value="Kitchen">Kitchen</option>
                                                    <option value="Baking">Baking</option>
                                                    <option value="Reception">Reception</option>
                                                    <option value="Ordering">Ordering</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="product_tags" id="category_kitchen_container"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Sale on Point-of-Sale *</label>
                                        <div class="form-group rel">
                                            <label class="switch" for="category_sale_point">
                                                <input type="checkbox" name="sale_point" id="category_sale_point"
                                                    {{ $data['product_details']['sale_on_pos'] == 1 ? 'checked' : '' }}{{ $data['product_details']['sale_on_pos'] == 1 ? 'checked' : '' }} />
                                                <div class="slider_round round"></div>
                                            </label>
                                            <span class="switch_span">Make this category
                                            available for point of sale</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="row" style="min-height:44px;">
                            <div class="col-sm-6">
                                <div class="alert_box">Mandatory Fields Are Required!</div>
                            </div>
                            <div class="col-sm-6" style="padding: 3px 25px 0 0px;">
                                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn theme_btn_round save_category"> Save</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
    </div>
    <!-- Product Category Modal End -->

    <!-- Product Modifiers Modal Begins -->
    <div class="modal fade bs-modal" id="product_modifiers_model" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post" id="product_modifiers_form">
                    <div class="modal-header">
                        <button type="button" class="close close_popup" data-dismiss="modal">&times;
                        </button>
                        <h3 class="pop_heading">New Modifier</h3>
                    </div>
                    <div class="modal-body" style="overflow: hidden">
                        <div class="portlet-body">
                            <p>Record a new modifier here, you can link this with category and sub category and can be
                                customized product level later.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="modifier_name">Modifier Name*</label>
                                        <input type="text" class="form-control validate" id="modifier_name"
                                               name="modifier_name" placeholder="Modifier name" value="">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="modifier_price_type">Price Type*</label>
                                        <select class="form-control validate select2" id="price_type"
                                                name="modifier_price_type">
                                            <option></option>
                                            <option value="Plus">Plus</option>
                                            <option value="Minus">Minus</option>
                                            <option value="Override">Override</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="modifier_base_price">Base Price</label>
                                        <input type="number" class="form-control" id="modifier_base_price"
                                               name="modifier_base_price" placeholder="0.00">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="modifier_description">Description</label>
                                        <textarea rows="3" class="form-control" id="modifier_description"
                                                  name="modifier_description"
                                                  placeholder="Prepare food ultra spicy, with more spices"></textarea>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="modifier_linked_category">Select applicable categories</label>
                                                <select class="form-control select2" id="modifier_linked_category">
                                                    <option></option>
                                                    @foreach($data["category"] as $key => $value)
                                                        <option value='{{$key}}'>{{$value}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="product_tags" id="modifiers_linked_cat"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="row" style="min-height:44px;">
                            <div class="col-sm-6">
                                <div class="alert_box">Mandatory fields are required!</div>
                            </div>
                            <div class="col-sm-6" style="padding: 3px 25px 0 0px;">
                                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn theme_btn_round save_modifier"> Save</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- Product Modifiers Modal End -->

    <!-- Product New Kitchen Modal Begins -->
    <div class="modal fade bs-modal" id="new_kitchen_model" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post" id="new_kitchen_form">
                    <div class="modal-header">
                        <button type="button" class="close close_popup" data-dismiss="modal">&times;
                        </button>
                        <h3 class="pop_heading">New Kitchen</h3>
                    </div>
                    <div class="modal-body" style="overflow: hidden">
                        <div class="portlet-body">
                            <p>Record a new kitchen here, you can link this kitchen later with the products you are selling
                                and buying.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="new_kitchen_name">Kitchen Name*</label>
                                        <input type="text" class="form-control" id="new_kitchen_name"
                                               placeholder="Brand name" value="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="new_kitchen_printer">Select Printer</label>
                                        <select class="form-control select2" id="new_kitchen_printer">
                                            <option></option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="new_kitchen_description">Description</label>
                                        <textarea rows="3" class="form-control" id="new_kitchen_description"
                                                  placeholder="This kitchen handling all main courses, rices and baking"></textarea>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="new_kitchen_display">Select Kitchen Display</label>
                                        <select class="form-control select2" id="new_kitchen_display">
                                            <option></option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="row" style="min-height:44px;">
                            <div class="col-sm-6">
                                <div class="alert_box">There are errors on page</div>
                            </div>
                            <div class="col-sm-6" style="padding: 3px 25px 0 0px;">
                                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn theme_btn_round save_new_kitchen"> Save</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.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">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post" id="new_supplier_form">
                    <div class="modal-header">
                        <button type="button" class="close close_popup" data-dismiss="modal">&times;
                        </button>
                        <h3 class="pop_heading">New Supplier</h3>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-12 new_account_quote">
                                <p>Create a new contact with minimal details for processing payment. You can edit further
                                    with more details from Contact
                                    section with alternate addresses, account settings, other contact options etc.</p>
                            </div>
                        </div>

                        <div class="row new_account_form">
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label for="form_business_title">Title *</label>
                                    <select class="form-control select2 title filter validate" id="contact_title"
                                            name="title">
                                        <option value=""></option>
                                        <option value="1as5464sedf45as">Mr</option>
                                        <option value="1as5464sedf45as">Mr</option>
                                        <option value="1as5464sedf45as">Mr</option>
                                        <option value="1as5464sedf45as">Mr</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="name_customer">First Name *</label>
                                    <input class="form-control first_name validate" id="contact_first_name" type="text"
                                           name="first_name" value="" autocomplete="off">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name_customer">Last Name *</label>
                                    <input class="form-control last_name validate" id="contact_last_name" type="text"
                                           name="last_name" value="" autocomplete="off">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="business_name">Business Name</label>
                                    <input id="business_name" placeholder="Enter buisness name here"
                                           class="form-control business_name" type="text">
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="contact_person">Contact Display</label>
                                    <select class="form-control select2 filter display_name" name="display_name"
                                            id="display_name">
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="contact_email">Email</label>
                                    <input id="contact_email" placeholder="Enter email id here" class="form-control"
                                           type="email">
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="contact_number">Telephone</label>
                                    <input id="contact_number" placeholder="Enter telephone number here"
                                           class="form-control contact_number" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="tabbable-line">
                            <ul class="nav nav-tabs">
                                <li class="active tab_employee_allowances">
                                    <a href="#employee_allowances" data-toggle="tab" aria-expanded="true">
                                        Account Details
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="employee_allowances">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="form_control_1">Tax Treatment *</label>
                                                <select class="form-control select2 validate filter tax_treatment"
                                                        name="tax_treatment" id="tax_treatment">
                                                    <option value=""></option>
                                                    <option value="df546ds546546sdf" data_id="4sdf54654sdf546">filter
                                                    </option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="trn">Tax Registration Number (TRN)<span
                                                        class="trn_staric"></span></label>
                                                <input class="form-control contact_trn" id="trn_customer" type="text"
                                                       name="contact_trn" value="" autocomplete="off">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="form_control_1">Place of Supply *</label>
                                                <select class="form-control select2 filter place_supply validate"
                                                        id="place_supply" name="place_supply">
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="contact_country">Business Country *</label>
                                                <select class="form-control select2 contact_country validate"
                                                        id="contact_country" name="contact_country">
                                                    <option value="" data_id=""></option>
                                                    <option value='idsf4dsf44sdf'>country name</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="contact_province">Province *</label>
                                                <select class="form-control select2 contact_province validate"
                                                        id="contact_province" name="contact_province">
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="contact_country">City or Area *</label>
                                                <select class="form-control select2 contact_cityarea validate"
                                                        id="contact_cityarea" data-tags="true" name="contact_province">
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="modal-footer">
                        <div class="row" style="">
                            <div class="col-sm-6">
                                <div class="alert_box">Mandatory fields are required!</div>
                            </div>
                            <div class="col-sm-6">
                                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn theme_btn_round save_supplier"> Save</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
            <!--<div class="alert_box">There are errors on page</div>-->
        </div>
        <!-- /.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">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post" id="custom_bundle_form">
                    <div class="modal-header">
                        <button type="button" class="close close_popup" data-dismiss="modal">&times;
                        </button>
                        <h3 class="pop_heading">Bundle Product <span class="product_name"></span></h3>
                    </div>
                    <div class="modal-body" style="overflow: hidden">
                        <div class="portlet-body">
                            <p>Record a custom bundle product to make a best deal.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="attribute_title">Bundle name*</label>
                                        <input type="text" class="form-control validate" id="bundle_name"
                                               placeholder="Bundle name">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="selectable_type">Selectable*</label>
                                        <select class="form-control validate select2" id="selectable_type">
                                            <option></option>
                                            <option value="single">Single</option>
                                            <option value="multiple">Multi</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3 attribute_numbers">
                                    <div class="form-group">
                                        <label for="bundle_numbers">Must Select*</label>
                                        <input type="number" class="form-control validate" id="bundle_numbers"
                                               placeholder="No. can be selected">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="bundle_description">Description</label>
                                        <textarea rows="3" class="form-control" name="bundle_description"
                                                  id="bundle_description"
                                                  placeholder="Bundle product description will go here"></textarea>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="bundle_products">Choose Products*</label>
                                                <select class="form-control select2" id="bundle_products"
                                                        name="bundle_products">
                                                    <option></option>
                                                    @foreach($data["product"] as $key =>$value)
                                                        <option value="{{ $key }}">{{ $value }}</option>

                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="product_tags" id="custom_bundles_list"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="row" style="min-height:44px;">
                            <div class="col-sm-6">
                                <div class="alert_box">Mandatory Fields Are Required!</div>
                            </div>
                            <div class="col-sm-6" style="padding: 3px 25px 0 0px;">
                                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn theme_btn_round save_bundle_product"> Save</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <!--new brand form-->
    <div class="modal fade bs-modal" id="new_brand_model" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form method="post" id="new_brand_form">
                    <div class="modal-header">
                        <button type="button" class="close close_popup" data-dismiss="modal">&times;
                        </button>
                        <h3 class="pop_heading">New Brand</h3>
                    </div>
                    <div class="modal-body" style="overflow: hidden">
                        <div class="portlet-body">
                            <p>Record a new brand here, you can link this brand later with the products you are selling and
                                buying.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="brand_name">Brand Name*</label>
                                        <input type="text" class="form-control validate" name="brand_name" id="brand_name"
                                               placeholder="Brand name" value="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="brand_type">Brand Type</label>
                                        <select class="form-control select2" name="brand_type" id="brand_type">
                                            <option></option>
                                            @foreach($data['brand_type'] as $key => $val)
                                                <option value="{{$val}}">{{$key}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="brand_description">Description</label>
                                        <textarea rows="3" class="form-control" name="brand_description"
                                                  id="brand_description"
                                                  placeholder="Coca-Cola is a carbonated softdrink produced by the Coca-Cola company"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="row" style="min-height:44px;">
                            <div class="col-sm-6">
                                <div class="alert_box">Mandatory Fields Are Required!</div>
                            </div>
                            <div class="col-sm-6" style="padding: 3px 25px 0 0px;">
                                <button type="button" class="btn dismiss" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn theme_btn_round save_brand"> Save</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
    </div>

@endsection
<style>
    .multi_image_upload_box {
        width: 100%;
        background: url(../global/img/uploader_bg.png) no-repeat center center;
        background-size: contain;
        background-position-y: 25px;
        background-position-x: -5px;
        border: none;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        text-align: center;
        position: relative;
        -webkit-box-shadow: 3px 4px 9px 2px #ccc;
        -moz-box-shadow: 3px 4px 9px 2px #ccc;
        box-shadow: 3px 4px 9px 2px #ccc;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0 auto;
    }
    .variant_bundle_remove{
        color: #c22d4a;
        font-size: 18px;
        position: absolute;
        right: -30px;
        top: 11px;
        cursor: pointer;
    }
    input.sku-exist{
        border:1px solid red !important;
    }
    .toggle_class {
        float: left;
        width: 115px;
        margin-bottom: 4px;
    }
    .toggle_class span {
        float: left;
        line-height: 26px;
    }
    .toggle_class label {
        float: right;
    }
</style>
@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" />
@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')}}" type="text/javascript"></script>
    @include('admin.js.product-view')
@stop