@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{$title}}
            <a href="{{route('modifier_create')}}" class="clickbtncommon btn-sm btn btn-primary edit">
                <i class="fa fa-plus-circle"></i> {{__('lbl.add_new')}} 
            </a>
        </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"> -->
                    <!--   NOTE : CODE IS WORKING CREATE NEW RECORED MOVING TO ADDING MULTIPLE SINGLE TIME -->
                    <!-- <button type="button" 
                            class="clickbtncommon btn-sm btn btn-primary add " 
                            data-toggle="modal" 
                            data-target="#modal-default"
                            data-id=""
                            data-action="{{ route('modifier_create') }}">
                        <i class="fa fa-plus-circle"></i> 
                        {{ __('lbl.add_new') }}
                    </button> 
                    <a href="{{route('modifier_create')}}" class="clickbtncommon btn-sm btn btn-primary">
                        <i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }}
                    </a> -->
                <!-- </div> -->
            <!-- </div> -->
            <div class="box-body">
                <!-- <table class="table table-bordered" id="modifiersMaster">
                    <thead>
                        <tr>
                            <th>{{ __('lbl.modifier') }}</th>
                            <th width="10%">{{ __('lbl.sort') }}</th>
                            <th width="5%">{{ __('lbl.action') }}</th>
                        </tr>
                    </thead>
                </table> -->

                <table id="modifiersMaster" class="table table-bordered yajra-datatable">
                    <thead>
                        <tr>
                            <th width="5%">{{ __('lbl.id') }}</th>
                            <th>{{ __('lbl.modifier') }}</th>
                            <th width="15%">{{ __('lbl.web') }}</th>
                            <th width="15%">{{ __('lbl.pos') }}</th>
                            <th width="15%">{{ __('lbl.kiosk') }}</th>
                            <th width="15%">{{ __('lbl.color') }}</th>
                            <th width="10%">{{ __('lbl.sort') }}</th>
                            <th width="10%">{{ __('lbl.action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </section>
</div>

<div class="modal fade" id="modal-default">
    <div class="modal-dialog">
        {{ Form::open(["class"=>"form-horizontal", "method"=>"POST", "name" => "modifierForm", "id" => "modifierForm"]) }}
        <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">
                    {{__('lbl.modifier')}} {{__('lbl.add')}}/{{__('lbl.edit')}}
                </h4>
            </div>
            <div class="modal-body">
                <div class="box-body">
                    <div class="form-group required">
                        <label for="modifier" class="col-sm-3 control-label">{{ __('lbl.modifier') }}</label>
                        <div class="col-sm-9 ">
                            {{ Form::text('modifier', '', ["class"=>"form-control","placeholder"=>__('lbl.modifier'),"id"=>"modifier_input","name"=>"modifier"]) }} @if ($errors->has('modifier'))
                            <span class="error" for="modifier">{{ $errors->first('modifier') }}</span> @endif
                        </div>
                    </div>
                                        <div class="form-group ">
                        <label for="modifier" class="col-sm-3 control-label">{{ __('lbl.sort') }}</label>
                        <div class="col-sm-9">
                            {{ Form::text('sort', '', ["class"=>"form-control mxlen_6 numer_only","placeholder"=>__('lbl.sort'),"id"=>"sort_input","name"=>"sort"]) }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-6 pull-left">
                        <button type="submit" class="clickbtncommon btn-sm btn btn-primary pull-left "><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>
        <input type="hidden" value="" id="id" />
        <input type="hidden" value="" id="action" />
        <input type="hidden" value="add" id="modifier_operation" /> {{ Form::close() }}
    </div>
</div>
<div class="modal fade " id="modal-items">
    <div class="modal-dialog modal-lg">
        {{ Form::open(["class"=>"form-horizontal", "method"=>"POST", "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">
                    {{__('lbl.modifier')}} {{__('lbl.item')}}(s)
                </h4>
            </div>
            <div class="modal-body">
                <div class="box-body">
                    <table class="table table-bordered" id="modifiers" width="100%">
                        <thead>
                            <tr>
                                <th>{{ __('lbl.title') }}</th>
                                <th>{{ __('lbl.item') }}</th>
                                <th>{{ __('lbl.cost') }}</th>
                                <th>{{ __('lbl.price') }}</th>
                                <th>{{ __('lbl.recipe') }}</th>
                                <!--th>{{ __('lbl.status') }}</th-->
                                <th>{{ __('lbl.action') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-5 col-md-offset-5">
                        <input type="hidden" id="modifierId" value="" />
                        <button id="addNewModifier" type="button" class="clickbtncommon btn-sm btn btn-primary pull-left " data-dismiss="modal">
                            <i class="fa fa-plus-circle icon-white"></i> {{ __('lbl.add_new') }} 
                        </button>
                        <button type="button" class="clickbtncommon btn-sm btn btn-primary  pull-left " data-dismiss="modal">
                            <i class="fa fa-times-circle icon-white"></i> {{ __('lbl.close') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade " id="modalInformationpopup">
    <div class="modal-dialog modal-lg " style="width: 90%;">
        <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" id="modifiertitlename"></h4>
            </div>
            <div class="modal-body">
                <div class="" id="modifiersInfoHtml">
                </div>
            </div>
            <!-- <div class="modal-footer">
                <div class="row">
                    <div class="col-md-5 col-md-offset-5">
                        <button type="button" class="clickbtncommon btn-sm btn btn-primary  pull-left " data-dismiss="modal">
                            <i class="fa fa-times-circle icon-white"></i> {{ __('lbl.close') }}
                        </button>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
</div>



{{Form::hidden('modifiers',route('modifiers'),['id'=>'modifierslist'])}} 
@endsection @section('pagescript') 
{!! Helper::datatablelib('modifiers/list.js') !!} 
@stop