@extends('layouts.adminLayout.admin_design')

@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ __('lbl.modifiers') }} <small>{{ __('lbl.add') }}/{{ __('lbl.edit') }} </small></h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }} </a></li>
            <li class="active"> {{ __('lbl.modifiers') }} {{ __('lbl.add') }}/{{ __('lbl.edit') }} </li>
        </ol>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-solid">
                    <div class="box-header with-border">
                        <h3 class="pull-left box-title">{{ __('lbl.modifiers') }}</h3>
                        <div class="pull-right">
                            <!--{{ Form::button('<i class="fa fa-save" aria-hidden="true"></i>  '.__('lbl.save'), ["name"=>"submit",'class' => 'btn btn-success btn-flat', 'type' => 'submit']) }} -->
                            <a class="clickbtncommon btn-sm btn btn-primary" href="{{ route('products') }}"> <i class="fa fa-arrow-circle-left"></i> {{ __('lbl.back') }}</a>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="col-md-6 col-md-offset-3 no-padding">
                            <div class="box box-default">
                                <div class="box-header">
                                    <h3 class="box-title">{{ __('lbl.modifiers') }}</h3>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body no-padding">
                                    <table class="table table-striped">
                                        <tr>
                                            <th>Item</th>
                                            <th>Is added</th>
                                            <th style="width: 40px">Status</th>
                                        </tr>
                                        @if(!empty($getActiveModifier))
                                        @foreach($getActiveModifier as $key => $modifiers)
                                        @if (in_array($modifiers['id'], $AddedModifierids))
                                        @php
                                        $itemKey = array_search ($modifiers['id'], $AddedModifierids);
                                        $itemId = $AddedItemids[$itemKey];
                                        @endphp
                                        @else
                                        @php
                                        $itemId = 0;
                                        @endphp
                                        @endif
                                        <tr>
                                            <td>{{ $modifiers['modifier'] }}  </td>
                                            <td>
                                                @if (in_array($modifiers['id'], $AddedModifierids))
                                                <input 
                                                    type="button" 
                                                    name="" 
                                                    id="{{ $modifiers['id'] }}" 
                                                    data-pm_id="{{ $itemId }}"
                                                    value="VIEW"
                                                    class="view_modifier_details btn btn-sm btn-success " />  

                                                <!---button
                                                    id="{{ $modifiers['id'] }}" 
                                                    data-pm_id="{{ $itemId }}"
                                                    value="VIEW"
                                                    class="view_modifier_details btn btn-sm btn-success ">
                                                    <i class="fa fa-eye"></i> {{ __("messages.view") }}
                                                </button-->
                                                @endif 
                                            </td>
                                            <td>
                                                <input 
                                                    type="checkbox" 
                                                    id="{{ $modifiers['id'] }}" 
                                                    name="selected_modifiers[{{ $modifiers['id'] }}]" 
                                                    class="modifiers pull-right" 
                                                    data-pm_id="{{ $itemId }}"
                                                    {{ (in_array($modifiers['id'], $AddedModifierids)) ? "checked" : "" }} />
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </table>
                                </div>
                                <!-- /.box-body -->
                            </div>
                        </div>
                        <input type="hidden" value="{{ route('modifier_items') }}" id="modifier_items_route">
                        <input type="hidden" value="{{ route('modifier_store') }}" id="modifier_store">
                    </div>
                    <!-- /.box-body -->
                    <!-- /.box-body -->
                    <div class="box-header with-border">
                        <div class="pull-right">
                            <!--{{ Form::button('<i class="fa fa-save" aria-hidden="true"></i>  '.__('lbl.save'), ["name"=>"submit",'class' => 'btn btn-success btn-flat', 'type' => 'submit']) }} -->
                            <a class="clickbtncommon btn-sm btn btn-primary" href="{{ route('products') }}"> <i class="fa fa-arrow-circle-left"></i> {{ __('lbl.back') }}</a>
                        </div>
                    </div>
                </div>
                <!-- /.box -->			 
            </div>
        </div>
    </section>
</div>


<div class="modal fade" id="modifier_popup">
    <div class="modal-dialog modal-lg">
        {{ Form::open(['url' => route('modifier_store'), 'method'=>'post', 'file'=>true, 'name' => 'modifiers_items', 'id' => 'modifiers_items']) }}
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Modifier Items</h4>
            </div>
            <div class="modal-body" id="modifierDetails"></div>
            <input type="hidden" value="{{ $product_id }}" name="product_id" id="product_id">
            <input type="hidden" value="" name="modifier_id" id="modifier_id">
            <input type="hidden" value="" name="pm_id" id="pm_id">
            <input type="hidden" value="" name="action" id="action">
            <input type="hidden" value="" name="totalItems" id="totalItems">

            <div class="modal-footer ">
                <button type="submit" class="btn btn-success pull-left btn-sm"><i class="fa fa-save"></i> {{ __('lbl.save') }}</button>
                <button type="button" class="btn btn-danger pull-left btn-sm" data-dismiss="modal"><i class="fa fa-backward"></i> {{ __('lbl.close') }}</button>
            </div>
        </div>
        {{ Form::close() }}
    </div>
</div>
<!-- /.modal -->

@endsection

@section('pagescript') 
{!! Helper::pagejs(['js/backend/products/modifier.js']) !!}
@stop