@extends('layouts.admin')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! ($isDuplicate) ? __('item.duplicate_item') : __('item.edit_item') !!} >> <b>{!!  $result->name !!}</b> </p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{!! route('global-items.index') !!}">{!! __('item.item') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! ($isDuplicate) ? __('item.duplicate_item') : __('item.edit_item') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="round-white-bg box-shadow">

                @php
                    $offerStyle = ($result->is_offer_item == 0) ? 'style="display:none"' : '';
                    $normalStyle = ($result->is_offer_item == 1) ? 'style="display:none"' : '';
                    $isCustomItem = (isset($result) && ($result->custom_build == 1 || $result->is_offer_item == 2)) ? 'style="display:none"' : '';
                @endphp

                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="item-detail-tab" data-toggle="tab" href="#item-detail" role="tab" aria-controls="item-detail" aria-selected="true">{!! __('item.item_details') !!}</a>
                    </li>
                    <li class="nav-item normal_item_tab" {!! $result->is_offer_item == 1 ? 'style=display:block;' : $normalStyle !!} >
                        <a class="nav-link" id="variation-tab" data-toggle="tab" href="#variation" role="tab" aria-controls="variation" aria-selected="false">
                            @if(count($variationResult)>1)
                              {!! __('item.add_variations') !!}
                            @else
                              {!! __('item.standard_prices')!!}
                            @endif
                        </a>
                    </li>

                    <li class="nav-item offer_item_tab" {!! $offerStyle !!} {!! $isCustomItem !!}>
                        <a class="nav-link" id="offer-item-detail-tab" data-toggle="tab" href="#offer-item-detail" role="tab" aria-controls="offer-item-detail" aria-selected="true">{!! __('item.offer_items') !!}</a>
                    </li>



                    <li class="nav-item normal_item_tab" {!! $normalStyle !!} {!! $isCustomItem !!}>
                        <a class="nav-link" id="extra-item-tab" data-toggle="tab" href="#extra-item" role="tab" aria-controls="extra-item" aria-selected="false">{!! __('item.add_extra_item') !!}</a>
                    </li>

                    <li class="nav-item normal_item_tab" {!! $normalStyle !!} {!! $isCustomItem !!}>
                        <a class="nav-link" id="allergy-tab" data-toggle="tab" href="#allergy" role="tab" aria-controls="allergy" aria-selected="false">{!! __('item.add_allergies') !!}</a>
                    </li>

                    <li class="nav-item normal_item_tab" {!! $normalStyle !!} {!! $isCustomItem !!}>
                        <a class="nav-link" id="nutrition-tab" data-toggle="tab" href="#nutrition" role="tab" aria-controls="nutrition" aria-selected="false">{!! __('item.nutrition_facts') !!}</a>
                    </li>

                    <li class="nav-item normal_item_tab" {!! $normalStyle !!} {!! $isCustomItem !!}>
                        <a class="nav-link" id="raw_material-tab" data-toggle="tab" href="#raw-material" role="tab" aria-controls="raw-material" aria-selected="false">{!! __('item.raw_material') !!}</a>
                    </li>

                    <li class="nav-item normal_item_tab" {!! $normalStyle !!} {!! $isCustomItem !!}>
                        <a class="nav-link" id="preparation-steps-tab" data-toggle="tab" href="#preparation-steps" role="tab" aria-controls="preparation-steps" aria-selected="false">{!! __('item.preparation_steps') !!}</a>
                    </li>
                </ul>

                {!! Form::model($result, ['route' => ['global-items.update', $result->id], 'method' => 'POST', 'id' => 'ajaxSave', 'files' => true]) !!}
                    <div class="error-msg font-14 mt-2"></div>
                    <div class="global-item-top-box text-right mt-3 mb-3 d-flex justify-content-end align-items-center">
                        @php
                            $btnText =  __('global_items.archived');
                            $btnClass = 'btn btn-outline-danger';
                            if($result->is_archive){
                                $btnText =  __('global_items.un_archived');
                                $btnClass = 'btn btn-danger';
                            }
                        @endphp
                        <a href="javascript:void(0);" data-url="{{route('global-items.sync-to-wolt',$result->id)}}" class="__route rounded-0 mr-2 btn btn-outline-primary" style="overflow: hidden; font-size:15px; border-radius: 5px !important;"
                            title="{{ __('common.sync_wolt') }}"
                            data-text = "{{ __('common.update')}}"
                            data-title = "{{__('common.sync_request_sent')}}"
                            data-loader = "1"
                            >
                           {{ __('global_items.update_in_wolt') }}
                        </a>
                        <button type="button" class="rounded-0 mr-2 {{$btnClass}}" id="g_items_archive_status" onclick="toggleArchiveStatus()" style="    border-radius: 5px !important;">
                            {{$btnText}}
                        </button>
                        <input type="hidden" value="{{$result->is_archive}}" name="is_archive" id="is_archive" />

                        <label class="yummy-switch-label mr-4 ml-2">
                            {!! Form::checkbox('is_active', 1, ($result->is_active==1)?true:false, ['id' => 'is_active', 'onchange'=>'checkActiveStatus(this)']) !!}
                            {!! Form::hidden('itemId', $result->id, ['id'=>'g_item_id']) !!}
                            <span class="yummy-switch-box"></span>
                        </label>

                    </div>


                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="item-detail" role="tabpanel" aria-labelledby="item-detail-tab">
                            @include('admin.global-items.tabs.detail')
                            {!! Form::hidden('tab_detail_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>

                        <div class="tab-pane fade" id="offer-item-detail" role="tabpanel" aria-labelledby="offer-item-detail-tab">
                            @include('admin.global-items.tabs.offer_items')
                            {!! Form::hidden('tab_offer_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>

                        <div class="tab-pane fade" id="variation" role="tabpanel" aria-labelledby="variation-tab">
                            @if(isset($hasRawMaterial) && $hasRawMaterial == true)
                                <div class="variation_delete_msg" style="display: none;">{!! __('global_items.variation_delete_confirm') !!}</div>
                            @endif
                            @include('admin.global-items.tabs.variation')
                            {!! Form::hidden('tab_variation_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>

                        <div class="tab-pane fade" id="extra-item" role="tabpanel" aria-labelledby="extra-item-tab">
                            @include('admin.global-items.tabs.extra_item')
                            {!! Form::hidden('tab_extra_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>

                        <div class="tab-pane fade" id="allergy" role="tabpanel" aria-labelledby="allergy-tab">
                            @include('admin.global-items.tabs.allergy')
                            {!! Form::hidden('tab_allergy_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>

                        <div class="tab-pane fade" id="nutrition" role="tabpanel" aria-labelledby="nutrition-tab">
                            @include('admin.global-items.tabs.nutrition')
                            {!! Form::hidden('tab_nutrition_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>

                        <div class="tab-pane fade" id="raw-material" role="tabpanel" aria-labelledby="raw-material-tab">
                            @include('admin.global-items.tabs.raw_material')
                            {!! Form::hidden('tab_raw_material_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>
                        <div class="tab-pane fade" id="preparation-steps" role="tabpanel" aria-labelledby="preparation-steps-tab">
                            @include('admin.global-items.tabs.preparation-steps')
                            {!! Form::hidden('tab_preparation_steps_changed', 0, ['class' => '__tab_changed']) !!}
                        </div>
                    </div>

                    <div class="form-group mt-3 text-left">
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                @if($isDuplicate)
                                <input type="hidden" name="duplicate" value="1">
                                @endif
                                <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                            </li>
                            {{-- <li class="list-inline-item">
                                <input type="reset" class="btn btn-default width80 width80" value="{!! __('seller.cancel') !!}">
                            </li> --}}
                        </ul>
                    </div>
               @method('PUT')
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>
<div class="hidden">
    <div class="sure">