@extends('admin.layouts.master')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/modules/bootstrap-social/bootstrap-social.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/modules/summernote/summernote-bs4.css') }}">
@endsection

@section('main-content')
<section class="section">
    <div class="section-header">
        <h1>{{ __('restaurant.menu_item') }}</h1>
        {{ Breadcrumbs::render('menu-items/edit', $menuItem) }}
    </div>
    <div class="section-body">
        <div class="section-body">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('admin.menu-items.modify', $menuItem) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-sm-12">
                                <h3 class="float-left">{{ __('restaurant.product_variation') }}</h3>
                                <button class="btn btn-primary btn-sm float-right" id="variation-add">
                                    <i class="fa fa-plus"></i>
                                </button>
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                
                                                <th>{{ __('levels.name') }}</th>
                                                <th>{{ __('levels.price') }}</th>
                                                <th>{{ __('levels.discount') }}</th>
                                                <th>{{ __('levels.actions') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody id="variationTbody">
                                            @if(!blank(session('variation')))
                                                @foreach(session('variation') as $variation)
                                                    <tr>
                                                        <td>
                                                            <input type="text" name="variation[][name]" placeholder="{{__('levels.name')}}" class="form-control form-control-sm @error("variation.$variation.name") is-invalid @enderror" value="{{ old("variation.$variation.name") }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="variation[][price]" placeholder="{{__('levels.price')}}" class="form-control form-control-sm change-productprice @error("variation.$variation.price") is-invalid @enderror" value="{{ old("variation.$variation.price") }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="variation[][discount_price]" placeholder="{{__('levels.discount_price')}}" class="form-control form-control-sm change-productdiscountprice @error("variation.$variation.discount_price") is-invalid @enderror" value="{{ old("variation.$variation.discount_price") }}">
                                                        </td>
                                                        <td>
                                                            <button class="btn btn-danger btn-sm removeBtn">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                @elseif(!blank($menu_item_variations))
                                                @foreach($menu_item_variations as $menu_item_variation)
                                                    @php
                                                        $variation = $menu_item_variation->id;
                                                        $loopindex = $loop->index + 1;
                                                    @endphp
                                                    <tr>
                                                        <td>
                                                            <input type="text" name="variation[][name]" placeholder="{{__('levels.name')}}" class="form-control form-control-sm @error("variation.$variation.name") is-invalid @enderror" value="{{ old("variation.$variation.name", $menu_item_variation->name) }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="variation[][price]" placeholder="{{__('levels.price')}}" class="form-control form-control-sm change-productprice @error("variation.$variation.price") is-invalid @enderror" value="{{ old("variation.$variation.price", $menu_item_variation->price) }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="variation[][discount_price]" placeholder="{{__('levels.discount_price')}}" class="form-control form-control-sm change-productdiscountprice @error("variation.$variation.discount_price") is-invalid @enderror" value="{{ old("variation.$variation.discount_price",$menu_item_variation->discount_price) }}">
                                                        </td>
                                                        <td>
                                                            <button class="btn btn-danger btn-sm removeBtn">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-sm-12">
                                <h3 class="float-left">{{ __('levels.product_options') }}</h3>
                                <button class="btn btn-primary btn-sm float-right" id="option-add">
                                    <i class="fa fa-plus"></i>
                                </button>
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Portion</th>
                                                <th>Picture</th>
                                                <th>{{ __('levels.name') }}</th>
                                                <th>{{ __('levels.price') }}</th>
                                                <th>Cal</th>
                                                <th>Active</th>
                                                <th>{{ __('levels.actions') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody id="optionTbody">
                                            @if(!blank(session('option')))
                                                @foreach(session('option') as $option)
                                                     <tr>

                                                       <td>
                                                         <select  name="option[][portion]"  class="form-control form-control-sm">
                                                           @foreach($tables as $table)
                                                            <option value="{{$table->id}}">{{$table->name}}</option>
                                                            @endforeach
                                                         </select>

                                                        </td>

                                                        <td>
                                                         <input type="text" name="option[][file]" placeholder="Na{{__('levels.name')}}me" class="form-control form-control-sm @error("option.$option.img") is-invalid @enderror" value="{{ old("option.$option.img", $menu_item_option->img) }}">

                                                        </td>
                                                        <td>
                                                            <input type="text" name="option[][name]" placeholder="Na{{__('levels.name')}}me" class="form-control form-control-sm @error("option.$option.name") is-invalid @enderror" value="{{ old("option.$option.name", $menu_item_option->name) }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="option[][price]" placeholder="{{__('levels.price')}}" class="form-control form-control-sm change-productprice @error("option.$option.price") is-invalid @enderror" value="{{ old("option.$option.price") }}">
                                                        </td>
                                                        <td>
                                                        <input type="number" step="0.01" name="option[][cal]" placeholder="Cal" class="form-control form-control-sm change-productprice @error("option.$option.cal") is-invalid @enderror" value="{{ old("option.$option.cal", $menu_item_option->cal) }}">
                                                        </td>
                                                        <td>
                                                        <input type="hidden" name="option[][active]" value="off">
                                                        <input type="checkbox"  name="option[][active]" placeholder="Cal" class="form-control form-control-sm change-productprice @error("option.$option.active") is-invalid @enderror"   @if($menu_item_option->active=="on") checked @endif>

                                                        </td>
                                                        <td>
                                                            <button class="btn btn-danger btn-sm removeBtn">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                @elseif(!blank($menu_item_options))
                                                @foreach($menu_item_options as $menu_item_option)
                                                    @php
                                                        $option = $loop->index + 1;
                                                    @endphp
                                                    <tr>


                                                        <td>
                                                         <select  name="option[][portion]"  class="form-control form-control-sm" required> 
                                                           <option value="">Select a portion</option>  
                                                            @foreach($tables as $table)              
                                                            <option value="{{$table->id}}" {{old("option.$option.portion",$menu_item_option->portion_id)==$table->id? 'selected':''}}>{{$table->name}}</option>
                                                             @endforeach    
                                                         </select>
                                                        </td>
                                                         <td>
                                                           
                                                            <img  src="/images/menu_item_options/{{$menu_item_option->img}}" class="rounded-circle mr-1 avatar-item mb-0">
                                                            <input type="text" name="option[][file]" placeholder="Na{{__('levels.name')}}me" class="form-control form-control-sm @error("option.$option.img") is-invalid @enderror" value="{{ old("option.$option.img", $menu_item_option->img) }}" style="display: none;">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="option[][name]" placeholder="Na{{__('levels.name')}}me" class="form-control form-control-sm @error("option.$option.name") is-invalid @enderror" value="{{ old("option.$option.name", $menu_item_option->name) }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="option[][price]" placeholder="{{__('levels.price')}}" class="form-control form-control-sm change-productprice @error("option.$option.price") is-invalid @enderror" value="{{ old("option.$option.price", $menu_item_option->price) }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" step="0.01" name="option[][cal]" placeholder="Cal" class="form-control form-control-sm change-productprice @error("option.$option.cal") is-invalid @enderror" value="{{ old("option.$option.cal", $menu_item_option->cal) }}">
                                                        </td>
                                                        <td>
                                                        <input type="hidden" name="option[][active]" value="off">
                                                        <input type="checkbox"  name="option[][active]" placeholder="Cal" class="form-control form-control-sm change-productprice @error("option.$option.active") is-invalid @enderror"   @if($menu_item_option->active=="on") checked @endif>
                                                        
                                                        
                                                        </td>
                                                        <td>
                                                            <button class="btn btn-danger btn-sm removeBtn">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <button class="btn btn-primary" id="saveMenuItem" type="submit"> {{ __('levels.submit') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        @php
            $menu_item_variation_count = 0;
            if(!blank(session('variation'))) {
                $menu_item_variation_count = count(session('variation'));
            } else {
                $menu_item_variation_count = $menu_item_variations->count();
            }

            $menu_item_option_count = 0;
            if(!blank(session('option'))) {
                $menu_item_option_count = count(session('option'));
            } else {
                $menu_item_option_count = $menu_item_options->count();
            }
        @endphp

        var menu_item_variation_count  = ;
        var menu_item_option_count     = ;
         var tables=;
    </script>
    <script src="{{ asset('js/menu-item/modify.js') }}"></script>
@endsection