@php
    use App\Models\Manufacture\Manufacture;
    use App\Models\Manufacture\ManufacturerBenefits;
@endphp
@php /** @var Manufacture $manufacture */@endphp

<div class="row">
    <div class="col-6">
        <div class="card">
            <div class="card-body">
                <label for="logo" class="col-form-label">
                    Logo
                </label>
                @include('admin::pages.components.upload.single', [
                    'modelInstance'     => Manufacture::class,
                    'modelID'           => $manufacture->id,
                    'attachmentKey'     => Manufacture::ATTACH_LOGO_KEY
                ])
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="card">
            <div class="card-body">
                <label for="banner" class="col-form-label">
                    Banner
                </label>
                @include('admin::pages.components.upload.single', [
                    'modelInstance'     => Manufacture::class,
                    'modelID'           => $manufacture->id,
                    'attachmentKey'     => Manufacture::ATTACH_BANNER_KEY
                ])
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <form method="post"
              action="{{ route('admin.manufactures.update', ['manufacture' => $manufacture]) }}"
              enctype="multipart/form-data">
            <div class="card">
                <div class="card-body">
                    @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="{{ $manufacture->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="{{ $manufacture->getTranslation('slug', $iso) }}"
                                                   disabled
                                                   readonly
                                            >
                                        </div>
                                    </div><!-- Slug -->
                                    <div class="col-md-12 mt-2">
                                        <div class="form-group">
                                            @include('admin::pages.components.form.ckeditor', [
                                                'title'    => 'Description: ' . strtoupper($iso),
                                                'id'       => 'description_'. $iso,
                                                'name'     => 'description['. $iso .']',
                                                'value'    => old('description.' . $iso, $manufacture->getTranslation('description', $iso)),
                                                'language' => $iso,
                                            ])
                                        </div>
                                    </div><!-- Description -->

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

                                </div>
                            </div>

                        @endforeach

                    </div>

                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="is_active">Active</label>
                                <select class="form-control" id="is_active" name="is_active">
                                    <option value="1" {{ $manufacture->is_active ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ !$manufacture->is_active ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 mb-2">
                            <label for="properties">
                                Choose Property(-ies) filters
                            </label>
                            <select name="properties[]" class="form-control" id="properties" multiple>
                                @foreach($manufacture->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">
                                    Update
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="row">
    @if (count($manufacture->manufacturerBenefits))
        @foreach($manufacture->manufacturerBenefits as $index => $benefit)
            <div class="col-3">
                <div class="card">
                    <div class="card-body">
                        <label for="logo" class="col-form-label">
                            Benefit {{$index + 1}}
                        </label>
                        @include('admin::pages.components.upload.single', [
                            'modelInstance'     => ManufacturerBenefits::class,
                            'modelID'           => $benefit->id,
                            'attachmentKey'     => ManufacturerBenefits::ATTACH_BENEFIT_ICON_KEY,
                        ])
                    </div>
                </div>
            </div>
        @endforeach
    @endif
</div>

<div class="row">
    <div class="col-12">
        <form method="post"
              action="{{ route('admin.manufacture.benefits.update', ['manufacture' => $manufacture]) }}"
              enctype="multipart/form-data">

            <div class="card">
                <div class="card-body">
                    @csrf
                    @method('PUT')

                    @include('admin::pages.components.form.tabs', ['class' => 'benefit'])

                    <div class="tab-content">

                        @foreach(LaravelLocalization::getSupportedLocales() as $iso => $locale)
                            <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="benefit-{{ $iso }}">
                                <div class="form-row">

                                    @for($index = 0; $index < 4; $index++)

                                        @php $key = $index + 1 @endphp
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="title-benefit-{{$key}}-{{ $iso }}">
                                                    Title benefit {{$key}}: {{ strtoupper($iso) }}
                                                </label>
                                                <input type="text"
                                                       class="form-control"
                                                       id="title-benefit-{{$key}}-{{ $iso }}"
                                                       name="benefits[{{$key}}][title][{{ $iso }}]"
                                                       placeholder="Title benefit in {{ $locale['name'] }}."
                                                       value="{{ old('benefits.'.$key.'.title.' . $iso, isset($manufacture['manufacturerBenefits'][$index]['title']) ? ($manufacture['manufacturerBenefits'][$index])->getTranslation('title', $iso) : '') }}"
                                                >
                                            </div>
                                        </div><!-- Title benefit {{$key}} -->
                                        <input type="hidden" name="benefits[{{$key}}][index]" value="{{$index}}">
                                    @endfor

                                    @for($index = 0; $index < 4; $index++)
                                        @php $key = $index + 1 @endphp
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="description-benefit-{{$key}}-{{ $iso }}">
                                                    Description benefit {{$key}}: {{ strtoupper($iso) }}
                                                </label>
                                                <textarea class="form-control"
                                                          id="description-benefit-{{$key}}-{{ $iso }}"
                                                          name="benefits[{{$key}}][description][{{ $iso }}]"
                                                          rows="5"
                                                >{{ old('benefits.'.$key.'.description.' . $iso, isset($manufacture['manufacturerBenefits'][$index]['description']) ? $manufacture['manufacturerBenefits'][$index]->getTranslation('description', $iso) : '') }}</textarea>
                                            </div>
                                        </div><!-- Description benefit {{$key}}-->
                                    @endfor

                                </div>
                            </div>
                        @endforeach

                        <div class="row">
                            @for($index = 0; $index < 4; $index++)
                                @php $key = $index + 1 @endphp
                                <div class="col-3">
                                    @include('admin::pages.components.is-active', [
                                        'title' => 'Is active ' . $key,
                                        'name' => 'benefits['.$key.'][is_active]',
                                        'isActive' => old('benefits.'.$key.'.is_active' , $manufacture['manufacturerBenefits'][$index]['is_active'])
                                    ])
                                </div>
                            @endfor
                        </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">
                                        Update
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div> <!-- Tab content -->
                </div> <!-- Card body-->
            </div> <!-- Card -->
        </form>
    </div>
</div>

@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:          100
                    };
                },
                processResults: function (data) {
                    return {
                        results: data.map(function (item) {
                            return {
                                id:   item.id,
                                text: item.title.en
                            };
                        })
                    };
                },
                cache:          true
            }
        })
    </script>
@endpush