@extends('layouts.adminLayout.admin_design') @section('content')
<link rel="stylesheet" href="{{asset('js/lib/tags/bootstrap-tagsinput.css')}}">
<link rel="stylesheet" href="{{asset('js/lib/tags/app.css')}}">
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }}</h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }} </a></li>
            <li> 
                @if(Helper::widgetAccess('default_product_view'))
                <a href="{{ route('product.index') }}">
                @else
                <a href="{{ route('inlineproducts') }}">
                @endif
                {{ __('lbl.products') }}
                </a> 
            </li>
            <li class="active">{{$title }} </li>
        </ol>
    </section>
    {{ Form::open(['url' => route('product.update', $proDetails['id']), 'method'=>'PATCH', 'file'=>true, 'enctype'=>'multipart/form-data', 'name' => 'productconfig', 'id' => 'productconfig']) }} 
    {{ method_field('PATCH') }}
    <section class="content">
        <div class="box box-default">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-solid">
                        <div class="box-header with-border">
                            <h3 class="pull-left box-title">{{ __('lbl.products_configuration')}}</h3>
                            <div class="pull-right saveButtons">
                                {{ Form::button('<i class="fa fa-save" aria-hidden="true"></i> '.__('lbl.save'), ["name"=>"submit","id"=>"",'class' => 'btn btn-primary btn-sm clickbtncommon productSubmit', 'type' => 'submit'])}}
                                @if(Helper::widgetAccess('default_product_view'))
                                <a class="btn btn-primary btn-sm clickbtncommon" href="{{ route('product.index') }}">
                                @else
                                <a class="btn btn-primary btn-sm clickbtncommon" href="{{ route('inlineproducts') }}">
                                @endif    
                                    <i class="fa fa-arrow-circle-left"></i> {{ __('lbl.cancel') }}</a>
                            </div>
                            <div class="pull-right processButtons" style="display: none;">
                                <button type="button" disabled class="btn btn-danger btn-sm clickbtncommon ajax" title="Ajax Request">
                                    <i class="fa fa-spin fa-refresh"></i>&nbsp; Please wait...
                                </button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="box-group" id="accordion">
                                <div class="panel box box-default">
                                    <div class="box-header with-border">
                                        <h4 class="box-title">
                                            {{ __('lbl.basic_product_details') }}
                                        </h4>
                                    </div>
                                    <div id="" class="panel-collapse">
                                        <div class="box-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label( __('lbl.product_name') ) }} {{ Form::text('product_name', $proDetails['product_name'], ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.product_name'),"id"=>"product_name"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.product_type')) }} {{ Form::select('product_type', $product_types, $proDetails['product_type'],["class"=>"form-control","id"=>"product_type"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.category')) }} {{ Form::select('cat_id', !empty($categories) ? [''=>__('lbl.sel_category')]+$categories : [], ($proDetails['cat_id']) ? $proDetails['cat_id'] : '',['class'=>'form-control select2 searchCategory','id'=>'cat_id'])}}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.sel_sub_category')) }} {{ Form::select('sub_cat_id', [''=>__('lbl.sel_category')], '',['class'=>'form-control select2 searchCategory','id'=>'sub_cat_id'])}}
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.product_sku') ,'',['style'=>'width:100%; clear:both']) }}
                                                        <div class="input-group input-flat ">
                                                            {{ Form::text('product_sku', $proDetails['product_sku'], ["class"=>"form-control mxlen_20","placeholder"=>__('lbl.product_sku'),"id"=>"product_sku"]) }}
                                                            <span class="input-group-btn">
                                                                <button type="button" id="generate_sku"
                                                                    class="btn btn-primary btn-sm clickbtncommon">
                                                                    <i class="fa fa-refresh"></i>
                                                                    {{ __('lbl.product_auto_generate') }}
                                                                </button>
                                                            </span>
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div id="generateSkuError"></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.product_barcode') ,'',['style'=>'width:100%; clear:both']) }}
                                                        <div class="input-group input-flat ">
                                                            {{ Form::text('product_barcode',  $proDetails['product_barcode'], ['maxlength' => 20,"class"=>"form-control ","placeholder"=>__('lbl.product_barcode'),"id"=>"product_barcode"]) }}
                                                            <span class="input-group-btn">
                                                                <!-- onClick="check_barcode(0); return false;" -->
                                                                <button type="button" id="generate_barcode"
                                                                    class="btn btn-primary btn-sm clickbtncommon">
                                                                    <i class="fa fa-refresh"></i>
                                                                    {{ __('lbl.product_auto_generate') }}
                                                                    <!-- product_barcode_button -->
                                                                </button>
                                                            </span>
                                                        </div>
                                                        <div class="clearfix"></div>
                                                        <div id="generateBarcodeError"></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.product_cost')) }} {{ Form::text('product_cost', $proDetails['product_cost'], ["onkeypress"=>"return validateFloatKeyPress(this,event);","class"=>"form-control numer_only mxlen_8","placeholder"=>__('lbl.product_cost'),"id"=>"product_cost","name"=>"product_cost"])}}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.product_price')) }} {{ Form::text('product_price', $proDetails['product_price'], ["onkeypress"=>"return validateFloatKeyPress(this,event);","class"=>"form-control mxlen_8 numer_only","placeholder"=>__('lbl.product_price'),"id"=>"product_price"])}}
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="col-md-3">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.product_color')) }} 
                                                    {!! Form::colorlistSelect('product_color', $proDetails['product_color'],["class"=>"form-control","id"=>"product_color"]) !!}
                                                </div>
                                            </div>
                                                                                                 <div class="col-md-3">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.status')) }} {{ Form::select('product_status', $product_status, $proDetails['product_status'],["class"=>"form-control","id"=>"product_status"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.product_reward')) }} {{ Form::text('product_reward', $proDetails['product_reward'], ["class"=>"form-control mxlen_5 numer_only","placeholder"=>__('lbl.product_reward'),"id"=>"product_reward"]) }}
                                                    </div>
                                                </div>
                                                <!-- NOT REQUIRED NOW (https://app.clickup.com/t/86858nw6b) 
                                                    <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('product_group')) }} {{ Form::select('product_group', ($product_group)?$product_group:[], $proDetails['product_group'],['class'=>'form-control productGroup select2','id'=>'product_group']) }}
                                                    </div>
                                                </div> -->

                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.sizes')) }} {{ Form::text('sizes', $proDetails['sizes'], ["class"=>"form-control","placeholder"=>__('lbl.sizes'),"id"=>"sizes"]) }}
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.modifiers')) }} {{ Form::select('product_modifiers_id[]', $modifiers, $proDetails['product_modifiers_id'],["multiple"=>"multiple","class"=>"form-control select2","id"=>"product_modifiers_id","name"=>"product_modifiers_id[]"])}}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.crv_applied')) }} {{ Form::select('crv_applied', ['0'=>'NO','1'=>'YES'], $proDetails['crv_applied'],["class"=>"form-control","id"=>"crv_applied"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.crv_amount')) }} {{ Form::text('crv_amount', $proDetails['crv_amount'],["class"=>"form-control numer_float_only","id"=>"crv_amount"]) }}
                                                    </div>
                                                </div>
                                                 
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.product_image')) }}
                                                        <input type="file" name="image" id="file" accept=".png, .jpg, .jpeg, .png, .JPG, .JPEG, .PNG">
                                                        <img src="{{ $proDetails['product_image_path'] }}" height="25px" width="25px">
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label("product_sort", __('lbl.sort')) }}
                                                        {{ Form::number('product_sort', $proDetails['product_sort'], ["class"=>"form-control","placeholder"=>"", "id"=>"product_sort","min"=>"0"])}}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label("product_tags", __('lbl.product_tags')) }}
                                                        {{ Form::text('product_tags', $proDetails['product_tags'], ["class"=>"bootstrap-tagsinput form-control","placeholder"=>"", "id"=>"product_tags"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.style_code')) }} {{ Form::text('style_code', $proDetails['style_code'], ["class"=>"form-control mxlen_30","rows"=>2,"placeholder"=>__('lbl.style_code'),"id"=>"style_code"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.clr')) }} {{ Form::text('clr', $proDetails['clr'], ["class"=>"form-control mxlen_30","rows"=>2,"placeholder"=>__('lbl.clr'),"id"=>"clr"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.description')) }} {{ Form::text('product_description', $proDetails['product_description'], ["class"=>"form-control mxlen_400","rows"=>2,"placeholder"=>__('lbl.description'),"id"=>"product_description"]) }}
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="col-md-1">
                                                    <div class="form-group ">
                                                        <label>Hours</label>
                                                        {{ Form::select('game_hours', $gameHours, $proDetails['game_hours'], ["class"=>"form-control select2 col-md-2", "id"=>"game_hours"]) }}
                                                         
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group ">
                                                        <label>Minutes</label>
                                                        <!-- {{ Form::label(__('lbl.game_minutes')) }}  -->
                                                        {{ Form::select('game_minutes', $gameMinutes, $proDetails['game_minutes'], ["class"=>"form-control select2","id"=>"game_minutes"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.pattern_description')) }} 
                                                        {{ Form::text('pattern_description', $proDetails['pattern_description'], ["class"=>"form-control","placeholder"=>__('lbl.pattern_description'),"id"=>"pattern_description"]) }}
                                                    </div>
                                                </div> 
                                                <div class="col-md-6">
                                                    <div class="form-group ">
                                                        {{ Form::label(__('lbl.special_instruction')) }} {{ Form::text('special_instruction', $proDetails['special_instruction'], ["class"=>"bootstrap-tagsinput form-control","placeholder"=>"", "id"=>"special_instruction"]) }}
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <div class="">
                                                            {{ Form::label(__('lbl.is_gratis_services')) }}
                                                            <div class="clearfix"></div>
                                                            {{ Form::checkbox('is_gratis_services', 1, ($proDetails['is_gratis_services'] == 1) ? true : false,["class"=>"","id"=>"is_gratis_services"]) }}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.is_custom_service')) }} 
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('is_custom_service', 1, ($proDetails['is_custom_service'] == 1) ? true : false, ["class"=>"","id"=>"is_custom_service"]) }}
                                                    </div>
                                                </div>

                                                
                        
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.is_taxable')) }} 
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('product_is_taxable', '1', $proDetails['product_is_taxable'],["class"=>"","id"=>"product_is_taxable"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.sold_by_weight')) }} 
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('sold_by_weight', '1', ($proDetails['sold_by_weight'] == '1') ? true : false,["class"=>"","id"=>"sold_by_weight"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.is_custom_product')) }} 
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('is_custom_product', '1', ($proDetails['is_custom_product'] == '1') ? true : false,["class"=>"","id"=>"is_custom_product"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.is_for_kiosk')) }}
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('isForKiosk', '1', ($proDetails['isForKiosk'] == '1') ? true : false, ["class"=>"","id"=>"isForKiosk"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.web')) }} 
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('web', '1', ($proDetails['web'] == '1') ? true : false, ["class"=>"","id"=>"web"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.pos')) }} 
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('pos', '1', ($proDetails['pos'] == '1') ? true : false, ["class"=>"","id"=>"pos"]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        {{ Form::label(__('lbl.is_gift_card')) }} 
                                                        <div class="clearfix"></div>
                                                        {{ Form::checkbox('is_gift_card', 1, ($proDetails['is_gift_card'] == 1) ? true : false, ["class"=>"","id"=>"is_gift_card"]) }}
                                                    </div>
                                                </div>

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

                                <!-- PRODUCT INVENTORY ALERT AREA -->
                                @if(Helper::widgetAccess('show_inventory_min_max_alert'))
                                <div class="box box-default">
                                    <div class="box-header with-border">
                                        <h3 class="box-title">Inventory Alert</h3>
                                    </div>
                                    <div class="box-body">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group ">
                                                    {{ Form::label('Min Inventory') }} 
                                                    {{ Form::number('min_inventory', $proDetails['min_inventory'], ["class"=>"form-control mxlen_100","placeholder"=>'Min Inventory',"id"=>"min_inventory"]) }}
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group ">
                                                    {{ Form::label('Max Inventory') }} 
                                                    {{ Form::number('max_inventory', $proDetails['max_inventory'], ["class"=>"form-control mxlen_100","placeholder"=>'Max Inventory',"id"=>"max_inventory"]) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif

                                <!-- DO NOT DELETE THIS CODE -->
                                
                                <!-- PRODUCT Meal Plan AREA -->
                                <div class="box box-default">
                                    <div class="box-header with-border">
                                        <h3 class="box-title">{{ __('lbl.mpmealplan') }}</h3>
                                    </div>
                                    <div class="box-body">
                                        <div class="row">
                                            <div class="col-md-3" style="display: none;">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.mpmembershipplan')) }}
                                                    <div class="clearfix"></div>
                                                    {{ Form::checkbox('mpmembershipplan', '1', ($proDetails['mpmembershipplan'] == 1) ? true : false,["class"=>"","id"=>"mpmembershipplan"]) }}
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.mpautoissuegiftcard')) }}
                                                    <div class="clearfix"></div>
                                                    {{ Form::checkbox('mpautoissuegiftcard', '1', ($proDetails['mpautoissuegiftcard'] == 1) ? true : false,["class"=>"","id"=>"mpautoissuegiftcard"]) }}
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.mpgiftcardamount')) }}
                                                    <div class="clearfix"></div>
                                                    {{ Form::number('mpgiftcardamount', $proDetails['mpgiftcardamount'],["class"=>"form-control","id"=>"mpgiftcardamount"]) }}
                                                </div>
                                            </div>
                                            <div class="col-md-3" style="display: none;">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.qty')) }} {{ Form::text('mpquantity', $proDetails['mpquantity'], ["class"=>"form-control mxlen_5","onkeypress"=>"return validateFloatKeyPress(this,event);","placeholder"=>__('lbl.mpquantity'),"id"=>"mpquantity"]) }}
                                                </div>
                                            </div>
                                            <div class="col-md-3" style="display: none;">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.mpmealplantype')) }} {{ Form::select('mpmealplantype', $mealplantype, ($proDetails['mpmealplantype'])??"Weekly",["class"=>"form-control select2","id"=>"mpmealplantype"]) }}
                                                </div>
                                            </div>

                                            <div class="col-md-3 ">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.mppurchasecounter').'&nbsp;('.__('lbl.mppurchasecounter').')')}} {{ Form::text('mppurchasecounter', ($proDetails['mppurchasecounter'])??7, ["class"=>"form-control mxlen_5","onkeypress"=>"return validateFloatKeyPress(this,event);","placeholder"=>__('lbl.mppurchasecounter'),"id"=>"mppurchasecounter"]) }}
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.planexpirydays'))}} {{ Form::number('mpplanexpirydays', $proDetails['mpplanexpirydays'], ["class"=>"form-control","placeholder"=>__('lbl.planexpirydays'),"id"=>"mpplanexpirydays"]) }}
                                                </div>
                                            </div>

                                            <div class="col-md-3" style="display: none;">
                                                <div class="form-group">
                                                    {{ Form::label(__('lbl.mpplanexpireddate')) }} {{ Form::text('mpplanexpireddate', "", ["class"=>"form-control","readonly","placeholder"=>__('lbl.mpplanexpireddate'),"id"=>"mpplanexpireddate"]) }}
                                                    <label class="" style="font-weight: 100;">{{  __('lbl.mpplanexpireddateinfo') }}</label>
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                <!-- PRODUCT Meal Plan AREA -->

                                <!-- PRODUCT ATTRIBUTES AREA -->
                                <div class="box box-default">
                                    <div class="box-header with-border">
                                        <h3 class="box-title">{{ __('lbl.attributes') }}</h3>
                                        <div class="box-tools pull-right">
                                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                                    class="fa fa-minus"></i></button>
                                        </div>
                                    </div>
                                    <div class="box-body">
                                        <div class="row">
                                            @php
                                            $attrItemsNumbers = 0;
                                            @endphp
                                            @if(!empty($proDetails['product_attributes'])) 
                                            @foreach($proDetails['product_attributes'] as $attributes)
                                            <div id="attributes_group_edit_{{ $attributes['id']}}">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <label for="group_name">{{ __('lbl.group_name') }}</label>
                                                        <input class="form-control mxlen_25 group_name" placeholder="{{ __('lbl.group_name') }}" name="group_name[{{ $attributes['id']}}]" type="text" value="{{ $attributes['group_name'] }}" />
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="product_group">{{ __('lbl.action') }}</label>
                                                        <div class="clearfix"></div>
                                                        <button name="add_group_item_edit" class="add_group_item_edit btn btn-sm btn-primary clickbtncommon btn-sm" id="add_group_item" type="button" title="Add Group Item" data-id="{{$attributes['id']}}" data-group_name="{{$attributes['group_name']}}" data-total-items="{{ count($attributes['groupitems']) }}"><i class="fa fa-plus-circle"></i> {{ __('lbl.add_item') }} </button>
                                                        <button name="remove_group[]" class="remove_group_edit btn btn-sm btn-primary clickbtncommon btn-sm" id="remove_group" type="button" title="Remove Group" data-id="{{$attributes['id']}}"><i class="fa fa-trash"></i> {{ __('lbl.remove_group')}} </button>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                                <div class="items_header_section_edit">
                                                    <div class="col-md-3">
                                                        <div class="form-group no-margin">
                                                            <label>{{ __('lbl.item_name') }}</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group no-margin">
                                                            <label>{{ __('lbl.sku') }}</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group no-margin">
                                                            <label>{{ __('lbl.barcode') }}</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group no-margin">
                                                            <label>{{ __('lbl.color') }}</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group no-margin">
                                                            <label>{{ __('lbl.cost') }}</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group no-margin">
                                                            <label>{{ __('lbl.price') }}</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group no-margin">
                                                            <label>{{ __('lbl.action') }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if($attributes['groupitems']) 
                                                @foreach($attributes['groupitems'] as $items)
                                                @php
                                                $attrItemsNumbers++;
                                                @endphp
                                                <div class="attributes_group_items_edit" id="group_item_{{ $attributes['id'].'_'.$items['id']}}" data-group-edit-id="{{ $attributes['id'].'_'.$items['id']}}">
                                                    <div class="col-md-3">
                                                        <div class="form-group">
                                                            <input type="hidden" name="item_id_{{$attributes['id']}}[]" value="{{$items['id']}}" />
                                                            <input class="form-control mxlen_30 item_name" placeholder="{{ __('lbl.item_name') }}" name="item_name_{{$attributes['id']}}[]" type="text" value="{{ $items['item_name'] }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <input class="form-control mxlen_15 sku" placeholder="{{ __('lbl.sku') }}" name="sku_{{$attributes['id']}}[]" type="text" value="{{ $items['sku'] }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <input class="form-control mxlen_15 barcode" placeholder="{{ __('lbl.barcode') }}" name="barcode_{{$attributes['id']}}[]" type="text" value="{{ $items['barcode'] }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            @if(config('constants.color_codes'))
                                                                <select name="color_{{$attributes['id']}}[]" class="form-control color">
                                                                @foreach(config('constants.productColor') as $key => $v)
                                                                    <option value="{{$key}}" {{($key==$items["color"])?'selected':''}}>{{$v}}</option>
                                                                @endforeach
                                                                </select>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <input class="form-control mxlen_8 cost" onkeypress="return validateFloatKeyPress(this, event)" placeholder="{{ __('lbl.cost') }}" name="cost_{{$attributes['id']}}[]" type="text" value="{{ $items['cost'] }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <input class="form-control mxlen_8 price" onkeypress="return validateFloatKeyPress(this, event)" placeholder="{{ __('lbl.price') }}" name="price_{{$attributes['id']}}[]" type="text" value="{{ $items['price'] }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <div class="clearfix"></div>
                                                            @if ($proDetails['product_type'] == 'Product')
                                                            <a href="#" id="ingredient_{{$items['id']}}" group_name="{{ $attributes['group_name'] }}" item_name="{{ $items['item_name'] }}" product_id="{{ $items['g_product_id'] }}" group_id="{{ $items['group_id'] }}" group_item_id="{{ $items['id'] }}"  establishment_id="{{ $items['g_establishment_id'] }}" ingredientLog="{{ $items['ingredient_log'] }}" title="Add Ingredient" class="add_ingredient_item_a" data-toggle="modal" data-target="#modal-ingredient"><button class="add_ingredient_item btn btn-sm btn-primary clickbtncommon btn-sm" type="button" title="Add Ingredient"><i class="fa fa-plus"></i></button></a>
                                                            @endif
                                                            <button class="remove_group_item_edit btn btn-sm btn-primary clickbtncommon btn-sm" type="button" title="Remove Group" data-id="{{ $items['id']}}" data-item-id="{{ $attributes['id'].'_'.$items['id']}}"><i
                                                                    class="fa fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                                @endforeach 
                                                @endif
                                                <div class="items_area" id="item_area_{{$attributes['id'] }}"></div>
                                                <hr />
                                                <div class="clearfix"></div>
                                            </div>
                                            @endforeach 
                                            @endif
                                            <div id="product_attributes"></div>
                                            <!-- DO NOT DELETE THIS DIV -->
                                            <div class="col-md-3">
                                                <div class="form-group ">
                                                    <button type="button" id="add_group_edit" class="btn btn-sm btn-primary clickbtncommon btn-sm  "><i class="fa fa-plus-circle"></i>
                                                        {{ __('lbl.add_group') }} 
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- PRODUCT ATTRIBUTES AREA -->
                                <!-- ADD PRODUCT LEVEL INTEGEDIENT -->
                                <div class="user-block">
                                    <div class="box-header with-border">
                                        <h3 class="box-title">{{ __('lbl.ingredients') }}</h3>
                                    </div>
                                  <div id="collapseFive" class="panel-collapse collapse in">
                                     <div class="row">
                                        <div class="col-md-12">
                                           <div id="on-order-items">
                                              <table class="table table-bordered " id='addedIngredientTable'>
                                                 <thead>
                                                    <tr>
                                                       <th class="name">
                                                          {{ __('lbl.product_name') }}
                                                       </th>
                                                       <th class="sku_barcode">
                                                          {{ __('lbl.product_sku') }}
                                                       </th>
                                                       <th class="sku_barcode">
                                                          {{ __('lbl.product_barcode') }}
                                                       </th>
                                                       <th class="sku_barcode">
                                                          {{ __('lbl.quantity') }}
                                                       </th>
                                                       <th class="sku_barcode">
                                                          {{ __('lbl.unit_type') }}
                                                       </th>
                                                       <th>{{ __('lbl.action') }}</th>
                                                    </tr>
                                                 </thead>
                                                 <tbody>
                                                    @if($product_direct_ingredient)
                                                    @foreach($product_direct_ingredient as $key => $prd_ing)
                                                    <tr id="ingredient_{{$prd_ing['ingredient_product_id']}}">
                                                        
                                                        <td class="name">
                                                          {{$prd_ing['ingredient_name']}}
                                                       </td>
                                                       <td align="center">
                                                          <span class="sku">{{$prd_ing['sku']}}</span>
                                                       </td>
                                                       <td align="center">
                                                          <span class="barcode">{{$prd_ing['barcode']}}</span>
                                                       </td>
                                                       <th class="right">{{ Form::text('quantity[]', $prd_ing['quantity'], ["class"=>"form-control mxlen_20 text-right","placeholder"=>__('lbl.quantity'),"id"=>"quantity_{$prd_ing['ingredient_product_id']}","name"=>"quantity[]"]) }}</td>