@extends('layouts.adminLayout.admin_design') @section('content')
<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><a href="{{ route('modifiers') }}">{{ __('lbl.modifier') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content">
        {{Form::hidden('gIdCounter',0,['id'=>'gIdCounter'])}}
        {{Form::hidden('validatename',route('validatename'),['id'=>'validatename'])}}
        {{ Form::open(['url' => route('savemultiplemodifiers', $modifier->id), 'method'=>'POST', 'name' => 'modifier', 'id' => 'modifier']) }}
        <div class="box box-default">
            <!-- <div class="box-header with-border  ">
                  <button type="button" id="add_group" name="" class="btn btn-sm btn-primary clickbtncommon btn-sm  "><i class="fa fa-plus-circle"></i> {{ __('lbl.add').' '. __('lbl.modifiers') }} </button>  
            </div> -->
            <div class="box-body">
                <div class="row">
                    <!-- <div id="product_attributes"></div> -->
                    <div id="attributes_group">
                        <div class="col-md-3">
                            <div class="form-group">
                                <input class="modifierId" name="modifierId[]" id="modifiermasterId1" type="hidden" value="{{$modifier->id}}" />
                                <label for="product_group">{{ __('lbl.modifier') }}</label>
                                <input class="form-control group_name" id="modifiermaster1" data-mid="{{$modifier->id}}" onblur="checkModifiername(event)" placeholder="{{ __('lbl.modifier') }}" name="group_name[]" type="text" value="{{$modifier->modifier}}" />
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="product_group">{{ __('lbl.sort') }}</label>
                                <input class="form-control numer_only sort " placeholder="{{ __('lbl.sort') }}" name="sort[]" type="number" value="{{$modifier->sort}}" />
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="product_group">{{ __('lbl.color') }}</label>
                                {!! Form::colorlistSelect('color[]', $modifier->color,["class"=>"form-control color","id"=>"color"]) !!}
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="product_group">{{ __('lbl.action') }}</label>
                                <div class="clearfix"></div>
                                <button name="add_group_item" class="add_group_item btn btn-sm btn-primary clickbtncommon btn-sm " data-id="0" id="add_group_item" type="button" title="Add Group Item"><i class="fa fa-plus-circle"></i> {{ __('lbl.add_item') }} </button>
                                <!-- <button name="remove_group[]" class="remove_group btn btn-sm btn-danger clickbtncommon btn-sm " id="remove_group" type="button" title="Remove"><i class="fa fa-trash"></i> {{ __('lbl.delete')}} </button> -->
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="items_header_section">
                            <div class="col-md-3">
                                <div class="form-group no-margin">
                                    <label>{{ __('lbl.title') }}</label>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group no-margin">
                                    <label>{{ __('lbl.color') }}</label>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group no-margin">
                                    <label>{{ __('lbl.item') }}</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-2">
                                <div class="form-group no-margin">
                                    <label>{{ __('lbl.recipe') }}</label>
                                </div>
                            </div>
            
                            <div class="col-md-1">
                                <div class="form-group no-margin">
                                    <label>{{ __('lbl.action') }}</label>
                                </div>
                            </div>
                        </div>
                        @php
                        $i=0;
                        @endphp
                        @if(!empty($modifier->getmodifiersitemslist))
                        
                        @foreach($modifier->getmodifiersitemslist as $key => $mitems)
                        @php
                        $i++;
                        @endphp
                        <div id="group_item_0_{{$i}}" data-group-id="0_{{$i}}">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <input class="modifierItemId" name="modifierItemId_0[]" type="hidden" value="{{$mitems->id}}" />
                                    <input class="form-control title " placeholder="{{ __('lbl.title') }}" name="title_0[]" type="text" value="{{$mitems->title}}" />
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    @if(config('constants.productColor'))
                                    <select name="color_0[]" class="form-control color">
                                        @foreach(config('constants.productColor') as $key => $v)
                                            <option value="{{$key}}" selected >{{$v}}</option>
                                        @endforeach
                                        </select> @endif
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <input class="form-control item " placeholder="{{ __('lbl.item') }}" name="item_0[]" type="text" value="{{$mitems->item}}" />
                                </div>
                            </div>
                            <div class="col-md-1">
                                <div class="form-group">
                                    <input class="form-control cost numer_only" placeholder="{{ __('lbl.cost') }}" name="cost_0[]" type="number" value="{{$mitems->cost}}" />
                                </div>
                            </div>
                            <div class="col-md-1">
                                <div class="form-group">
                                    <input class="form-control price numer_only" placeholder="{{ __('lbl.price') }}" name="price_0[]" type="number" value="{{$mitems->price}}" />
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <input class="form-control recipe" placeholder="{{ __('lbl.recipe') }}" name="recipe_0[]" type="text" value="{{$mitems->recipe}}" />
                                </div>
                            </div>
                
                            <div class="col-md-1">
                                <div class="form-group">
                                    <div class="clearfix"></div>
                                    <a href="javascript:void(0)" 
                                        class=" remove btn btn-sm  clickbtncommon btn-sm" 
                                        data-id="{{$mitems->id}}"
                                        data-action="{{route('modifieritemdelete')}}"
                                        data-message="{{__('lbl.deleteConfirm')}}">
                                        <img src="{{asset('images/backend/icondelete.png')}}" title="Delete"/>
                                    </a>
                                    <!-- <button class="remove_group_item btn btn-sm btn-danger clickbtncommon btn-sm" type="button" title="Remove Group" id="{{$mitems->id}}" data-item-id="0_{{$i}}"><i class="fa fa-trash"></i></button> -->
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        @endforeach
                        @endif
                        <div class="items_area" id="item_area_0"></div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
            <div class="box-footer">
                <button type="submit" class="clickbtncommon btn-sm btn btn-primary "><i class="fa fa-save"></i> {{ __('lbl.save') }}</button>
                <a href="{{route('modifiers')}}" class="clickbtncommon btn-sm btn btn-primary "><i class="fa fa-backward"></i> {{ __('lbl.back') }}</a>
            </div>
        </div>
        {{ Form::close() }}
    </section>
    {{Form::hidden('existoptionscounter', count($modifier->getmodifiersitemslist),['id'=>'existoptionscounter'])}}
    {{Form::hidden('validatename',route('validatename'),['id'=>'validatename'])}}

    <div id="attributes_area" style="display:none">
        <div id="attributes_group">
            <div class="col-md-3">
                <div class="form-group">
                    <input class="modifierId" name="modifierId[]" type="hidden" value="" />
                    <label for="product_group">{{ __('lbl.modifier') }}</label>
                    <input class="form-control group_name" onblur="checkModifiername(event)" placeholder="{{ __('lbl.modifier') }}" name="modifier[]" type="text" value="" />
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label for="product_group">{{ __('lbl.sort') }}</label>
                    <input class="form-control numer_only sort " placeholder="{{ __('lbl.sort') }}" name="sort[]" type="number" value="" />
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label for="product_group">{{ __('lbl.color') }}</label>
                    {!! Form::colorlistSelect('color[]', '',["class"=>"form-control color","id"=>"color"]) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label for="product_group">{{ __('lbl.action') }}</label>
                    <div class="clearfix"></div>
                    <button name="add_group_item" class="add_group_item btn btn-sm btn-primary clickbtncommon btn-sm " id="add_group_item" type="button" title="Add Group Item"><i class="fa fa-plus-circle"></i> {{ __('lbl.add_item') }} </button>
                    <button name="remove_group[]" class="remove_group btn btn-sm btn-danger clickbtncommon btn-sm " id="remove_group" type="button" title="Remove"><i class="fa fa-trash"></i> {{ __('lbl.delete')}} </button>
                </div>
            </div>
            <div class="clearfix"></div>

            <div class="items_header_section">
                <div class="col-md-3">
                    <div class="form-group no-margin">
                        <label>{{ __('lbl.title') }}</label>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group no-margin">
                        <label>{{ __('lbl.color') }}</label>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group no-margin">
                        <label>{{ __('lbl.item') }}</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-2">
                    <div class="form-group no-margin">
                        <label>{{ __('lbl.recipe') }}</label>
                    </div>
                </div>

                <div class="col-md-1">
                    <div class="form-group no-margin">
                        <label>{{ __('lbl.action') }}</label>
                    </div>
                </div>
            </div>
            <div class="items_area"></div>
            <div class="clearfix"></div>
        </div>
    </div>

    <!-- ITEM AREA -->
    <div id="attributes_area_item" style="display:none">
        <div id="attributes_group_items">
            <div class="col-md-3">
                <div class="form-group">
                    <input class="modifierItemId" name="modifierItemId[]" type="hidden" value="" />
                    <input class="form-control title " placeholder="{{ __('lbl.title') }}" name="title[]" type="text" value="" />
                </div>
            </div>
            <!-- <div class="col-md-2">
                <div class="form-group">
                    <input class="form-control  " placeholder="{{ __('lbl.color') }}" name="color[]" type="text" value="" />
                </div>
            </div> -->
            <div class="col-md-2">
                <div class="form-group">
                    @if(config('constants.productColor'))
                    <select name="color[]" class="form-control color">
                        @foreach(config('constants.productColor') as $key => $v)
                            <option value="{{$key}}" >{{$v}}</option>
                        @endforeach
                        </select> @endif
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <input class="form-control item " placeholder="{{ __('lbl.item') }}" name="item[]" type="text" value="" />
                </div>
            </div>
            <div class="col-md-1">
                <div class="form-group">
                    <input class="form-control cost numer_only" placeholder="{{ __('lbl.cost') }}" name="cost[]" type="number" value="" />
                </div>
            </div>
            <div class="col-md-1">
                <div class="form-group">
                    <input class="form-control price numer_only" placeholder="{{ __('lbl.price') }}" name="price[]" type="number" value="" />
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <input class="form-control recipe" placeholder="{{ __('lbl.recipe') }}" name="recipe[]" type="text" value="" />
                </div>
            </div>

            <div class="col-md-1">
                <div class="form-group">
                    <div class="clearfix"></div>
                    <button class="remove_group_item btn btn-sm btn-danger clickbtncommon btn-sm" type="button" title="Remove Group"><i class="fa fa-trash"></i></button>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

</div>
@endsection 

@section('pagescript') 
{!! Helper::pagejs([ 'js/lib/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js', 'js/backend/modifiers/add_edit.js' ]) !!} 
@stop