@extends('admin.app')

@section('content')

    <div class="page-wrapper">
        <div class="page-content">
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="ps-3">
                    @include('admin.templates.breadcrumbs')
                </div>
            </div>

            <div class="card">
                <div class="card-body p-4">
                    <div class="d-lg-flex align-items-center mb-4 gap-3">
                        <div class="position-relative">
                            <h5 class="card-title">{{__('variables.add_element')}}</h5>
                        </div>
                        <div class="ms-auto">
                            @if($groupSubRelations->new == 1)
                                <a href="{{ urlForLanguage($lang, 'memberslist') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                        class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                <a href="{{ urlForLanguage($lang, 'creategoodsitem') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                        class="bx bxs-plus-square"></i>{{ __('variables.add_object') }}
                                </a>
                                <a href="{{ urlForLanguage($lang, 'goodsitemcart') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                        class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                </a>
                            @else
                                <a href="{{ urlForLanguage($lang, 'memberslist') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                        class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                <a href="{{ urlForLanguage($lang, 'goodsitemcart') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                        class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                </a>
                            @endif
                        </div>
                    </div>

                    <hr/>

                    <form class="form" method="POST" action="{{ urlForLanguage($lang, 'saveitem') }}" id="add-form"
                          enctype="multipart/form-data">

                        @csrf

                        <input type="hidden" name="lang" value="{{ $lang_id }}">

                        <div class="form-body mt-4">
                            <div class="row">
                                <div class="col-lg-8 mb-2">
                                    <div class="border border-3 p-4 rounded">

                                        @if(!empty($lang_list) && count($lang_list))
                                            <ul class="nav nav-tabs nav-primary mb-0" role="tablist">
                                                @foreach($lang_list as $one_lang)
                                                    <li class="nav-item" role="presentation">
                                                        <a class="nav-link{{ $loop->first ? ' active' : '' }}"
                                                           data-bs-toggle="tab"
                                                           href="#lang-{{ $one_lang }}"
                                                           role="tab" aria-selected="true">
                                                            <div class="d-flex align-items-center">
                                                                <div><img
                                                                        src="{{ asset('admin-assets/images/icons/'. $one_lang . '.png') }}"
                                                                        alt="{{ $one_lang }}" style="width: 25px"></div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                            <div class="tab-content pt-3">
                                                @foreach($lang_list as $key => $one_lang)
                                                    <div class="tab-pane fade{{ $loop->first ? ' active show' : '' }}"
                                                         id="lang-{{ $one_lang }}"
                                                         role="tabpanel">

                                                        <div class="position-relative d-flex justify-content-between">
                                                            <div>
                                                                <h5 class="card-title">{{__('variables.goods_description')}}</h5>
                                                            </div>
                                                        </div>

                                                        <div class="mb-3">
                                                            <label
                                                                for="{{ $one_lang == 'ro' ? 'name' : 'name_'. $one_lang }}"
                                                                class="form-label">{{__('variables.title_table')}}
                                                                ({{ $one_lang ?? '' }})</label>
                                                            <input type="text" name="title_{{ $one_lang ?? '' }}"
                                                                   class="form-control"
                                                                   id="{{ $one_lang == 'ro' ? 'name' : 'name_'. $one_lang }}"
                                                                   autofocus>
                                                        </div>

                                                        <div class="mb-3">
                                                            <label for="body_{{ $one_lang ?? '' }}"
                                                                   class="form-label">{{__('variables.description')}}
                                                                ({{ $one_lang ?? '' }})</label>
                                                            <textarea class="form-control editor"
                                                                      name="body_{{ $one_lang ?? '' }}"
                                                                      id="body_{{ $one_lang ?? '' }}"></textarea>
                                                        </div>

                                                        <div
                                                            class="position-relative d-flex justify-content-between mt-5">
                                                            <div>
                                                                <h5 class="card-title">{{__('variables.seo_settings')}}</h5>
                                                            </div>
                                                        </div>
                                                        <hr>

                                                        <div>
                                                            <div class="mb-3">
                                                                <label for="meta_title_{{ $one_lang ?? '' }}"
                                                                       class="form-label">{{__('variables.meta_title_page')}}
                                                                    ({{ $one_lang ?? '' }})</label>
                                                                <input type="text"
                                                                       name="meta_title_{{ $one_lang ?? '' }}"
                                                                       class="form-control"
                                                                       id="meta_title_{{ $one_lang ?? '' }}">
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="meta_keywords_{{ $one_lang ?? '' }}"
                                                                       class="form-label">{{__('variables.meta_keywords_page')}}
                                                                    ({{ $one_lang ?? '' }})</label>
                                                                <input type="text"
                                                                       name="meta_keywords_{{ $one_lang ?? '' }}"
                                                                       class="form-control"
                                                                       id="meta_keywords_{{ $one_lang ?? '' }}">
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="meta_description_{{ $one_lang ?? '' }}"
                                                                       class="form-label">{{__('variables.meta_description_page')}}
                                                                    ({{ $one_lang ?? '' }})</label>
                                                                <input type="text"
                                                                       name="meta_description_{{ $one_lang ?? '' }}"
                                                                       class="form-control"
                                                                       id="meta_description_{{ $one_lang ?? '' }}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @endif

                                        @if(!empty($goods_parameters) && count($goods_parameters))
                                            <div class="position-relative d-flex justify-content-between mt-5">
                                                <div>
                                                    <h5 class="card-title">{{__('variables.parameters_list')}}</h5>
                                                </div>
                                            </div>
                                            <hr>

                                            <div class="row row-cols-auto row-cols-1"
                                                 style="display: block;">
                                                @foreach($goods_parameters as $one_parameter)
                                                    <div class="mb-3">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <label class="form-label fs-6 text-decoration-underline">{{$one_parameter->name ?? ''}}</label>
                                                            </div>
                                                            <div class="col-6 text-end">
                                                                <label class="form-check form-check-inline">
                                                                    <input type="checkbox"
                                                                           class="form-check-input"
                                                                           name="show_in_list[{{ $one_parameter->id }}]"
                                                                           value="1"
                                                                           id="checkbox">
                                                                    <div class="form-check-label">{{__('variables.priority')}}</div>
                                                                </label>
                                                            </div>
                                                        </div>

                                                        <div{{ $one_parameter->measure_type == 'with_measure' ? ' class=input-group' : '' }}>
                                                            <input type="hidden" name="goods_parametr_id[]"
                                                                   value="{{$one_parameter->goods_parametr_id ?? ''}}">
                                                            {{addEditParameterInItem($one_parameter->id, $lang_id, getMainCatalogId(), null, $goods_subject_id->id)}}
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        @endif

                                        <div class="position-relative d-flex justify-content-between mt-5">
                                            <div>
                                                <h5 class="card-title">{{__('variables.photo')}}</h5>
                                            </div>
                                        </div>
                                        <div class="mb-3">
                                            <label for="upload_files"
                                                   class="form-label">{{__('variables.select_file')}}</label>
                                            <input class="form-control" type="file" name="upload_files[]"
                                                   id="upload_files" multiple="">
                                        </div>

                                        @include('admin.templates.upload-new-images')
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <div class="border border-3 p-4 rounded">
                                        <div class="row g-3">

                                            <div class="mb-3">
                                                <label for="alias"
                                                       class="form-label">{{__('variables.alias_table')}}</label>
                                                <input type="text" name="alias" class="form-control" id="alias">
                                            </div>

                                            <div class="col-12">
                                                <label for="p_id"
                                                       class="form-label">{{__('variables.p_id_name')}}</label>
                                                <select class="form-select" name="p_id" id="p_id">
                                                    {!! SelectGoodsItemTree($lang_id, 0 ,$curr_page_id) !!}
                                                </select>
                                            </div>

                                            @if(!empty($brand) && count($brand))
                                                <div class="col-12">
                                                    <label for="brand_id"
                                                           class="form-label">{{__('variables.brand')}}</label>
                                                    <select class="form-select single-select" name="brand_id"
                                                            id="brand_id">
                                                        <option value=""
                                                                selected>{{__('variables.select')}}</option>
                                                        @foreach($brand as $one_brand)
                                                            <option
                                                                value="{{$one_brand->id ?? ''}}">{{ $one_brand->name ?? ''}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif

                                            @if(!empty($goods_groups) && count($goods_groups))
                                                <div class="col-12">
                                                    <label for="goods_group_id"
                                                           class="form-label">{{__('variables.goods_group')}}</label>
                                                    <select class="form-select single-select" name="goods_group_id"
                                                            id="goods_group_id">
                                                        <option value=""
                                                                selected>{{__('variables.select')}}</option>
                                                        @foreach($goods_groups as $one_goods_group)
                                                            <option
                                                                value="{{$one_goods_group->id ?? ''}}">{{ $one_goods_group->name ?? ''}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif

                                            <div class="col-12">
                                                <label for="related_goods_subject_id"
                                                       class="form-label">{{__('variables.bought_with_this_products')}}</label>
                                                <select class="form-select multiple-select"
                                                        name="related_goods_subject_id[]" id="related_goods_subject_id"
                                                        multiple>
                                                    <option value="">{{__('variables.select')}}</option>
                                                    {!! SelectGoodsItemTree($lang_id, getMainCatalogId()) !!}
                                                </select>
                                            </div>

                                            <div class="col-12">
                                                <label for="brand_position"
                                                       class="form-label">{{__('variables.brand_priority')}}</label>
                                                <select class="form-select" name="brand_position" id="brand_position">
                                                    @for ($i = 1; $i <= 5; $i++)
                                                        <option
                                                            value="{{ $i }}">{{ $i }}</option>
                                                    @endfor
                                                </select>
                                            </div>

                                            <div class="col-md-6">
                                                <label for="price" class="form-label">{{__('variables.price')}}</label>
                                                <input type="text" name="price" class="form-control" id="price">
                                            </div>
                                            <div class="col-md-6">
                                                <label for="price_old"
                                                       class="form-label">{{__('variables.old_price')}}</label>
                                                <input type="text" name="price_old" class="form-control" id="price_old">
                                            </div>
                                            {{-- <div class="col-md-6">
                                                 <label for="one_c_code"
                                                        class="form-label">{{__('variables.1c_code')}}</label>
                                                 <input type="text" class="form-control" name="one_c_code"
                                                        id="one_c_code">
                                             </div>--}}

                                            <div class="col-md-6">
                                                <label for="model"
                                                       class="form-label">{{__('variables.articol')}}</label>
                                                <input type="text" class="form-control" name="model"
                                                       id="model">
                                            </div>

                                            <div class="col-md-6">
                                                <label for="barcode"
                                                       class="form-label">{{__('variables.barcode')}}</label>
                                                <input type="text" class="form-control" name="barcode"
                                                       id="barcode">
                                            </div>

                                            {{--<div class="col-md-6">
                                                <label for="goods_count"
                                                       class="form-label">{{__('variables.goods_count')}}</label>
                                                <input type="text" name="goods_count" class="form-control"
                                                       id="goods_count">
                                            </div>--}}

                                            {{--<div class="col-md-12">
                                                <input type="checkbox" class="form-check-input" name="new_element"
                                                       id="new_element">
                                                <label class="form-check-label"
                                                       for="new_element">{{__('variables.new_element')}}</label>
                                            </div>--}}

                                            {{--<div class="col-md-12">
                                                <input type="checkbox" class="form-check-input" name="popular_element"
                                                       id="popular_element">
                                                <label class="form-check-label"
                                                       for="popular_element">{{__('variables.popular_element')}}</label>
                                            </div>--}}

                                            <div class="col-md-12">
                                                <input type="checkbox" class="form-check-input" name="in_stoc"
                                                       id="in_stoc">
                                                <label class="form-check-label"
                                                       for="in_stoc">{{__('variables.in_stock')}}</label>
                                            </div>

                                            @if($groupSubRelations->save == 1)
                                                <div class="col-12">
                                                    <div class="d-grid">
                                                        <button class="btn btn-success"
                                                                onclick="saveForm(this)"
                                                                data-form-id="add-form">{{__('variables.save_it')}}
                                                        </button>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop