@extends('admin::layouts.master')

@section('title', __('admin/common.logistics'))

@section('content')
  @if ($errors->has('error'))
    <x-admin-alert type="danger" msg="{{ $errors->first('error') }}" class="mt-4" />
  @endif

  @if (session()->has('success'))
    <x-admin-alert type="success" msg="{{ session('success') }}" class="mt-4" />
  @endif

  <div id="product-app">
    <div class="card h-min-600">
      <div class="card-body">

        <div class="d-flex justify-content-between my-4">
          @if ($type != 'trashed')
            <a href="{{ admin_route('logistics.create') }}" class="me-1 nowrap">
              <button class="btn btn-primary">{{ __('admin/logistics.logistics_create') }}</button>
            </a>
          @else
            @if ($logistics->total())
              <button class="btn btn-primary" @click="clearRestore">{{ __('admin/logistics.clear_restore') }}</button>
            @endif
          @endif
        </div>

        @if ($logistics->total())
          <div class="table-push">
            <table class="table table-hover">
              <thead>
              <tr>
                <th><input type="checkbox" v-model="allSelected" /></th>
                <th>{{ __('common.id') }}</th>
                <th>{{ __('admin/logistics.logistics_name') }}</th>
                <th>{{ __('admin/logistics.warehouse_name') }}</th>
                <th>{{ __('admin/country.index') }}</th>
                <th>{{ __('admin/logistics.type') }}</th>
                <th>{{ __('admin/logistics.first_weight') }}</th>
                <th>{{ __('admin/logistics.first_weight_fee') }}</th>
                <th>{{ __('admin/logistics.add_weight') }}</th>
                <th>{{ __('admin/logistics.continuation_weight_fee') }}</th>
                <th>{{ __('admin/logistics.throwing_ratio') }}</th>
                <th>{{ __('admin/logistics.day') }}</th>
                <th>{{ __('common.sort_order') }}</th>
                <th>{{ __('common.created_at') }}</th>

                @hook('admin.product.list.column')
                <th class="text-end">{{ __('common.action') }}</th>
              </tr>
              </thead>
              <tbody>
              @foreach ($logistics_format as $logistic)
                <tr>
                  <td><input type="checkbox" :value="{{ $logistic['id'] }}" v-model="selectedIds" /></td>
                  <td>{{ $logistic['id'] }}</td>
                  <td>{{ $logistic['name'] }}</td>
                  <td>{{ $logistic['warehouse_name'] }}</td>
                  <td>{{ $logistic['country'] }}</td>
                  <td>{{ __('admin/logistics.type_' . $logistic['type']) }}</td>
                  <td>{{ $logistic['first_weight'] }}</td>
                  <td>{{ $logistic['first_weight_fee'] }}</td>
{{--                  <td>{{ $logistic['continuation_weight_max'] }}</td>--}}
                  <td>{{ $logistic['add_weight'] }}</td>
                  <td>{{ $logistic['continuation_weight_fee'] }}</td>
{{--                  <td>{{ $logistic['num_fee'] }}</td>--}}
                  <td>{{ $logistic['throwing_ratio'] }}</td>
                  <td>{{ $logistic['day_min'] }} - {{ $logistic['day_max'] }} {{ __('admin/logistics.work_day') }}</td>
                  <td>{{ $logistic['position'] }}</td>
                  <td>{{ $logistic['created_at'] }}</td>

                  @hook('admin.logistic.list.column_value')
                  <td class="text-end text-nowrap">
                    @if ($logistic['deleted_at'] == '')
                      <a href="{{ admin_route('logistics.edit', [$logistic['id']]) }}" class="btn btn-outline-secondary btn-sm">{{ __('common.edit') }}</a>
{{--                      <a href="javascript:void(0)" class="btn btn-outline-secondary btn-sm" @click.prevent="copyProduct({{ $loop->index }})">{{ __('common.copy') }}</a>--}}
                      <a href="javascript:void(0)" class="btn btn-outline-danger btn-sm" @click.prevent="deleteProduct({{ $loop->index }})">{{ __('common.delete') }}</a>
                      @hook('admin.product.list.action')
                    @else
                      <a href="javascript:void(0)" class="btn btn-outline-secondary btn-sm" @click.prevent="restoreProduct({{ $loop->index }})">{{ __('common.restore') }}</a>
                      @hook('admin.logistics.trashed.action')
                    @endif
                  </td>
                </tr>
              @endforeach
              </tbody>
            </table>
          </div>

          {{ $logistics->withQueryString()->links('admin::vendor/pagination/bootstrap-4') }}
        @else
          <x-admin-no-data />
        @endif
      </div>
    </div>
  </div>

  @hook('admin.product.list.content.footer')
@endsection

@push('footer')
  <script>
    let app = new Vue({
      el: '#product-app',
      data: {
        url: '{{ $type == 'trashed' ? admin_route("products.trashed") : admin_route("products.index") }}',
        filter: {
          name: bk.getQueryString('name'),
          page: bk.getQueryString('page'),
          category_id: bk.getQueryString('category_id'),
          sku: bk.getQueryString('sku'),
          model: bk.getQueryString('model'),
          active: bk.getQueryString('active'),
          order_by: bk.getQueryString('order_by', ''),
        },
        selectedIds: [],
        productIds: @json($logistics->pluck('id')),
      },

      computed: {
        allSelected: {
          get(e) {
            return this.selectedIds.length == this.productIds.length;
          },
          set(val) {
            return val ? this.selectedIds = this.productIds : this.selectedIds = [];
          }
        }
      },

      created() {
        bk.addFilterCondition(this);
      },

      methods: {
        turnOnOff() {
          let id = event.currentTarget.getAttribute("data-id");
          let checked = event.currentTarget.getAttribute("data-active");
          let type = true;
          if (checked) type = false;
          $http.post('products/status', {ids: [id], status: type}).then((res) => {
            layer.msg(res.message)
            location.reload();
          })
        },

        batchDelete() {
          this.$confirm('{{ __('admin/product.confirm_batch_product') }}', '{{ __('common.text_hint') }}', {
            confirmButtonText: '{{ __('common.confirm') }}',
            cancelButtonText: '{{ __('common.cancel') }}',
            type: 'warning'
          }).then(() => {
            $http.delete('logistics/delete', {ids: this.selectedIds}).then((res) => {
              layer.msg(res.message)
              location.reload();
            })
          }).catch(()=>{});
        },

        batchActive(type) {
          this.$confirm('{{ __('admin/product.confirm_batch_status') }}', '{{ __('common.text_hint') }}', {
            confirmButtonText: '{{ __('common.confirm') }}',
            cancelButtonText: '{{ __('common.cancel') }}',
            type: 'warning'
          }).then(() => {
            $http.post('products/status', {ids: this.selectedIds, status: type}).then((res) => {
              layer.msg(res.message)
              location.reload();
            })
          }).catch(()=>{});
        },

        search() {
          this.filter.page = '';
          location = bk.objectToUrlParams(this.filter, this.url)
        },

        checkedOrderBy(orderBy) {
          this.filter.order_by = orderBy;
          location = bk.objectToUrlParams(this.filter, this.url)
        },

        resetSearch() {
          this.filter = bk.clearObjectValue(this.filter)
          location = bk.objectToUrlParams(this.filter, this.url)
        },

        copyProduct(index) {
          const id = this.productIds[index];

          this.$confirm('{{ __('common.confirm_copy') }}', '{{ __('common.text_hint') }}', {
            type: 'warning'
          }).then(() => {
            $http.post('products/' + id + '/copy').then((res) => {
              this.$message.success(res.message);
              location.reload();
            })
          }).catch(()=>{});
        },
        deleteProduct(index) {
          const id = this.productIds[index];

          this.$confirm('{{ __('common.confirm_delete') }}', '{{ __('common.text_hint') }}', {
            type: 'warning'
          }).then(() => {
            $http.delete('logistics/' + id).then((res) => {
              this.$message.success(res.message);
              location.reload();
            })
          }).catch(()=>{});
        },

        restoreProduct(index) {
          const id = this.productIds[index];

          this.$confirm('{{ __('admin/product.confirm_batch_restore') }}', '{{ __('common.text_hint') }}', {
            type: 'warning'
          }).then(() => {
            $http.put('products/restore', {id: id}).then((res) => {
              location.reload();
            })
          }).catch(()=>{});;
        },

        clearRestore() {
          this.$confirm('{{ __('admin/product.confirm_delete_restore') }}', '{{ __('common.text_hint') }}', {
            type: 'warning'
          }).then(() => {
            $http.post('products/trashed/clear').then((res) => {
              location.reload();
            })
          }).catch(()=>{});;
        }
      }
    });
  </script>
@endpush