@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>
            {{$title}}
            
        </h1>
        <ol class="breadcrumb">
            <li><a href="/"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{$title}}</li>
        </ol>
    </section>

    <section class="content">
        <div class="box box-default">
            <div class="box-header with-border">
                <h3 class="box-title">{{$title}}</h3>
                <div class="box-tools pull-right">
                    <!-- <a href="{{ route('modifier_create',$modifier_id) }}" class="btn clickbtncommon btn-primary btn-sm"><i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }} </a> -->
                    <button type="button" class="clickbtncommon btn btn-primary btn-sm add " data-toggle="modal" data-target="#modalModifierCreate">
                        <i class="fa fa-plus-circle"></i> {{__('lbl.add_new')}} 
                    </button>
                    <a class="btn btn-primary btn-sm clickbtncommon" href="{{ route('modifiers') }}"> <i class="fa fa-arrow-circle-left"></i> {{ __('lbl.back') }}</a>
                </div>
            </div>
            <div class="box-body">
                <input type="hidden" id="modifierId" value="{{$modifier_id}}" />
                <table class="table table-bordered" id="modifiersitemlist">
                    <thead>
                        <tr>
                            <th>{{ __('lbl.title') }}</th>
                            <th>{{ __('lbl.item') }}</th>
                            <th>{{ __('lbl.cost') }}</th>
                            <th>{{ __('lbl.price') }}</th>
                            <th>{{ __('lbl.recipe') }}</th>
                            <th>{{ __('lbl.color') }}</th>
                            <th>{{ __('lbl.status') }}</th>
                            <th>{{ __('lbl.action') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </section>
</div>

<!--DISPLAY UNIT START-->
<div class="modal fade" id="modalModifierCreate">
    <div class="modal-dialog">
        {{ Form::open(['url' => route('modifieritemscreate', $modifier_id), 'method'=>'POST', "class"=>"form-horizontal", 'name' => 'modifier', 'id' => 'modifier']) }}
        <div class="modal-content">
            <div class="modal-header  box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">
                    {{$title}} {{__('lbl.add')}}
                </h4>
            </div>
            <div class="modal-body">
                <div class="box-body">
                    <div class="form-group required">
                        <label for="name" class="col-sm-3 control-label">{{ __('lbl.title') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('title', old('title'), ["class"=>"form-control ","placeholder"=>__('lbl.title'),"id"=>"title","name"=>"title"]) }} @if ($errors->has('title'))
                            <label class="error" for="title">{{ $errors->first('title') }}</label> @endif
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="name" class="col-sm-3 control-label">{{ __('lbl.item') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('item', old('item'), ["class"=>"form-control ","placeholder"=>__('lbl.item'),"id"=>"item","name"=>"item"]) }} @if ($errors->has('item'))
                            <label class="error" for="item">{{ $errors->first('item') }}</label> @endif
                        </div>
                    </div>

                    <div class="form-group required">
                        <label for="name" class="col-sm-3 control-label">{{ __('lbl.cost') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('cost', old('cost'), ["class"=>"form-control  numer_float_only","placeholder"=>__('lbl.cost'),"id"=>"cost","name"=>"cost"]) }} @if ($errors->has('cost'))
                            <label class="error" for="cost">{{ $errors->first('cost') }}</label> @endif
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="price" class="col-sm-3 control-label">{{ __('lbl.price') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('price', old('price'), ["class"=>"form-control  numer_float_only","placeholder"=>__('lbl.price'),"id"=>"price","name"=>"price"]) }} @if ($errors->has('price'))
                            <label class="error" for="price">{{ $errors->first('price') }}</label> @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="recipe" class="col-sm-3 control-label">{{ __('lbl.recipe') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('recipe', old('price'), ["class"=>"form-control   ","placeholder"=>__('lbl.recipe'),"id"=>"recipe","name"=>"recipe"]) }} @if ($errors->has('recipe'))
                            <label class="error" for="recipe">{{ $errors->first('recipe') }}</label> @endif
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="color" class="col-sm-3 control-label">{{ __('lbl.color') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('color', old('color'), ["class"=>"form-control  color ","placeholder"=>__('lbl.color'),"id"=>"color","name"=>"color"]) }} @if ($errors->has('color'))
                            <label class="error" for="color">{{ $errors->first('color') }}</label> @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-6 pull-left">
                        <button type="submit" class="clickbtncommon btn btn-primary pull-left btn-sm "><i class="fa fa-save"></i> {{ __('lbl.save') }}</button>
                        <button type="button" class="clickbtncommon btn btn-primary pull-left btn-sm" data-dismiss="modal"><i class="fa fa-backward"></i> {{ __('lbl.close') }}</button>
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div>
        {{ Form::close() }}
    </div>
</div>
<!--DISPLAY UNIT CLOSE-->
{{Form::hidden('modifiersitemroute',route('modifieritems',$modifier_id),['id'=>'modifiersitemroute'])}}
@endsection 
@section('pagescript') 
{!! Helper::datatablelib('modifiers/list.js') !!} 
{!! Helper::pagejs([ 'js/lib/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js', 'js/backend/modifiers/add_edit.js' ]) !!} 
@stop