@extends('admin.main')
@include('widgets.select')
@section('breadcrumb')
    {{ Breadcrumbs::render('admin.purchase.additional.products.list', $interval) }}
@endsection
@inject('numberPresenter', '\App\Presenters\NumberPresenter')
@inject('dataPresenter', "App\Presenters\DataPresenter")
@section('content')
    <section id="basic-datatable">
        <div class="row style-purchase-interval-list">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">滿額{{ trans_choice('purchase.type', $type) }}商品列表</h4>
                    </div>
                    <div class="card-body ">
                        <div class="row">
                            <div class="col-3">
                                <fieldset class="form-group">
                                    <select id="seleted_products" class="form-control select2" name="related_products" placeholder="請選擇商品(可複選)" multiple required>
                                        @foreach($products as $product)
                                            @if ($product->rules)
                                                @foreach($product->rules as $rule)
                                                    <option value="{{ $product->id }}-{{ $rule->id }}"
                                                            {{ $interval_product_list && $interval_product_list->where('prid', $rule->id)->first() ? 'selected' : '' }}>
                                                        {{ $product->name }}({{ $dataPresenter->getProductRuleAttributeTypesString($rule) }})
                                                    </option>
                                                @endforeach
                                            @else
                                                <option value="{{ $product->id }}">
                                                    {{ $product->name }}
                                                </option>
                                            @endif
                                        @endforeach
                                    </select>
                                </fieldset>
                            </div>
                            <div class="col-3">
                                <button id="intervalProductUpdate" class="btn btn-info">更新商品列表</button>
                            </div>
                        </div>
                        <form class="formValidation" action="{{ route('admin.purchase.products.data.update', $interval->id) }}" method="post">
                            <div class="table-responsive">
                                <table class="table zero-configuration ">
                                    <thead>
                                    <tr>
                                        <th >排序</th>
                                        <th>分類</th>
                                        <th >溫層</th>
                                        <th >商品名稱</th>
                                        @if ($interval->type == \App\Enum\Order\PurchaseType::ADDITIONAL)
                                            <th>可加購數量(0=不限)</th>
                                            <th>加購價</th>
                                            <th>售價</th>
                                        @endif
                                    </tr>
                                    </thead>
                                    @foreach($interval_product_list as $k => $interval_product)
                                        <tr>
                                            <td>{{ $interval_product->sort }}</td>
                                            <td>{{ $interval_product->product->category->name ?? '' }}</td>
                                            <td>{{ $numberPresenter->temperatureLayer($interval_product->product->temperature_layer) }}</td>
                                            <td>{{ $interval_product->product->name . ($interval_product->prid ? '(' . $dataPresenter->getProductRuleAttributeTypesString($interval_product->rule) . ')' : '') }}</td>
                                            @if ($interval->type == \App\Enum\Order\PurchaseType::ADDITIONAL)
                                                <td>
                                                    <input type="hidden" name="data[{{ $k }}][id]" value="{{ $interval_product->id }}">
                                                    <input class="form-control" type="number" name="data[{{ $k }}][count]" value="{{ $interval_product->count }}" required>
                                                </td>
                                                <td>
                                                    <div class="input-group">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">$</span>
                                                        </div>
                                                        <input class="form-control" type="number" name="data[{{ $k }}][amount]" value="{{ $interval_product->amount }}" required>
                                                    </div>
                                                </td>
                                                <td>${{ $interval_product->rule->amount ?? $interval_product->product->amount }}</td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </table>
                            </div>

                            @if ($type == \App\Enum\Order\PurchaseType::ADDITIONAL)
                                <div class="buy-now">
                                    <button class="btn btn-primary mt-1" type="submit">儲存</button>
                                </div>
                            @endif
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('js')
    <script>
        $(function () {
            $('#intervalProductUpdate').click(function () {
                let select = $('#seleted_products').val();
                let data = {};
                $.each(select, (k, v) => {
                    data['bind[{0}]'.format(k)] = v;
                });
                ajax.post('{{ route('admin.purchase.products.store', $interval->id) }}', data, function (res) {
                    if (res && res.valid) {
                        window.location.reload();
                    } else {
                        alert('更新失敗');
                    }
                });
            });
        });
    </script>
@endpush