@php use App\Models\Shipping\ShippingMethod; @endphp
@php /** @var ShippingMethod $shippingMethod */  @endphp

<div class="row">
    <div class="col-6">
        <div class="card">
            <div class="card-body">
                <form method="post"
                      action="{{ route('admin.shipping.update', ['shippingMethod' => $shippingMethod]) }}">

                    @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-12">
                                        <div class="form-group">
                                            <label for="title_{{ $iso }}">
                                                Title: {{ strtoupper($iso) }}
                                            </label>
                                            <input type="text"
                                                   class="form-control sluggable"
                                                   data-slug-target="#slug_{{ $iso }}"
                                                   id="title_{{ $iso }}"
                                                   name="title[{{ $iso }}]"
                                                   placeholder="Title"
                                                   value="{{ old('title.' . $iso, $shippingMethod->getTranslation('title', $iso)) }}"
                                            >
                                        </div>
                                    </div><!-- Title -->
                                </div>
                                <div class="form-row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="description_{{ $iso }}">
                                                Description: {{ strtoupper($iso) }}
                                            </label>
                                            <textarea class="form-control"
                                                      name="description[{{ $iso }}]"
                                                      id="description_{{ $iso }}"
                                                      rows="5"
                                            >{{ $shippingMethod->getTranslation('description', $iso) }}</textarea>
                                        </div>
                                    </div><!-- Description -->
                                </div>
                            </div>

                        @endforeach
                    </div>

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

                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="payment_methods" class="col-form-label">
                                    Payment methods
                                </label>
                                <select name="payment_methods[]" class="form-control" id="payment_methods"
                                        multiple="multiple">
                                    @if(isset($selectedPaymentMethods))
                                        @foreach($selectedPaymentMethods as $item)
                                            <option
                                                    value="{{ $item->id }}"
                                                    id="{{ $item->id }}"
                                                    selected
                                            >
                                                {{ $item->title }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>

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

                    <button type="submit" class="btn btn-primary btn-sm">Update</button>
                </form>
            </div>
        </div>
    </div>
    <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'     => ShippingMethod::class,
                    'modelID'           => $shippingMethod->id,
                    'attachmentKey'     => ShippingMethod::ATTACH_ICON_KEY
                ])
            </div>
        </div>
    </div>
</div>

@push('script')
    <script>
        $(document).ready(function () {

            $('#payment_methods').select2({
                placeholder: '',
                allowClear:  true,
                ajax:        {
                    url:            '{{ route('admin.api.search.select2') }}',
                    type:           'GET',
                    dataType:       'json',
                    data:           function (params) {
                        return {
                            modelPath:      'Payment',
                            modelName:      'PaymentMethod',
                            search:         params.term,
                            searchFields:   ['id',
                                'title'],
                            searchType:     'like',
                            selectedFields: ['id',
                                'title'],
                            limit:          100
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.map(function (item) {
                                return {
                                    id:   item.id,
                                    text: item.title.lv
                                };
                            })
                        };
                    },
                    cache:          true
                }
            });

        });
    </script>
@endpush