@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.store'), 'method'=>'post', 'file'=>true, 'enctype'=>'multipart/form-data', 'name' => 'productconfig', 'id' => 'productconfig']) }}
    <section class="content">
        <div class="row">
            <div class="col-md-2">
                <div class="peripheralstab">
                    <button type="button" class="tablinks" onclick="showMySection(event, 'basic-product-details-tab')" id="defaultOpen">{{__('lbl.basic_product_details') }}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'advance-product-details-tab')">{{__('lbl.advance_product_details')}}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'attribute-tab')">{{__('lbl.attributes')}}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'price-option-tab')">{{__('lbl.price_options')}}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'product-modifier-tab')">{{__('lbl.products_modifiers')}}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'inventory-tab')">{{__('lbl.inventory')}}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'print-option-tab')">{{__('lbl.print_options')}}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'ingredients-tab')">{{__('lbl.ingredients')}}</button>
                    <button type="button" class="tablinks" onclick="showMySection(event, 'mpmealplan-tab')">{{__('lbl.mpmealplan')}}</button>
                </div>
            </div>
            <div class="col-md-10 tab-content">
                <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'), ["id"=>"productSubmit","name"=>"submit",'class' => 'productSubmit btn btn-primary btn-sm clickbtncommon ', '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 id="basic-product-details-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-basic-product-details')
                        </div>
                        <div id="advance-product-details-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-advance-product-details')
                        </div>
                        <div id="attribute-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-attribute')
                        </div>
                        <div id="price-option-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-price-option')
                        </div>
                        <div id="product-modifier-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-product-modifier')
                        </div>
                        <div id="inventory-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-inventory')
                        </div>
                        <div id="print-option-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-print-option')
                        </div>
                        <div id="ingredients-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-ingredients')
                        </div>
                        <div id="mpmealplan-tab" class="tabcontent">
                            @include('admin.v2.products.tabs.create-mpmealplan')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{ Form::hidden('manualgeneratorsku','1',['id'=>'manualgeneratorsku']) }}
    {{ Form::hidden('manualgeneratorbarcode','1',['id'=>'manualgeneratorbarcode']) }}
    {{ Form::hidden('myAction','POST',['id'=>'myAction']) }}
    {{ Form::hidden('productActionId',0,['id'=>'productActionId']) }}
    {{ Form::hidden('takenBy', 0, ['id' => 'takenBy']) }} 
    {{ Form::hidden('modifiers_class',route('modifiers_class'),['id'=>'modifiers_class']) }} 
    {{ Form::close() }} 

    {{ Form::hidden('skubarcodeserialnumber', 1, ['id' => 'skubarcodeserialnumber']) }}
    {{ Form::hidden('isAutoGenerateBarcode', (Helper::widgetAccess('auto_generate_barcode'))?true:false,['id'=>'isAutoGenerateBarcode']) }} 
    {{ Form::hidden('isAutoGenerateSku',  (Helper::widgetAccess('auto_generate_sku'))?true:false, ['id'=>'isAutoGenerateSku']) }} 

    {{ Form::hidden('route_barcode', route('productBarcode'), ['id' => 'route_barcode']) }}
    {{ Form::hidden('catId', 0, ['id' => 'catId']) }} 
    {{ Form::hidden('subCatId', 0, ['id' => 'subCatId']) }} 
    {{ Form::hidden('product_id', 0, ['id' => 'product_id']) }} 
    {{ Form::hidden('shorturl',route('subcategories'),['id'=>'shorturl']) }} 
    {{ Form::hidden('no_subcategories_available',__('lbl.no_subcategories_available'),['id'=>'no_subcategories_available'])}}
    
    <!--ON BUTTON PRESS EVENT-->
    {{ Form::hidden('route_auto_generate',route('autoGenerateSku'),['id'=>'route_auto_generate']) }} 
    {{ Form::hidden('route_auto_generate_barcode',route('autoGenerateBarcode'),['id'=>'route_auto_generate_barcode']) }}
    <!--ON KEYPRESS EVENT-->
    {{ Form::hidden('generateSku',route('generateSku'),['id'=>'generateSku']) }} 
    {{ Form::hidden('generateBarcode',route('generateBarcode'),['id'=>'generateBarcode']) }}

    {{ Form::hidden('product_search',route('product_search'),['id'=>'product_search']) }}
    {{ Form::hidden('stockunitsdrop',route('productstockunitsdrop'),['id'=>'stockunitsdrop'])}}
    {{ Form::hidden('totalItems','0',['id'=>'totalItems','name'=>'totalItems']) }} 


    <!--<div style="display: none;">
        <div id="prod_ingredient_details">
            <div class="col-md-3">
                <div class="form-group ">
                    {{ Form::label(__('lbl.ingredient_name')) }} {{ Form::text('ingredient_name', 'Unit', ["class"=>"form-control mxlen_40","placeholder"=>__('lbl.ingredient_name'),"id"=>"unit_name","name"=>"unit_name[]"]) }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group ">
                    {{ Form::label(__('lbl.quantity')) }} {{ Form::text('quantity', 1, ["class"=>"form-control mxlen_6","placeholder"=>__('lbl.quantity'),"id"=>"conversion","name"=>"quantity[]"]) }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group ">
                    {{ Form::label(__('lbl.unit')) }} {{ Form::select('unit_name_ing', $inventory_unit, '',['class'=>'form-control','id'=>'unit_name_ing',"name"=>"unit_name_ing[]"]) }}
                </div>
            </div>
            
            <div class="col-md-1">
                <div class="form-group ">
                    {{ Form::label(__('lbl.action')) }}
                    <div class="clearfix"></div>
                    {{ Form::button('<i class="fa  fa-trash"></i> ', ["class"=>"btn btn-primary btn-sm clickbtncommon remove_prod_ingredient","id"=>"remove_prod_ingredient","name"=>"remove_prod_ingredient[]"]) }}
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>-->


    <div style="display: none;">
        <div id="item_stock_details">
            <div class="col-md-2">
                <div class="form-group ">
                    {{ Form::label(__('lbl.name')) }} {{ Form::text('unit', 'Unit', ["class"=>"form-control mxlen_8","placeholder"=>__('lbl.name'),"id"=>"unit_name","name"=>"unit_name[]"]) }}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group ">
                    {{ Form::label(__('lbl.conversion')) }} {{ Form::text('conversion', 1, ["class"=>"form-control mxlen_6","placeholder"=>__('lbl.conversion'),"id"=>"conversion","name"=>"conversion[]"]) }}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group ">
                    {{ Form::label(__('lbl.barcode')) }} {{ Form::text('barcode', '', ["class"=>"form-control mxlen_10","placeholder"=>__('lbl.barcode'),"id"=>"barcode","name"=>"barcode[]"]) }}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group ">
                    {{ Form::label(__('lbl.unit')) }} {{ Form::select('unit', $inventory_unit, '',['class'=>'form-control','id'=>'unit',"name"=>"unit[]"]) }}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group ">
                    {{ Form::label(__('lbl.active')) }}
                    <div class="clearfix"></div>
                     {{ Form::select('inv_active[]', ['YES'=>'YES','NO'=>'NO'], 'YES',['class'=>'form-control inv_active','id'=>'inv_active',"name"=>"inv_active[]"]) }}
                </div>
            </div>
            <div class="col-md-1 no-padding">
                <div class="form-group ">
                    {{ Form::label(__('lbl.primary')) }}
                    <div class="clearfix"></div>
                     {{ Form::select('primary[]', ['YES'=>'YES','NO'=>'NO'], 'YES',['class'=>'form-control primary','id'=>'primary']) }}
                </div>
            </div>
            <div class="col-md-1">
                <div class="form-group ">
                    {{ Form::label(__('lbl.action')) }}
                    <div class="clearfix"></div>
                    {{ Form::button('<i class="fa  fa-trash"></i> ', ["class"=>"btn btn-primary btn-sm clickbtncommon remove_stockitem ","id"=>"remove_stockitem","name"=>"remove_stockitem[]"]) }}
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div id="attributes_area" style="display:none">
        <div id="attributes_group">
            <div class="col-md-3">
                <div class="form-group">
                    <label for="product_group">{{ __('lbl.group_name') }}</label>
                    <input class="form-control mxlen_25 group_name" placeholder="{{ __('lbl.group_name') }}" name="product_group[]" type="text" value="" />
                </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" 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-primary clickbtncommon btn-sm " id="remove_group" type="button" title="Remove Group"><i class="fa fa-trash"></i>
                        {{ __('lbl.remove_group')}} </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.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>
            <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="form-control mxlen_30 item_name" placeholder="{{ __('lbl.item_name') }}" name="item_name[]" type="text" value="" />
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <input class="form-control mxlen_15 sku" placeholder="{{ __('lbl.sku') }}" name="sku[]" type="text" value="" />
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <input class="form-control mxlen_15 barcode" placeholder="{{ __('lbl.barcode') }}" name="barcode[]" type="text" value="" />
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    @if(config('constants.color_codes'))
                        <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-1">
                <div class="form-group">
                    <input class="form-control mxlen_8 cost" onkeypress="return validateFloatKeyPress(this, event)" placeholder="{{ __('lbl.cost') }}" name="cost[]" type="text" value="" />
                </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[]" type="text" value="" />
                </div>
            </div>
            
            <div class="col-md-1">
                <div class="form-group">
                    <div class="clearfix"></div>
                    <!-- <a href="#" group_name="" item_name="" product_id="" group_id="" group_item_id=""  establishment_id="" ingredientLog="" 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> -->
                    <button class="remove_group_item btn btn-sm btn-primary clickbtncommon btn-sm" type="button" title="Remove Group"><i class="fa fa-trash"></i></button>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

<!-- Modal -->
<!-- Button trigger modal -->
<!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop">
Launch static backdrop modal
</button> -->

<div class="modal fade" id="staticBackdrop" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header text-center"><h4 class="modal-title">Please wait...<i class="fa fa-hand-paper-o" aria-hidden="true"></i></h4></div>
            <div class="modal-body">
                <div class="text-center">
                    <h5>Please do not refresh or close your browser while we process...</h5>
                    <button type="button" class="btn btn-primary btn-sm clickbtncommon ajax" title="Ajax Request" style="color: #000;background: none;border: none;font-size: 19px;">
                        <i class="fa fa-spin fa-refresh"></i>&nbsp; Processing...
                    </button>
                </div>
            </div>
            <!-- <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Understood</button>  
            </div> -->
        </div>
    </div>
</div>

<div class="modal fade" id="errorBlock" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header text-center"><h4 class="modal-title">Error!</h4></div>
            <div class="modal-body" id="responseError" class=""></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-sm clickbtncommon" data-dismiss="modal">Close</button>
                <!-- <button type="button" class="btn btn-primary">Understood</button>   -->
            </div>
        </div>
    </div>
</div>
@endsection @section('pagescript') 
{!! Helper::pagejs([ 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/lib/moment/min/moment.min.js', 
    'js/lib/bootstrap-daterangepicker/daterangepicker.js', 
    'js/lib/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js',
    'js/lib/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js', 
    'js/lib/plugins/timepicker/bootstrap-timepicker.min.js', 
    'js/lib/tags/bootstrap-tagsinput.min.js',
    'js/backend/producttab/add_edit.js', 
    'js/backend/producttab/productmodifiers.js',
    'js/backend/producttab/productingredient.js',
    'js/lib/colorpick/dependencies/tinycolor-0.9.15.min.js',
    'js/lib/colorpick/1.2.3/js/pick-a-color-1.2.3.min.js' ]) !!}

<script type="text/javascript">
    $(document).ready(function() {
        $(".pickacolor").pickAColor({
            showSpectrum: true,
            showSavedColors: true,
            saveColorsPerElement: true,
            fadeMenuToggle: true,
            showAdvanced: true,
            showBasicColors: true,
            showHexInput: true,
            allowBlank: true,
            inlineDropdown: true
        });

        $('#product_type').on('change', function() {
            if($(this).val() == 'Games') {
                $('#game-hours-container').show()
                $('#game_hours').show()
                $('#game-minutes-container').show()
                $('#game_minutes').show()
            } else {
                $('#game-hours-container').hide()
                $('#game_hours').hide()
                $('#game-minutes-container').hide()
                $('#game_minutes').hide()
            }
        })

        $('#product_type').change();
    });

    function showMySection(evt, divId) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(divId).style.display = "block";
        evt.currentTarget.className += " active";
    }

    // Get the element with id="defaultOpen" and click on it
    document.getElementById("defaultOpen").click();

</script>
@stop