@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? ''}}</h3>
</div>

<div class="border-item">
    <form class="form-row add_form" method="post" action="{{ $action }}" enctype="multipart/form-data" id="form">
        @if($product ?? ''  && $product->id)
            @method('PUT')
        @endif
        @csrf

        <div class="row tab-wrapper w-100">

            <div class="row w-100 m-auto">
                @if(isMainAdminRole())
                    <div class="form-group col">
                        <label>{{ meta('category_id', $lang) ?? __('products.category_id') }} </label>
                        <select name="category_id"
                                class="form-control category-select {{ $errors->has('category_id') ? 'is-invalid' : '' }}"
                                data-selected-provider-id="{{ old('user_id', $product->user_id ?? "") }}">
                            <option value="">{{__('products.category_id')}}</option>
                            @foreach($categories as $category)
                                <option {{old('category_id', $product->category_id ?? null) == $category->id ? 'selected' : '' }} value="{{ $category->id }}">
                                    {{ $category->currentDescription->name ?? "" }}
                                </option>
                            @endforeach
                        </select>
                    </div> <!-- end of form-group -->

                    <div class="form-group col">
                        <label>{{ meta('user_id', $lang) ?? __('products.user_id') }} </label>
                        <select name="user_id"
                                class="form-control provider-select {{ $errors->has('user_id') ? 'is-invalid' : '' }}"
                                data-selected-subcategory-id="{{ old('subcategory_id', $product->subcategory_id ?? "") }}">
                            <option value="">{{__('products.user_id')}}</option>
                        </select>
                    </div> <!-- end of form-group -->
                @else
                    <input type="hidden" name="category_id" value="{{ auth()->user()->category_id ?? null }}" />
                    <input type="hidden" name="user_id" value="{{ auth()->id() ?? null }}" />
                @endif

                <div class="form-group col">
                    <label>{{ meta('subcategory_id', $lang) ?? __('products.subcategory_id') }} </label>
                    <select name="subcategory_id" class="form-control subcategory-select {{ $errors->has('subcategory_id') ? 'is-invalid' : '' }}">
                        <option value="">{{__('products.subcategory_id')}}</option>
                        @if(isset($subcategories))
                            @foreach($subcategories as $subcategory)
                                <option {{old('subcategory_id', $product->subcategory_id ?? null) == $subcategory->id ? 'selected' : '' }} value="{{ $subcategory->id }}">
                                    {{ $subcategory->currentDescription->name ?? "" }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div> <!-- end of form-group -->
            </div> <!-- end of row -->

            @foreach($languages as $language)
                <div class="form-group col-lg-6">
                    <label>{{ meta('title', $language->local) ?? __('products.title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                    <input type="text" class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}" name="title_{{ $language->local }}" placeholder="{{ meta('title', $language->local) ?? __('products.title') }}" value='{{ old("title_{$language->local}", $product[$language->local]->title ?? "") }}'/>
                </div>
            @endforeach

            <div class="row w-100 m-auto">
                <div class="col center-vertically">
                    <div class="custom-control custom-switch">
                        <input type="checkbox"
                               name="price_according_choice" value="1"
                               {{ old("price_according_choice", $product->price_according_choice ?? false) ? 'checked' : '' }}
                               class="custom-control-input {{ $errors->has('price_according_choice') ? 'is-invalid' : '' }}"
                               id="customSwitch_price_according_choice">
                        <label class="custom-control-label" for="customSwitch_price_according_choice">
                            {{ meta('price_according_choice', $lang) ?? __('products.price_according_choice') }}
                        </label>
                    </div>
                </div> <!-- end of col -->
                <div class="form-group col price-div">
                    <label>{{ meta('price', $lang) ?? __('products.price') }} </label>
                    <input type="number" min="0" step="0.01"
                           class="form-control {{ $errors->has('price') ? 'is-invalid' : '' }}"
                           name="price"
                           placeholder="{{ meta('price', $lang) ?? __('products.price') }}"
                           value='{{ old("price", $product->price ?? "") }}'/>
                </div> <!-- end of form-group -->
                <div class="form-group col price-div">
                    <label>{{ meta('price2', $lang) ?? __('products.price2') }} </label>
                    <input type="number" min="0" step="0.01"
                           class="form-control {{ $errors->has('price2') ? 'is-invalid' : '' }}"
                           name="price2"
                           placeholder="{{ meta('price2', $lang) ?? __('products.price2') }}"
                           value='{{ old("price2", $product->price2 ?? "") }}'/>
                </div> <!-- end of form-group -->
            </div> <!-- end of row -->

            @foreach($languages as $language)
                <div class="form-group col-lg-6">
                    <label>{{ meta('description', $language->local) ?? __('products.description') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                    <textarea id="description_{{ $language->local }}" name="description_{{ $language->local }}" class="form-control my-editor {{ $errors->has('description_'.$language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('description', $language->local) ?? __('products.description') }}">{{ old("description_{$language->local}", $product[$language->local]->description ?? null) }}</textarea>
                </div>
            @endforeach

            @include('admin.products._sizes')
            @include('admin.products._choices')
            @include('admin.products._additions')

            @include('admin.partials._upload_photos', ['item_values'=>old('images', $product->item_images ?? []), 'label_name'=>meta('images', getCurrentLocale()) ?? __('products.images'), 'input_name'=>'images'])

            <div class="row w-100 m-auto">
                <div class="form-group col d-none">
                    <label>{{ meta('status', $lang) ?? __('products.status') }} </label>
                    @foreach(['active', 'inactive'] as $status)
                        <div class="form-check">
                            <input class="form-check-input {{ $errors->has('status') ? 'is-invalid' : '' }}"
                                   type="radio" name="status" id="exampleRadios{{ $status }}" value="{{ $status }}"
                                {{old('status', $product->status ?? 'active') == $status ? 'checked' : '' }}>
                            <label class="form-check-label" for="exampleRadios{{ $status }}">
                                {{ __("general.$status") }}
                            </label>
                        </div>
                    @endforeach
                </div> <!-- end of form-group -->
                <div class="form-group col-lg-6">
                    <label>{{ meta('sort', $lang) ?? __('products.sort') }} </label>
                    <input type="number" min="0"
                           class="form-control {{ $errors->has('sort') ? 'is-invalid' : '' }}"
                           name="sort"
                           placeholder="{{ meta('sort', $lang) ?? __('products.sort') }}"
                           value='{{ old("sort", $product->sort ?? $maxSort ?? "") }}'/>
                </div> <!-- end of form-group -->
            </div> <!-- end of row -->

        </div> <!-- end of row -->

        <div class="text-center mt-5 col-12">
            <button type="submit" class="butn add_button"><span>{{ __('dashboard.save') }}</span></button>
        </div>

    </form>
</div>

@endsection

@push('stack_scripts')
    <script>
        let priceAccordingChoiceInput = $('[name=price_according_choice]');
        let sizesWrapper = $('.sizes-wrapper');
        let priceDiv = $('.price-div');
        priceAccordingChoiceInput.change(function () {
            if ($(this).is(':checked')) {
                priceDiv.hide();
                sizesWrapper.show();
            } else {
                priceDiv.show();
                sizesWrapper.hide();
            }
        });
        priceAccordingChoiceInput.trigger('change');
    </script>
@endpush

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{$lang}}",
            imagePath = "{{asset('')}}",
            inputName = null;
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>

    {{-- get regions by country --}}
    @include('admin.partials._script')
@endsection