@php use App\Models\Category\Category; @endphp
@php /** @var Category $category */  @endphp

@extends('admin::layout.main')

@section('title', $category->title)

@section('content-wrapper')

    @include('admin::pages.components.breadcrumb', [
        'current_route_title'   => $category->title,
        'previous_route_title'  => trans('admin-sidebar.Categories'),
        'previous_route_url'    => route('admin.category.index')
    ])

    <div class="row">


        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <label>
                        General information
                    </label>
                    <hr>

                    <form method="post" action="{{ route('admin.category.update', ['category' => $category]) }}">

                        @csrf

                        @method('PUT')

                        @include('admin::pages.components.form.tabs')

                        <div class="tab-content">
                            @foreach(LaravelLocalization::getSupportedLocales() as $iso => $locale)

                                <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tab-{{ $iso }}">
                                    <div class="form-row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="title-{{ $iso }}">
                                                    Title: {{ strtoupper($iso) }}
                                                </label>
                                                <input type="text"
                                                       class="form-control"
                                                       id="title-{{ $iso }}"
                                                       name="title[{{ $iso }}]"
                                                       placeholder="Title"
                                                       value="{{ $category->getTranslation('title', $iso) }}"
                                                       disabled
                                                       readonly
                                                >
                                            </div>
                                        </div><!-- Title -->
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="title-{{ $iso }}">
                                                    Slug: {{ strtoupper($iso) }}
                                                </label>
                                                <input type="text"
                                                       class="form-control"
                                                       id="title-{{ $iso }}"
                                                       name="title[{{ $iso }}]"
                                                       placeholder="Title"
                                                       value="{{ $category->getTranslation('slug', $iso) }}"
                                                       disabled
                                                       readonly
                                                >
                                            </div>
                                        </div><!-- Slug -->


                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="short_description_{{ $iso }}">
                                                    Short Description: {{ strtoupper($iso) }}
                                                </label>
                                                <textarea class="form-control"
                                                          name="short_description[{{ $iso }}]"
                                                          id="short_description_{{ $iso }}"
                                                          placeholder="Meta description in {{ $locale['name'] }}."
                                                          rows="5"
                                                >{{ old('short_description.' . $iso, $category->getTranslation('short_description', $iso)) }}</textarea>
                                            </div>
                                        </div><!-- Meta description -->

                                        @include('admin::pages.components.form.meta-tags', ['iso' => $iso, 'locale' => $locale, 'model' => $category])

                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <div class="form-row">

                            <div class="col-md-8">
                                <div class="form-group">
                                    <label for="is_top">Is Top</label>
                                    <select class="form-control" id="is_top" name="is_top">
                                        <option value="1" {{ isset($category) && $category->is_top ? 'selected' : '' }}>
                                            Active
                                        </option>
                                        <option value="0" {{ isset($category) && !$category->is_top ? 'selected' : '' }}>
                                            Inactive
                                        </option>
                                    </select>
                                    <span class="font-13 text-muted">
                                        When the "<b>Is top</b>" flag is enabled, the category will be displayed on the homepage as a "<b>TOP</b>" category.
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="top_position">Is Top - Position</label>
                                    <input class="form-control" type="number" name="top_position"
                                           value="{{ $category->top_position ?: 0 }}">
                                    <span class="font-13 text-muted">
                                    The position on the homepage.
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-8">
                                <div class="form-group">
                                    <label for="is_feature">Is Featured</label>
                                    <select class="form-control" id="is_feature" name="is_feature">
                                        <option value="1" {{ isset($category) && $category->is_feature ? 'selected' : '' }}>
                                            Active
                                        </option>
                                        <option value="0" {{ isset($category) && !$category->is_feature ? 'selected' : '' }}>
                                            Inactive
                                        </option>
                                    </select>
                                    <span class="font-13 text-muted">
                                        When the "<b>Is Featured</b>" flag is enabled, the category will be displayed on the homepage in "<b>Popular</b>" slider.
                                    </span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="feature_position">Is Featured - Position</label>
                                    <input class="form-control" type="number" name="feature_position"
                                           value="{{ $category->feature_position ?: 0 }}">
                                    <span class="font-13 text-muted">
                                        The position on the homepage.
                                    </span>
                                </div>
                            </div>

                            <div class="col-12 mb-2">
                                <label for="properties">
                                    Choose Property(-ies) filters
                                </label>
                                <select name="properties[]" class="form-control" id="properties" multiple>
                                    @foreach($category->properties as $property)
                                        <option value="{{ $property->id }}" selected>{{ $property->title }} </option>
                                    @endforeach
                                </select>
                                <div class="font-13 text-muted">
                                    Here, you can select property(-ies) that will be displayed on the catalog page in
                                    filters section.
                                </div>
                            </div>
                        </div>

                        @include('admin::pages.components.flash-messages')


                        <div class="row mt-2">
                            <div class="col">
                                <div class="text-left">
                                    <button type="submit" class="btn btn-sm btn-primary">Save</button>

                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title mb-2">{{ $category['title'] }}</h4>
                    <sub-categories
                            :update-route="'{{ route('admin.api.category_shop.update', ['category' => $category['id']]) }}'"
                            :draggable-items="{{ json_encode($childs) }}"
                    />
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="col-md-12">
                        <label for="image" class="col-form-label">
                            Image for "Top"
                        </label>
                        @include('admin::pages.components.upload.single', [
                            'modelInstance'     => Category::class,
                            'modelID'           => $category->id,
                            'attachmentKey'     => Category::ATTACH_TOP_KEY
                        ])
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <label for="image" class="col-form-label">
                                Image for "Icon"
                            </label>
                            @include('admin::pages.components.upload.single', [
                                'modelInstance'     => Category::class,
                                'modelID'           => $category->id,
                                'attachmentKey'     => Category::ATTACH_ICON_KEY
                            ])
                        </div>
                        <div class="col-md-4">
                            <label for="image" class="col-form-label">
                                Image for "Feature"
                            </label>
                            @include('admin::pages.components.upload.single', [
                                'modelInstance'     => Category::class,
                                'modelID'           => $category->id,
                                'attachmentKey'     => Category::ATTACH_FEATURE_KEY
                            ])
                        </div>
                        <div class="col-md-4">
                            <label for="image" class="col-form-label">
                                Image for "Catalog"
                            </label>
                            @include('admin::pages.components.upload.single', [
                                'modelInstance'     => Category::class,
                                'modelID'           => $category->id,
                                'attachmentKey'     => Category::ATTACH_BANNER_KEY
                            ])
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('script')
    <script>
        $('#properties').select2({
            placeholder: '',
            allowClear:  true,
            ajax:        {
                url:            '{{ route('admin.api.search.select2') }}',
                type:           'GET',
                dataType:       'json',
                data:           function (params) {
                    return {
                        modelPath:      'Property',
                        modelName:      'Property',
                        search:         params.term,
                        searchFields:   [
                            'title',
                        ],
                        searchType:     'like',
                        selectedFields: [
                            'id',
                            'title',
                        ],
                        limit:          25
                    };
                },
                processResults: function (data) {
                    return {
                        results: data.map(function (item) {
                            return {
                                id:   item.id,
                                text: item.title.lv
                            };
                        })
                    };
                },
                cache:          true
            }
        })
    </script>
@endpush