@extends('front.v2.partials.master')
@section('content')

    <section id="dashboard-section">
        @php
            $itemPrice = $item->offer_price;
            $maxSelectRemove = $minSelectRemove = '';
        @endphp
        <div class="container">
            {!! Form::open(['route' => 'front.v2.add-to-cart', 'method' => 'POST', 'id' => 'add_cart']) !!}
           
                <div class="row" id="product_viewss">

                    <div class="col-lg-7 col-sm-12">
                        <div class="product-box-view">
                            <div class="food-img">
                                <img src="{!! getImagePath($item->featured_image, 'product') !!}" class="img-fluid" />
                            </div>
                            <div class="product-title">
                                <ul>
                                    <li>
                                        <h1>{!! $item->name  !!}</h1>
                                    </li>
                                    <li>
                                        <div class="number-input md-number-input">
                                            <input class="item_quantity" name="quantity" value="1" type="number" readonly>
                                        </div>
                                    </li>

                                </ul>
                                <p>{!! $item->description !!}</p>
                            </div>
                        </div>
                        <div class="pro-tab">
                            <ul>
                                @if (count($variations) > 0)
                                    <li>
                                        <div class="product-list-tab">
                                            <div class="input-group">
                                                <div id="radioBtn" class="btn-group add-variation">
                                                    @foreach ($variations as $key => $variation)
                                                        <a class="btn btn-primary btn-sm {!! $key == 0 ? 'active' : 'notActive' !!}"
                                                            data-toggle="variation_id" data-id="{!! $variation->id !!}"
                                                            data-price="{!! $variation->reward_points !!}">{!! $variation->options !!}</a>
                                                        @if ($key == 0)
                                                            @php
                                                                $variationId = $variation->id;
                                                                $itemPrice = $variation->offer_price;
                                                            @endphp
                                                        @endif
                                                    @endforeach
                                                </div>
                                                <input type="hidden" value="{!! $variationId !!}"name="item_v_id"
                                                    id="variation_id">
                                                <input type="hidden" name="item_v_price" class="item_v_price"
                                                    value="{!! $itemPrice !!}" />
                                            </div>
                                        </div>
                                    </li>
                                @endif

                                <li>
                                    <div class="del-rest">
                                        <div class="input-group">
                                            {{-- <div id="radioBtn" class="btn-group">
										 <a class="btn btn-primary btn-sm active btn_border_ac" data-toggle="happy" data-title="Y">Spise inne</a>
										<a class="btn btn-primary btn-sm notActive btn_border_ac1" data-toggle="happy" data-bs-toggle="modal" data-bs-target="#address-modal" data-bs-whatever="@mdo" data-title="N">Ta med</a>
									</div>
									<input type="hidden" name="happy" id="happy"> --}}
                                        </div>
                                    </div>
                                </li>
                            </ul>

                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="acc-div">
                                    <div class="accordion" id="accordionExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingTwo">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                    aria-expanded="false" aria-controls="collapseTwo">
                                                    {!! __('v2/front_site.nutrition_facts') !!}
                                                </button>
                                            </h2>
                                            <div id="collapseTwo" class="accordion-collapse collapse"
                                                aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <div class="acc-desp">
                                                        @if (count($calories) > 0)
                                                            @if (count($variations) > 0)
                                                                @foreach ($variations as $rawVariation)
                                                                    <p>{!! $rawVariation->options !!} :-
                                                                        @if (isset($calories[$rawVariation->id]))
                                                                            {!! array_sum(array_column($calories[$rawVariation->id], 'total_calories')) !!}
                                                                            {!! __('v2/front_site.kcal') !!}
                                                                        @endif
                                                                    </p>
                                                                @endforeach
                                                            @else
                                                                {!! array_sum(array_column($calories, 'total_calories')) !!} {!! __('v2/front_site.kcal') !!}
                                                            @endif

                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingThree">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                                    aria-expanded="false" aria-controls="collapseThree">
                                                    {!! __('v2/front_site.ing_allergy') !!}
                                                </button>
                                            </h2>
                                            <div id="collapseThree" class="accordion-collapse collapse"
                                                aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <div class="acc-desp">
                                                        <p>{!! $item->description !!}</p>
                                                        @if (count($allergy) > 0)
                                                            <span>{!! __('v2/front_site.allergies') !!} : </span>
                                                            <p>{!! implode(', ', array_column($allergy->toArray(), 'title')) !!}</p>
                                                        @endif


                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5 col-sm-12">
                        @php
                            $j = 1;
                        @endphp
                        @if (count($removedIngredients) > 0)
                            <div class="remove_div">
                                <h3>{!! __('v2/front_site.removed') !!}</h3>
                                <div class="custom-choose mb-3 remove">
                                    @foreach ($removedIngredients as $remove)
                                        @php
                                            
                                            $buttonClass = $remove['is_default'] == 1 ? 'minus' : 'plus';
                                            $buttonId = $remove['is_default'] == 1 ? 'remove' : 'add';
                                            $maxSelectRemove = $remove['max_select'];
                                            $minSelectRemove = $remove['min_select'];
                                        @endphp
                                        <ul class="box-rem">
                                            <li>
                                                <input type="checkbox" id="opt-{{ $j }}"
                                                    value="{!! $remove['id'] !!}" name="remove[]">
                                                <label for="opt-{{ $j }}">
                                                    <div class="yummy_div_img">
                                                        <img src="{!! $remove['image'] !!}" class="img-fluid" />
                                                        <h5>{!! $remove['name'] !!}</h5>
                                                    </div>
                                                </label>
                                            </li>
                                        </ul>
                                        @php $j++; @endphp
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="col-12">
                        <div class="form-btns scroll-top-cart-btn">
                            <button type="submit" class="btn btn-primary btn-lag-inner cart-btn">{!! __('v2/front_site.add_to_cart') !!}
                                @if (count($variations) > 0)
                                 <span class="item_total">{{$variations[0]['reward_points']}}</span>
                                @else
                                <span class="item_total">{{$item->reward_points}}</span>
                                @endif
                                {!! __('v2/front_site.item_points')!!}
                            </button>
                            <input type="hidden" value="{!! $itemPrice !!}" name="total_price"
                                class="total_price">
                            <input type="hidden" value="{!! $itemPrice !!}" name="item_price" class="item_price">
                            <input type="hidden" value="" name="removed_ings" class="removed_ings">
                            <input type="hidden" value="{!! $item->id !!}" name="item_id">
                            @if (count($variations) > 0)
                                <input type="hidden" value="{{$variations[0]['reward_points']}}" name="reward_points" class="reward_points">
                            @else
                                <input type="hidden" value="{{$item->reward_points}}" name="reward_points" class="reward_points">
                            @endif
                            
                            <input type="hidden" value="1" name="is_reward" class="is_reward">
                            <input type="hidden" name="max_select_removed" class="max_select_removed"
                                value="{{ $maxSelectRemove }}" />
                            <input type="hidden" name="min_select_removed" class="min_select_removed"
                                value="{{ $minSelectRemove }}" />
                            <div style="display:none;" class="__remove_min_msg">{!! __('v2/front_site.min_remove', ['minRemoved' => $minSelectRemove]) !!}</div>
                            <div style="display:none;" class="__remove_max_msg">{!! __('v2/front_site.max_remove', ['maxRemoved' => $maxSelectRemove]) !!}</div>
                        </div>
                    </div>
                </div>
        </div>
        {!! Form::close() !!}
        </div>
    </section>
@endsection