@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') }}"><i class="fa fa-puzzle-piece"></i> {{ $title }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>

    <section class="content">
        {{ Form::hidden('gIdCounter',0,['id'=>'gIdCounter'])}}
        {{ Form::hidden('existoptionscounter',0,['id'=>'existoptionscounter'])}}
        {{ Form::hidden('validatename',route('validatename'),['id'=>'validatename'])}}
        {{ Form::open(['url' => route('modifier_create'), '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>
                <button type="submit" class="clickbtncommon btn-sm btn btn-success "><i class="fa fa-save"></i> {{ __('lbl.save') }}</button>
            </div>
            <div class="box-body">
                <div class="row">
                    <div id="product_attributes"></div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div>
        {{ Form::close() }}
    </section>

    <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" id="" data-mid="" required 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 " required 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 " required 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